:root{--app-font-size:12px;--bg:#fff;--panel:#fff;--text:#111;--muted:#666;--line-main:#b8c0ca;--line-section:#cdd4dc;--line-subtle:#e2e6eb;--line-control:#c4ccd5;--line-focus:#6f7b88;--input:#fff;--button:#f7f7f7;--button-hover:#eee;--danger:#b42318;--radius:0}html[data-theme=dark]{--bg:#111;--panel:#151515;--text:#f1f1f1;--muted:#a8a8a8;--line-main:#58616b;--line-section:#444c55;--line-subtle:#30363d;--line-control:#4d5661;--line-focus:#9aa6b2;--input:#1c1c1c;--button:#232323;--button-hover:#2f2f2f;--danger:#ff8b7f}*{box-sizing:border-box;scrollbar-color:var(--line-control) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:1px solid var(--line-control);background:0 0}:hover::-webkit-scrollbar-thumb{background:var(--button-hover)}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:400}button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid var(--line-control);cursor:pointer;background:0 0;border-radius:0;min-height:30px;padding:0 10px}button:hover{background:var(--button-hover);border-color:var(--line-focus)}input,textarea{border:1px solid var(--line-control);background:var(--input);border-radius:0;outline:none}textarea:focus,input:focus{border-color:var(--line-focus)}h1,h2,h3,p{margin:0}h1,h2,h3{font-size:var(--app-font-size);font-weight:400}.board{background:var(--bg);grid-template-columns:10% 20% 20% 50%;width:100vw;height:100vh;display:grid}.panel{border-right:1px solid var(--line-main);background:var(--panel);flex-direction:column;gap:0;min-width:0;min-height:0;padding:0;display:flex}.panel:last-child{border-right:0}.panel.is-focused,.split-block.is-focused,.todo-section.is-focused{box-shadow:inset 0 0 0 1px var(--line-focus);z-index:1;outline:0;position:relative}.panel-header,.todo-heading{border-bottom:1px solid var(--line-section);flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 8px;display:flex}.editable-title{cursor:text;-webkit-user-select:none;user-select:none}.title-edit-input{width:100%;min-width:40px;max-width:220px;height:22px;font-size:var(--app-font-size);padding:0 4px}.count,.todo-count{color:var(--muted);font-size:var(--app-font-size)}.n-button{--n-border-radius:0!important;--n-font-size:var(--app-font-size)!important;--n-wave-opacity:0!important;font-size:var(--app-font-size)!important}.n-button,.n-input,.n-card,.n-dialog,.n-popover,.n-dropdown-menu,.n-dropdown-option,.n-base-selection,.n-checkbox-box{--n-border-radius:0!important;border-radius:0!important}.n-input,.n-input .n-input__input-el,.n-checkbox,.n-dropdown-option,.n-popover,.n-dialog,.n-card{--n-font-size:var(--app-font-size)!important;font-size:var(--app-font-size)!important}.n-button:not(.n-button--primary-type):not(.n-button--error-type){--n-color:transparent!important;--n-color-hover:var(--button-hover)!important;--n-color-pressed:var(--button-hover)!important;--n-color-focus:var(--button-hover)!important;--n-border:1px solid var(--line-control)!important;--n-border-hover:1px solid var(--line-focus)!important;--n-border-pressed:1px solid var(--line-focus)!important;--n-border-focus:1px solid var(--line-focus)!important}.n-button .n-button__border,.n-button .n-button__state-border{border-radius:0!important}.n-base-wave{display:none!important}.header-actions,.todo-heading-actions,.dialog-actions{align-items:center;gap:8px;display:flex}.save-status{border:1px solid var(--line-control);min-width:58px;height:30px;color:var(--muted);background:var(--panel);font-size:var(--app-font-size);white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.save-status[data-state=dirty]{color:var(--danger)}.save-status[data-state=saving]{color:var(--text)}.icon-button{border:1px solid var(--line-control);background:0 0;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.icon-button .n-button__content{justify-content:center;align-items:center;display:inline-flex}.icon-button .n-icon,.icon-button svg{font-size:16px}.clear-completed-icon{fill:currentColor;width:17px;height:17px}.note-link-panel{flex-direction:column;display:flex}.space-panel{min-width:0;min-height:0}.space-tabs{border-bottom:1px solid var(--line-section);overscroll-behavior-x:contain;align-items:stretch;min-height:34px;display:flex;overflow:auto hidden}.workspace-panel .space-tabs{scrollbar-gutter:stable;width:calc(100% - 154px);max-width:calc(100% - 154px);overflow-x:scroll}.space-tab{border:0;border-right:1px solid var(--line-subtle);min-width:84px;max-width:180px;height:34px;min-height:34px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;cursor:grab;background:0 0;flex:none;padding:0 10px;overflow:hidden}.space-tab.is-active{color:var(--text);background:var(--button-hover)}.space-tab.is-dragging{opacity:.45}.space-tab:active{cursor:grabbing}.space-tab-edit-input{border-top:0;border-bottom:0;border-left:0;border-right:1px solid var(--line-subtle);background:var(--input);flex:0 0 132px;width:132px;height:34px;min-height:34px;padding:0 8px}.space-add-button{border-top:0;border-bottom:0;flex:0 0 34px;width:34px;height:34px;min-height:34px}.space-text-panel{flex:auto}.space-text-panel.panel{border-right:0}.text-panel{background:var(--panel);flex-direction:column;min-width:0;min-height:0;display:flex}.split-block{border-bottom:1px solid var(--line-main);flex:50%;min-height:0}.split-block:last-child{border-bottom:0}.text-editor-frame{flex:auto;min-height:0;position:relative;overflow:hidden}.text-editor-textarea{resize:none;width:100%;height:100%;font-size:var(--app-font-size);color:var(--text);tab-size:2;background:0 0;border:0;padding:8px 10px;line-height:1.55}.image-list,.quick-buttons,.todo-list{flex:auto;min-height:0;overflow-y:auto}.image-list{flex-direction:column;gap:8px;padding:6px;display:flex}.image-card{border:0;border-bottom:1px solid var(--line-subtle);width:100%;min-height:72px;font-size:var(--app-font-size);background:var(--input);cursor:zoom-in;grid-template-columns:28px minmax(0,1fr);align-items:center;padding:0;display:grid}.image-index{border-right:1px solid var(--line-subtle);height:100%;min-height:72px;color:var(--muted);justify-content:center;align-items:center;display:flex}.image-card img{object-fit:contain;justify-self:center;max-width:100%;max-height:120px;margin:10px;padding:4px;display:block}.image-missing,.empty-hint{color:var(--muted);font-size:var(--app-font-size);line-height:1.5}.empty-hint{text-align:left;border:1px dashed var(--line-section);background:0 0;width:100%;min-height:48px;padding:8px;display:block}.quick-buttons{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:10px;padding:10px;display:flex}.quick-button{max-width:100%;min-height:32px;font-size:var(--app-font-size);border:1px solid var(--line-control);text-overflow:ellipsis;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex;overflow:hidden}.quick-button-icon{color:var(--muted);flex:none}.quick-button.is-hidden{opacity:.42;border-style:dashed}.quick-form{gap:14px;display:grid}.quick-dialog{width:min(420px,100vw - 32px);max-width:calc(100vw - 32px)}.quick-dialog .n-base-close{min-height:0;box-shadow:none;background:0 0;border:0;padding:0}.quick-dialog .n-base-close:hover{box-shadow:none;background:0 0;border:0}.quick-form label{gap:6px;display:grid}.checkbox-row{align-items:center;display:flex}.todo-sections{flex-direction:column;height:100%;min-height:0;display:flex}.today-focus-section{border-bottom:1px solid var(--line-main);background:var(--panel);flex:none}.today-focus-heading{min-height:30px;color:var(--muted);border-bottom:1px solid var(--line-subtle);align-items:center;padding:0 8px;display:flex}.today-focus-list{max-height:25vh;margin:0;padding:4px 6px;list-style:none;overflow-y:auto}.today-focus-item{border-bottom:1px solid var(--line-subtle);grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:4px;min-height:28px;display:grid}.today-focus-item.is-done{opacity:.52}.todo-section{border-bottom:1px solid var(--line-main);flex-direction:column;flex:33.33%;min-height:0;display:flex}.todo-section:last-child{border-bottom:0}.todo-list{margin:0;padding:6px;list-style:none}.todo-empty-list{flex:auto}.todo-empty-hint{min-height:32px;color:var(--muted);border:1px dashed var(--line-section);font-size:var(--app-font-size);pointer-events:none;padding:7px 8px;line-height:1.5}.todo-item{border-bottom:1px solid var(--line-subtle);grid-template-columns:14px 28px minmax(0,1fr) 24px;align-items:center;gap:4px;min-height:30px;padding-left:3px;transition:background-color .18s,opacity .18s,transform .22s cubic-bezier(.2,0,0,1);display:grid}.todo-drag-handle{cursor:grab;opacity:.28;background:0 0;border:0;width:12px;min-width:12px;height:24px;min-height:24px;padding:0;position:relative}.todo-drag-handle:before{content:"";background-image:radial-gradient(circle, var(--muted) 1px, transparent 1.5px);background-size:4px 4px;position:absolute;inset:5px 3px}.todo-item:hover .todo-drag-handle,.todo-drag-handle:focus-visible,.todo-drag-handle:active{opacity:.9}.todo-drag-handle:active{cursor:grabbing}.todo-star-button{width:22px;min-width:22px;height:24px;min-height:24px;color:var(--muted);opacity:0;pointer-events:none;background:0 0;border:0;justify-self:end;padding:0;line-height:1;transition:opacity .18s,color .18s}.todo-item:hover .todo-star-button,.today-focus-item:hover .todo-star-button,.todo-star-button:focus-visible{opacity:1;pointer-events:auto}.todo-star-button:hover{color:var(--text);background:0 0}.todo-star-button.is-starred{color:var(--text);opacity:1;pointer-events:auto;background:0 0}.todo-item .n-checkbox{justify-self:center}.todo-item.is-menu-selected{background:var(--button-hover)}.todo-item.is-done .todo-input{color:var(--muted);text-decoration:line-through}.todo-input,.today-focus-input{width:100%;height:28px;font-size:var(--app-font-size);-webkit-user-select:text;user-select:text;background:0 0;border:0}.todo-input{font-size:var(--app-font-size)}.today-focus-item.is-done .today-focus-input{color:var(--muted);text-decoration:line-through}.todo-completed-divider{min-height:24px;color:var(--muted);border-bottom:1px solid var(--line-subtle);align-items:center;padding:4px 0 2px 42px;font-size:11px;display:flex}.todo-move-move,.todo-move-enter-active,.todo-move-leave-active{transition:transform .22s cubic-bezier(.2,0,0,1),opacity .18s}.todo-move-enter-from,.todo-move-leave-to{opacity:0}.clear-completed-button{width:30px}.focus-companion{z-index:3200;opacity:0;pointer-events:none;justify-items:end;gap:6px;transition:opacity .18s,transform .18s;display:grid;position:fixed;bottom:16px;right:54px;transform:translateY(8px)scale(.96)}.focus-companion.is-visible{opacity:1;pointer-events:auto;animation:.22s cubic-bezier(.16,1,.3,1) companion-gif-in;transform:translateY(0)}.focus-companion img{aspect-ratio:1;border:1px solid var(--line-main);object-fit:cover;object-position:center;width:82px;height:82px}.companion-popover{transform-origin:100% 100%;line-height:1.5;animation:.2s cubic-bezier(.16,1,.3,1) companion-pop}.companion-popover-shell.n-popover,.companion-popover-arrow{box-shadow:none!important;border:1px solid #111!important}.companion-actions{gap:6px;margin-top:6px;display:flex}.companion-actions .n-button{min-width:64px}.companion-action-button{--n-color:transparent!important;--n-color-hover:var(--button-hover)!important;--n-color-pressed:var(--button-hover)!important;--n-color-focus:var(--button-hover)!important;--n-text-color:var(--text)!important;--n-text-color-hover:var(--text)!important;--n-text-color-pressed:var(--text)!important;--n-text-color-focus:var(--text)!important;--n-border:1px solid var(--line-control)!important;--n-border-hover:1px solid var(--line-focus)!important;--n-border-pressed:1px solid var(--line-focus)!important;--n-border-focus:1px solid var(--line-focus)!important;border:0!important}.companion-action-button .n-button__border,.companion-action-button .n-button__state-border{border-width:1px!important}@keyframes companion-pop{0%{opacity:0;transform:translateY(4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes companion-gif-in{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.top-actions{z-index:70;align-items:center;gap:8px;display:flex;position:fixed;top:2px;right:10px}.about-dialog-content{gap:12px;display:grid}.about-modal{width:min(420px,100vw - 32px);color:var(--text);background:var(--panel);border:1px solid var(--line-main);border-radius:0}.about-modal .n-card-header,.about-modal .n-card__content,.about-modal .n-card__footer{color:var(--text)}.about-dialog-text{white-space:pre-line}.about-github-link{color:inherit;align-items:center;gap:6px;width:fit-content;text-decoration:none;display:inline-flex}.about-dialog-actions{justify-content:flex-end;display:flex}.about-confirm-button{color:var(--text);background:var(--button);--n-border:1px solid var(--line-control)!important;--n-border-hover:1px solid var(--line-focus)!important;--n-border-pressed:1px solid var(--line-focus)!important;--n-border-focus:1px solid var(--line-focus)!important;border:0!important}.about-confirm-button:hover{color:var(--text);background:var(--button-hover)}.about-confirm-button .n-button__border,.about-confirm-button .n-button__state-border{border-width:1px!important}.settings-btn{border-radius:0}.settings-trigger{display:inline-flex}.settings-version-item{min-width:112px;color:var(--muted);align-items:center;gap:8px;display:inline-flex;position:relative}.settings-version-dot{background:var(--danger);border-radius:0;width:7px;height:7px;position:absolute;top:-3px;right:-7px}.settings-version-action{color:var(--danger);font-size:var(--app-font-size)}.dropdown-anchor{pointer-events:none;width:0;height:0;position:fixed;overflow:hidden}.settings-menu{bottom:34px;left:auto;right:0}.quick-type-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-preview{z-index:3000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100vw;height:100vh;color:var(--text);background:#ffffffb8;grid-template-columns:10vw 90vw;display:grid;position:fixed;inset:0}html[data-theme=dark] .image-preview{background:#00000094}body:has(.image-preview) .n-modal-mask{pointer-events:none;background:0 0!important}body:has(.image-preview) .n-modal-scroll-content{pointer-events:none}:is(body:has(.image-preview) .n-scrollbar-container,body:has(.image-preview) .n-scrollbar-content,body:has(.image-preview) .n-scrollbar),:is(body:has(.image-preview) .n-modal-container,body:has(.image-preview) .n-modal-body-wrapper){pointer-events:none}.image-preview{pointer-events:auto}.preview-sidebar{border-right:1px solid var(--line-main);background:var(--panel);min-height:0;color:var(--text);flex-direction:column;padding:0;display:flex;overflow:hidden}.preview-sidebar-bar{border-bottom:1px solid var(--line-section);justify-content:flex-end;align-items:center;min-height:34px;padding:0 6px;display:flex}.preview-close-button{flex:none}.preview-image-list{width:100%;padding:6px}.preview-thumb.is-active{border-bottom-color:var(--line-focus);box-shadow:inset 0 0 0 1px var(--line-focus)}.preview-thumb .image-index{border-right-color:var(--line-subtle);color:var(--muted)}.preview-thumb img{object-fit:contain;justify-self:center;max-width:100%;max-height:120px;margin:10px;padding:4px;display:block}.preview-main{min-width:0;min-height:0;color:var(--text);grid-template-rows:minmax(0,1fr) auto;display:grid}.preview-stage{cursor:grab;place-items:center;display:grid;overflow:hidden}.preview-stage img{transform-origin:50%;max-width:calc(90vw - 32px);max-height:88vh;transition:transform 40ms linear}.preview-actions{border-top:1px solid var(--line-section);min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.mobile-banner,.mobile-nav{display:none}@media (width<=900px){:root{--app-font-size:14px}html,body,#app{overflow:hidden}.board{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;width:100vw;height:100dvh;min-height:0;display:grid;overflow:hidden}.mobile-nav{border-bottom:1px solid var(--line-main);background:var(--panel);z-index:3100;align-items:center;min-height:47px;padding:6px 154px 6px 6px;display:flex;position:relative;overflow:visible}.mobile-drawer-trigger{min-width:96px;height:34px;min-height:34px;color:var(--text);background:var(--button);justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.mobile-menu-icon{font-size:16px;line-height:1}.mobile-drawer-menu{z-index:3400;border:1px solid var(--line-main);background:var(--panel);width:160px;box-shadow:none;display:grid;position:absolute;top:calc(100% - 1px);left:6px}.mobile-menu-option{border:0;border-bottom:1px solid var(--line-subtle);width:100%;height:38px;min-height:38px;color:var(--muted);text-align:left;background:0 0;justify-content:flex-start;align-items:center;padding:0 12px;display:flex}.mobile-menu-option:last-child{border-bottom:0}.mobile-menu-option.is-active{color:var(--text);background:var(--button-hover)}.board>.panel,.board>.note-link-panel,.board>.todo-panel,.board>.space-panel{display:none!important}.mobile-banner{color:var(--muted);border-bottom:1px solid var(--line-main);background:var(--panel);padding:8px 12px;font-size:13px;line-height:1.45;display:block}.board[data-mobile-active=images]>.image-panel,.board[data-mobile-active=note]>.note-link-panel,.board[data-mobile-active=quick]>.note-link-panel,.board[data-mobile-active=todos]>.todo-panel,.board[data-mobile-active=spaces]>.space-panel{display:flex!important}.board[data-mobile-active=note] .quick-block,.board[data-mobile-active=quick] .note-panel{display:none}.note-link-panel,.workspace-panel{height:auto;min-height:0;padding-bottom:env(safe-area-inset-bottom,0);border:0}.workspace-panel .panel-header{min-height:42px;padding:0 12px}.workspace-panel .space-tabs{width:100%;max-width:100%}.workspace-panel .text-editor-frame{min-height:0}.workspace-panel .text-editor-textarea{padding:14px;font-size:16px;line-height:1.62}.top-actions{z-index:3300;gap:6px;display:flex;top:3px;right:8px}.top-actions .icon-button{width:32px;min-width:32px;height:32px;min-height:32px}.focus-companion{z-index:3200;gap:4px;top:118px;bottom:auto;right:12px}.focus-companion img{width:60px;height:60px}.companion-popover-shell.n-popover{max-width:min(220px,100vw - 24px)!important}.image-preview{display:none!important}}