:root{--bg:#f8f9fb;--surface:#fff;--ink:#242938;--muted:#858b99;--secondary:#6b7281;--line:#eceef2;--blue:#4665d5;--blue-dark:#3554c2;--blue-soft:#edf1fe;--danger:#b94848;--green:#7a9f8c;--radius:8px;font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--ink);font-synthesis:none;font-size:14px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--surface)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9aacef;outline-offset:3px}button{border:0;background:none}a{color:var(--blue);text-decoration:none}input,textarea,select{color:var(--ink)}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button span[data-icon]{display:inline-flex}h1,h2,h3,p{margin:0}strong{font-weight:600}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;z-index:30;padding:8px 14px;background:white}.skip-link:focus{top:10px}.app-shell{display:flex;min-height:100dvh}.sidebar{width:224px;flex:0 0 224px;background:var(--bg);border-right:1px solid var(--line);padding:30px 15px 0;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);padding:0 13px;margin-bottom:32px}.brand strong{font-size:23px;letter-spacing:3px}.brand-sub{font-size:9px;letter-spacing:1.3px;color:#969caa;margin:5px 0 0 -5px}.brand-mark{width:29px;height:29px;background:var(--blue);border-radius:8px;display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);align-content:center;justify-content:center;gap:3px;transform:rotate(-3deg)}.brand-mark i{background:white;border-radius:1px}.brand-mark i:last-child{opacity:.55}.sidebar-search{height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #e4e7ed;border-radius:7px;background:#fff;color:#9298a5;font-size:12px;width:100%;margin-bottom:29px}.sidebar-search svg{width:15px;height:15px}.sidebar-search kbd{margin-left:auto;color:#9a9fa9;background:#f5f6f8;border-radius:3px;font:10px inherit;padding:0 3px}.nav-label{font-size:11px;color:#969ca9;letter-spacing:.7px;padding:0 13px;margin-bottom:9px}.nav-item,.sidebar-utility{width:100%;display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 13px;border-radius:7px;color:#686f7e;font-size:13px;text-align:left;transition:background .14s,color .14s}.nav-item:hover,.sidebar-utility:hover{background:#eef0f5;color:#333c50}.nav-item.active{background:#eaf0fd;color:#4665cd;font-weight:600}.nav-item.active svg{stroke-width:1.9}.nav-count{margin-left:auto;font-size:11px;min-width:20px;text-align:center;color:#9aa0ac}.nav-item.active .nav-count{color:#5c76cd;background:#dfe7fa;border-radius:4px}.sidebar-divider{height:1px;background:var(--line);margin:21px 11px}.secondary-group{margin-bottom:26px}.category-dot{width:7px;height:7px;border-radius:2px;margin:0 5px;flex-shrink:0}.category-item{min-height:37px;font-size:12px}.category-label{display:flex;align-items:center;justify-content:space-between;padding-right:10px}.category-label button{color:#9ba2af;padding:2px;display:flex}.category-label svg{width:14px;height:14px}.sidebar-bottom{margin-top:auto;padding-top:30px}.capture-card{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e0e6f4;border-radius:8px;background:#f0f3fb;padding:13px 10px;width:100%;margin-bottom:19px}.capture-card strong{font-size:12px;display:block;color:#536690}.capture-card small{display:block;color:#919ab0;font-size:10px;margin-top:2px}.capture-symbol{color:#7688b6}.capture-card>span:last-child{color:#9ba6bf;margin-left:auto}.capture-card>span:last-child svg{width:13px;height:13px}.sidebar-utility{min-height:35px;font-size:12px}.sidebar-utility svg{width:16px;height:16px}.profile{margin-top:18px;border-top:1px solid var(--line);padding:20px 8px;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border:1px solid #e1e4eb;background:#eaedf4;border-radius:9px;display:grid;place-items:center;color:#71809f;font-family:Georgia,serif;font-size:20px}.profile strong{font-size:11px}.profile small{display:flex;align-items:center;gap:4px;color:#9ba1ac;font-size:10px;margin-top:3px}.profile>span:last-child{margin-left:auto;color:#a2a7b2}.profile>span:last-child svg{width:13px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#81a78e;flex-shrink:0}.workspace{margin-left:224px;min-width:0;width:calc(100% - 224px)}.topbar{height:66px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#8d94a1}.breadcrumb-home svg{width:15px;height:15px;color:#8d94a1}.crumb-slash{color:#c6cbd4;font-size:14px}.breadcrumb #breadcrumb-current{color:#626a7c}.local-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#8a929f}.local-status svg{width:13px;height:13px;color:#a1a7b2}main{padding:36px 38px 24px;max-width:1800px;margin:0 auto;outline:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#a0a7b3;margin-bottom:6px}h1{font-size:25px;line-height:1.6;font-weight:600;letter-spacing:.5px}.page-heading p{font-size:12px;color:#8b929f;margin-top:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 14px;border-radius:6px;border:1px solid #e2e6ed;background:#fff;font-size:12px;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#f6f7fa;border-color:#d6dce7}.button:active{transform:translateY(1px)}.button svg{width:15px;height:15px}.button.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 2px 3px #324fa111}.button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.button.subtle{background:var(--blue-soft);border-color:transparent;color:#5671cf}.button.danger{color:var(--danger);border-color:#edcece}.toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;min-height:54px}.tabs{display:flex;gap:23px;min-width:0;align-self:stretch}.tab{color:#89919f;font-size:12px;padding:10px 1px;position:relative;white-space:nowrap;display:flex;align-items:center;gap:6px}.tab.active{color:#3d4a69;font-weight:600}.tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px}.tab-count{font-size:10px;border-radius:4px;padding:0 5px;background:#f2f3f6;color:#9ba2af;font-weight:400}.tab.active .tab-count{color:#6a7ec4;background:#edf1fc}.toolbar-tools{display:flex;gap:10px;align-items:center}.search-field{display:flex;align-items:center;gap:7px;height:32px;border:1px solid #e7eaf0;border-radius:6px;padding:0 9px;background:#fff;width:230px;color:#a5abb7}.search-field svg{width:14px;height:14px}.search-field input{width:100%;border:0;outline:none;background:transparent;font-size:11px;min-width:0}.search-field input::placeholder{color:#a1a8b4}.search-field:focus-within{border-color:#9faee8;box-shadow:0 0 0 2px #ecf0fe}.search-field input:focus-visible{outline:none}.search-field kbd{font:10px inherit;color:#b0b6c1;border:1px solid #eef0f4;border-radius:3px;min-width:16px;text-align:center}.filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 16px;min-height:58px}.filter-description{display:flex;align-items:center;gap:8px;font-size:10px;color:#9aa1ae;min-width:0}.filter-description .filter-chip{display:inline-flex;align-items:center;gap:7px;background:#f4f6fa;border-radius:4px;padding:3px 8px;color:#778195}.filter-chip button{padding:0;color:#9da5b2;display:flex}.filter-chip svg{width:11px;height:11px}.sort-select{display:flex;align-items:center;gap:5px;font-size:10px;color:#8b94a2;white-space:nowrap}.sort-select svg{width:13px;height:13px}.sort-select select{font-size:10px;border:0;background:transparent;outline:0;color:#818a9b;padding:3px;max-width:100px}.content-layout{display:flex;gap:22px;align-items:flex-start;min-width:0}.list-panel{flex:1;min-width:0}.list-header{height:32px;display:grid;grid-template-columns:minmax(0,1fr) 90px 78px 68px;gap:10px;align-items:center;font-size:10px;color:#a3aab5;border-bottom:1px solid var(--line);padding:0 13px}.list-header span:last-child{text-align:right}.material-row{width:100%;padding:18px 13px;display:grid;grid-template-columns:minmax(0,1fr) 90px 78px 68px;gap:10px;align-items:center;border-bottom:1px solid var(--line);position:relative;border-left:2px solid transparent;transition:background .14s;cursor:pointer;min-height:103px}.material-row:hover{background:#fafbfd}.material-row.selected{background:#f7f9fe;border-left-color:#6880d5}.material-row.selected .row-title{color:#344c91}.row-content{display:flex;gap:12px;align-items:flex-start;min-width:0}.type-icon{width:31px;height:33px;border-radius:7px;display:grid;place-items:center;flex:0 0 31px;margin-top:2px;background:#eef1fb;color:#7288c9}.type-icon svg{width:17px;height:17px}.type-icon.writing{background:#eef1fb;color:#7186c0}.type-icon.image{background:#f0edfa;color:#9a83c6}.type-icon.video{background:#edf5f1;color:#7d9c8f}.type-icon.code{background:#ecf3fa;color:#7197b8}.type-icon.idea{background:#faf3e9;color:#bea275}.row-text{min-width:0;flex:1}.row-title{display:block;width:100%;font-weight:500;font-size:14px;line-height:1.6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;padding:0}.row-excerpt{font-size:11px;color:#7d8799;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.row-tags{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:1px 5px;border-radius:3px;font-size:9px;background:#f3f4f7;color:#8c94a3;line-height:1.6;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag.idea-tag{background:#fbf6ed;color:#ad9670}.tag.inbox-tag{background:#f2f3f8;color:#9097aa}.category-cell{font-size:10px;color:#858e9e}.date-cell{font-size:11px;color:#8390a5;white-space:nowrap}.row-actions{display:flex;justify-content:flex-end;gap:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#a1a9b7;border-radius:5px;flex-shrink:0}.icon-button:hover{background:#edf0f6;color:#5d6f9b}.icon-button svg{width:15px;height:15px}.icon-button.starred{color:#b69a65}.icon-button.starred svg{fill:#ecddb8;stroke:#b69a65}.row-actions .copy-button{opacity:0}.material-row:hover .copy-button,.material-row.selected .copy-button,.material-row:focus-within .copy-button{opacity:1}.detail-panel{width:328px;flex:0 0 328px;background:#fafbfd;border:1px solid #e9edf3;border-radius:9px;position:sticky;top:20px;overflow:hidden;animation:panel-in .18s ease-out}.detail-top{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.detail-kind{display:flex;align-items:center;gap:6px;font-size:10px;color:#8792a8}.detail-kind svg{width:14px;height:14px}.detail-top-actions{display:flex;gap:3px}.detail-body{padding:22px 21px}.detail-title{font-size:17px;font-weight:600;line-height:1.75;overflow-wrap:anywhere;margin-bottom:13px}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-meta{font-size:10px;color:#a2a9b5;margin-top:17px;padding-bottom:20px;border-bottom:1px solid #e9edf3}.detail-label{font-size:10px;color:#929bab;display:flex;align-items:center;gap:6px;margin:20px 0 10px}.detail-label svg{width:12px;height:12px}.detail-content{font-size:13px;line-height:1.95;color:#657088;white-space:pre-wrap;overflow-wrap:anywhere;max-height:380px;overflow-y:auto;scrollbar-width:thin}.detail-source{font-size:11px;margin-top:16px;overflow-wrap:anywhere}.detail-bottom{padding:15px 20px;border-top:1px solid #e9edf3;display:flex;align-items:center;gap:8px}.detail-bottom .button.primary{flex:1}.detail-delete{margin-left:auto}.detail-hint{font-size:9px;color:#a7aebb;margin-top:16px;display:flex;align-items:center;gap:5px}.detail-hint svg{width:11px;height:11px}.detail-task-meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.linked-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f0f3fa;border:1px solid #e4e9f4;border-radius:6px;padding:10px;margin-top:7px;font-size:11px}.linked-item span{min-width:0;overflow:hidden;text-overflow:ellipsis}.linked-item .icon-button{color:#798ab2}.content-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a3aab7;padding-top:21px;gap:10px}.content-footer>span:last-child{display:flex;align-items:center;gap:6px}.content-footer .status-dot{width:4px;height:4px;background:#a3b6a8}.sample-note{font-size:10px;color:#a7aeba;padding-top:25px;display:flex;gap:5px;align-items:center}.sample-note button{padding:0;color:#8c9bc4;text-decoration:underline;text-underline-offset:3px}.mobile-nav,.mobile-settings{display:none}.empty-state{text-align:center;padding:78px 20px;color:#9aa3b2}.empty-icon{display:grid;place-items:center;margin:0 auto 17px;width:48px;height:48px;border:1px solid #e9edf4;background:#f7f9fc;border-radius:13px;color:#98a6c3}.empty-icon svg{width:23px;height:23px}.empty-state h3{font-size:15px;color:#657188;font-weight:500;margin-bottom:7px}.empty-state p{font-size:12px;margin-bottom:20px}.empty-state .button{margin:3px}.loading-state{padding:80px;text-align:center;color:#98a0ae;font-size:12px}.quick-add{display:flex;align-items:center;gap:10px;background:#fafbfd;border:1px solid #e9edf5;border-radius:7px;padding:10px 12px;margin-bottom:20px;color:#9aa8c5}.quick-add input{background:none;outline:0;border:0;width:100%;font-size:12px;min-width:0}.quick-add input::placeholder{color:#a2aab9}.quick-add svg{width:17px}.quick-add .button{padding:4px 11px;min-height:29px;font-size:11px}.task-section-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8791a4;margin:15px 0 4px;padding:0 11px}.task-section-label .section-count{font-size:9px;color:#acb2be}.task-section-label.overdue{color:#b07b73}.task-row{padding:17px 12px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px;min-height:79px;border-left:2px solid transparent;cursor:pointer}.task-row:hover{background:#fafbfd}.task-row.selected{background:#f7f9fe;border-left-color:#6880d5}.task-check{width:17px;height:17px;border:1.5px solid #cdd4df;border-radius:5px;display:grid;place-items:center;flex:0 0 17px;margin-top:4px;padding:0}.task-check:hover{border-color:#7b91d7}.task-check.checked{border-color:#8a9dcf;background:#8a9dcf;color:white}.task-check svg{width:12px;height:12px;stroke-width:2}.task-main{min-width:0;flex:1}.task-row .row-title{font-size:14px}.task-row.done .row-title{text-decoration:line-through;color:#a2aab9}.task-meta{display:flex;align-items:center;gap:10px;margin-top:7px;color:#a0a8b5;font-size:10px;flex-wrap:wrap}.task-meta span{display:flex;align-items:center;gap:4px}.task-meta svg{width:11px;height:11px}.priority-flag{color:#b39a78}.due-overdue{color:#b5877f}.task-row .row-actions{margin-left:auto}.task-row .edit-button{opacity:0}.task-row:hover .edit-button,.task-row:focus-within .edit-button{opacity:1}.toast-region{position:fixed;bottom:30px;left:calc(50% + 112px);transform:translateX(-50%);z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:10px;max-width:calc(100% - 30px)}.toast{display:flex;align-items:center;gap:10px;background:#2f3747;color:#f9fbff;border:1px solid #465065;box-shadow:0 5px 18px #1f2e4820;border-radius:8px;padding:11px 15px;font-size:12px;pointer-events:auto;animation:toast-in .15s}.toast>svg{width:15px;color:#a9c8b7}.toast.error>svg{color:#e4b2ab}.toast button{color:#bed0ff;white-space:nowrap;font-size:12px;padding:0 3px}.toast>span{flex:1}dialog{border:1px solid #e1e6ef;border-radius:12px;padding:0;background:#fff;color:var(--ink);box-shadow:0 24px 100px #27355324;max-height:88dvh;overflow:hidden}dialog::backdrop{background:#27324640;backdrop-filter:blur(2px)}.editor-dialog{width:600px;max-width:calc(100vw - 36px)}.utility-dialog{width:540px;max-width:calc(100vw - 36px)}.confirm-dialog{width:390px;max-width:calc(100vw - 36px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:16px;font-weight:600}.dialog-header p{font-size:11px;color:#9aa2af;margin-top:3px}.dialog-body{padding:22px 24px;overflow-y:auto;max-height:calc(88dvh - 158px);scrollbar-width:thin}.dialog-footer{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:#fcfcfe}.dialog-footer .save-note{font-size:10px;color:#a4aab6;margin-right:auto}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;min-width:0}.form-group:last-child{margin-bottom:0}.form-group label,.form-label{font-size:11px;color:#737f94}.form-control{border:1px solid #e1e6ee;background:#fff;border-radius:6px;padding:9px 11px;width:100%;font-size:12px;outline:none;min-width:0}.form-control:focus{border-color:#93a6e7;box-shadow:0 0 0 2px #edf1fc}.form-control::placeholder{color:#afb6c2}.form-control.textarea{min-height:190px;resize:vertical;line-height:1.9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{font-size:10px;color:#a1a9b7}.form-error{font-size:11px;color:var(--danger);padding:0 0 10px}.kind-picker{display:flex;gap:9px;margin-bottom:20px}.kind-option{border:1px solid #e4e8ef;border-radius:6px;padding:8px 14px;display:flex;align-items:center;gap:7px;font-size:12px;color:#8b95a8}.kind-option.active{border-color:#c2cef3;background:#f3f6ff;color:#5a74c3}.kind-option svg{width:14px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#79859a;cursor:pointer}.checkbox-label input{accent-color:var(--blue)}details.form-details{margin-top:17px}details.form-details summary{font-size:11px;color:#8995ae;cursor:pointer;margin-bottom:13px}.check-list{max-height:145px;overflow-y:auto;border:1px solid #e4e8ef;border-radius:6px;padding:8px 10px}.check-list label{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px;color:#748197}.check-list input{accent-color:var(--blue)}.check-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-intro{display:flex;gap:12px;background:#f5f7fc;border:1px solid #e7ebf6;border-radius:8px;padding:17px;color:#7284ac;margin-bottom:22px}.settings-intro>svg{margin-top:3px}.settings-intro strong{display:block;font-size:12px;color:#5a6c95}.settings-intro p{font-size:11px;color:#929db1;margin-top:6px;line-height:1.9}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:12px;display:block;color:#647086}.setting-row p{font-size:10px;line-height:1.8;color:#a0a8b7;margin-top:4px}.setting-row .button{font-size:11px}.utility-description{font-size:12px;color:#8994a6;line-height:1.9}.trash-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.trash-row>div:first-child{flex:1;min-width:0}.trash-row strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-row small{font-size:10px;color:#a0a8b6}.confirm-copy{font-size:12px;color:#8792a5;line-height:1.9;white-space:pre-wrap}.confirm-title{font-size:16px;margin-bottom:10px}.manual-copy{width:100%;height:180px;margin-top:15px;border:1px solid #e0e6f0;border-radius:6px;padding:12px;font-size:12px;line-height:1.8;resize:vertical}.source-link{display:inline-flex;align-items:center;gap:4px}.fatal-state{padding:50px;color:#9b6969;text-align:center}.detail-mobile-back{display:none}.done .task-check{background:#a8b4d1;border-color:#a8b4d1}.linked-search{margin-bottom:8px}.text-button{font-size:11px;color:#8b9ac0;padding:0 4px}.mobile-count{display:none}
@keyframes panel-in{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}@keyframes toast-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{padding:42px 52px}.topbar{padding:0 52px}.detail-panel{width:360px;flex-basis:360px}.material-row{min-height:109px}.detail-content{max-height:450px}.page-heading{margin-bottom:40px}}
@media(max-width:1250px){.sidebar{width:202px;flex-basis:202px;padding-left:12px;padding-right:12px}.workspace{margin-left:202px;width:calc(100% - 202px)}main{padding:30px 26px}.topbar{padding:0 26px}.detail-panel{width:290px;flex-basis:290px}.detail-body{padding:20px 17px}.detail-top,.detail-bottom{padding-left:17px;padding-right:17px}.content-layout{gap:15px}.material-row,.list-header{grid-template-columns:minmax(0,1fr) 68px 54px;gap:8px;padding-left:9px;padding-right:9px}.category-cell,.list-header .category-heading{display:none}.row-actions{gap:0}.row-actions .icon-button{width:25px}.search-field{width:205px}.toast-region{left:calc(50% + 101px)}.brand{padding-left:10px}.brand-sub{display:none}}
@media(max-width:1020px){.detail-panel{position:fixed;top:0;bottom:0;right:0;border-radius:0;width:370px;max-width:100%;box-shadow:-30px 0 120px #28374c25;z-index:25;overflow-y:auto;display:flex;flex-direction:column}.detail-body{flex:1;overflow-y:auto;padding:24px}.detail-content{max-height:none}.detail-bottom{position:sticky;bottom:0;background:#fafbfd}.material-row,.list-header{grid-template-columns:minmax(0,1fr) 95px 78px 68px}.category-cell,.list-header .category-heading{display:block}.detail-top{padding:20px}.detail-title{font-size:19px}.search-field{width:210px}.mobile-count{display:block}}
@media(max-width:760px){.sidebar{display:none}.workspace{margin:0;width:100%}.topbar{height:54px;padding:0 20px}.breadcrumb{font-size:10px;gap:9px}.local-status{font-size:9px}.local-status svg{display:none}main{padding:26px 20px 110px}.page-heading{margin-bottom:25px;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:23px}.page-heading p{font-size:11px;max-width:240px;line-height:1.8}.page-heading .button{font-size:11px;padding:7px 11px;min-height:34px}.page-heading .button svg{width:14px}.tabs{gap:19px}.tab{font-size:12px}.toolbar{align-items:stretch;flex-direction:column-reverse;gap:14px;border:0}.toolbar-tools{width:100%}.search-field{width:auto;flex:1;height:37px;background:#fafbfd}.search-field input{font-size:12px}.search-field kbd{display:none}.mobile-settings{display:inline-flex;width:36px;height:36px;border:1px solid var(--line)}.tabs{height:41px;border-bottom:1px solid var(--line)}.filterbar{padding:15px 0 12px}.filter-description{font-size:10px;flex-wrap:wrap}.sort-select,.sort-select select{font-size:10px}.material-row,.list-header{grid-template-columns:minmax(0,1fr) 56px;gap:7px;padding:17px 5px;min-height:103px}.list-header{height:27px;min-height:0;padding-top:0;padding-bottom:8px}.category-cell,.date-cell,.list-header .category-heading,.list-header .date-heading{display:none}.row-content{gap:11px}.row-title{font-size:13px}.row-excerpt{font-size:11px;max-width:100%}.row-tags{margin-top:7px}.tag{font-size:9px}.row-actions .copy-button{opacity:1}.row-actions .icon-button{width:28px;height:38px}.row-actions svg{width:16px;height:16px}.detail-panel{width:100%;max-width:none;top:0;border:0;box-shadow:none;z-index:30}.detail-top{height:62px;padding:12px 20px;background:#fafbfd}.detail-mobile-back{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:#7789b2;padding:0}.detail-mobile-back svg{width:15px}.detail-top .detail-kind{display:none}.detail-body{padding:26px 24px}.detail-title{font-size:21px}.detail-content{font-size:14px;line-height:2}.detail-label{font-size:12px;margin-top:25px}.detail-meta{font-size:11px}.detail-bottom{padding:16px 24px calc(16px + env(safe-area-inset-bottom));gap:10px}.detail-bottom .button{min-height:44px;font-size:13px}.detail-bottom .icon-button{height:44px;width:38px}.detail-hint{font-size:11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-around;height:calc(68px + env(safe-area-inset-bottom));padding:0 32px env(safe-area-inset-bottom);background:#ffffffed;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:88px;min-height:48px;font-size:10px;color:#9ba4b4}.mobile-nav>button>span[data-icon] svg{width:20px;height:20px}.mobile-nav>button.active{color:#5c76ce}.mobile-nav .mobile-capture{min-width:43px;min-height:40px;width:43px;height:40px;background:var(--blue);color:white;border-radius:11px;margin-top:-4px;box-shadow:0 3px 9px #4364c427}.toast-region{bottom:calc(83px + env(safe-area-inset-bottom));left:50%;width:max-content;max-width:calc(100vw - 28px)}.toast{font-size:12px}.content-footer{font-size:9px;align-items:flex-start;gap:15px}.content-footer>span:last-child{white-space:nowrap}.sample-note{font-size:9px;flex-wrap:wrap;padding-top:20px}.editor-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100vw;margin:0;border:0;border-radius:0}.editor-dialog[open]{display:flex;flex-direction:column}.editor-dialog .dialog-body{flex:1;max-height:none;padding:22px 20px}.editor-dialog .dialog-header{padding:18px 20px}.editor-dialog .dialog-footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom))}.form-control{font-size:16px;padding:10px}.form-control.textarea{font-size:16px;min-height:215px}.form-group label,.form-label{font-size:12px}.editor-dialog form{display:flex;flex-direction:column;min-height:0;flex:1}.form-row{gap:12px}.dialog-footer .save-note{font-size:9px}.button{min-height:39px}.quick-add{padding:11px 10px;margin-bottom:15px}.quick-add input{font-size:13px}.task-row{padding:17px 5px}.task-row .row-title{white-space:normal;overflow-wrap:anywhere}.task-check{width:19px;height:19px;flex-basis:19px;position:relative}.task-check:before{content:"";position:absolute;inset:-12px}.task-row .edit-button{opacity:1}.task-row .row-actions{gap:0}.task-meta{font-size:10px}.utility-dialog .dialog-body{padding:20px}.utility-dialog .dialog-header{padding:18px 20px}.utility-dialog .dialog-footer{padding:14px 20px}.setting-row{gap:12px}.setting-row .button{padding:6px 10px;min-height:36px}.kind-option{min-height:42px}.form-hint{font-size:11px}.trash-row .icon-button{width:36px;height:40px}.empty-state{padding:60px 15px}.list-panel{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V2: image/video collections and practical task signals. */
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.scope-nav-group{margin:0 0 16px}.scope-nav-heading{display:flex;align-items:center;gap:3px;padding:0 4px 3px}.scope-title{display:flex;align-items:center;gap:9px;padding:6px 8px;flex:1;min-width:0;text-align:left;color:#738096;font-size:12px}.scope-title svg{width:16px;height:16px}.scope-title small{margin-left:auto;font-size:10px;color:#a0a8b7}.scope-title.active{color:var(--blue);font-weight:600}.scope-nav-heading>.icon-button{width:24px;height:26px}.scope-nav-heading>.icon-button svg{width:13px;height:13px}.scope-nav-group .category-item{padding-left:27px;min-height:33px}.scope-nav-group .category-item>span:not(.category-dot):not(.nav-count){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-nav-group .category-item .category-dot{width:5px;height:5px}.sidebar-divider{margin:17px 11px}.secondary-group{margin-bottom:18px}.sidebar-bottom{padding-top:18px}.context-filters{margin:-1px 0 18px;min-width:0}.category-strip{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.filter-pill{border:1px solid #e8ecf3;border-radius:6px;background:#fff;color:#8390a5;font-size:11px;padding:5px 10px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;min-height:30px}.filter-pill svg{width:13px;height:13px}.filter-pill:hover{border-color:#c8d3f3;background:#f9faff}.filter-pill.active{color:#516dc1;background:#f0f4ff;border-color:#d3ddfa}.filter-pill small{font-size:9px;opacity:.65;margin-left:3px}.filter-pill.add-category-pill{border-style:dashed;color:#9aa5b8;background:#fcfcfe}.scope-tag-image{background:#f0edfa;color:#9781b7}.scope-tag-video{background:#eef5f1;color:#7c9b8b}.scope-tag-general{background:#f2f4f9;color:#8e98af}.row-image-cover{position:relative;flex:0 0 54px;width:54px;height:60px;border-radius:6px;overflow:hidden;background:#f1f3f8;padding:0;border:1px solid #e6ebf3}.row-image-cover img{width:100%;height:100%;object-fit:cover;display:block}.row-image-cover small{position:absolute;bottom:2px;right:2px;color:white;background:#25314e8c;border-radius:3px;padding:0 4px;font-size:9px;line-height:17px}.material-row:has(.row-image-cover){min-height:112px}.task-filter-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.task-filter-controls label{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0a9b9}.task-filter-controls select{border:1px solid #e7ebf3;border-radius:5px;background:white;padding:5px 7px;font-size:11px;color:#738199;min-height:30px;max-width:130px}.state-badge,.priority-badge,.focus-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;line-height:1.7;border-radius:4px;font-size:10px;white-space:nowrap}.state-open{color:#8d98ab;background:#f1f3f7}.state-doing{color:#627bc3;background:#eef2fd}.state-waiting{color:#ae926b;background:#faf5ec}.state-done{color:#789a87;background:#edf5f0}.priority-urgent{color:#b66868;background:#fbefef}.priority-important{color:#b49a70;background:#fbf6ed}.priority-low{color:#8b9eab;background:#f0f5f8}.focus-badge{color:#9c87bd;background:#f4f0fa}.priority-badge svg,.focus-badge svg{width:10px;height:10px}.task-meta .tag{font-size:9px}.task-meta{gap:7px;line-height:1.7}.task-row .task-main .row-title{padding-top:1px}.task-image-strip{display:flex;gap:6px;margin-top:11px}.task-image-strip img{width:56px;height:43px;border-radius:5px;object-fit:cover;border:1px solid #e6ebf3}.detail-task-meta{gap:6px}.task-state-control{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8794a9;gap:12px;margin-top:17px}.task-state-control select{padding:5px 8px;border:1px solid #e2e8f3;background:#fff;border-radius:5px;font-size:11px;min-width:110px;color:#6f80a0}.detail-meta{line-height:1.9}.attachment-section{margin:21px 0}.attachment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;color:#7c89a0}.attachment-heading>span{display:flex;align-items:center;gap:6px}.attachment-heading svg{width:14px;height:14px}.attachment-heading small{font-size:10px;color:#a1abbb}.paste-zone{display:flex;align-items:center;gap:12px;border:1px dashed #cfd9ec;background:#fafbfe;border-radius:7px;padding:16px 13px;transition:background .15s,border-color .15s}.paste-zone>span{width:33px;height:35px;background:#eef2fc;color:#91a2c8;border-radius:7px;display:grid;place-items:center;flex:0 0 33px}.paste-zone strong{font-size:11px;color:#7e8ba5;font-weight:500}.paste-zone p{font-size:9px;color:#a3aec1;line-height:1.8;margin-top:3px}.paste-zone>div{flex:1}.paste-zone .button{font-size:10px;min-height:31px;padding:5px 9px}.paste-zone.drag-over{background:#eff3ff;border-color:#6f88db}.attachment-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.attachment-gallery:empty{display:none}.attachment-tile{overflow:hidden;border:1px solid #e6ebf3;border-radius:7px;background:#fff;min-width:0}.attachment-preview{display:block;width:100%;height:100px;overflow:hidden;background:#f3f5f9;padding:0}.attachment-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s}.attachment-preview:hover img{transform:scale(1.035)}.attachment-caption{display:flex;gap:5px;align-items:center;padding:6px 8px 2px;min-width:0;color:#8c97ac;font-size:9px}.attachment-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-caption small{font-size:8px;white-space:nowrap;color:#8195c4}.attachment-actions{display:flex;align-items:center;justify-content:space-between;gap:2px;min-height:28px;padding:0 4px 2px 8px}.attachment-actions>button:not(.icon-button){font-size:9px;color:#8b9bc0;padding:0}.attachment-actions>span{font-size:8px;color:#aab2c0}.attachment-actions .icon-button{width:22px;height:24px}.attachment-actions .icon-button svg{width:12px;height:12px}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-gallery .attachment-caption{padding-bottom:7px}.detail-gallery .attachment-preview{height:108px}.editor-dialog{width:680px}.editor-dialog .dialog-body{max-height:calc(88dvh - 160px)}.material-kind-picker{flex-wrap:wrap;gap:8px}.material-kind-picker .kind-option{font-size:11px;padding:8px 12px}.form-control.task-notes{min-height:120px}.date-shortcuts{display:flex;align-items:center;gap:6px;margin:-5px 0 20px;flex-wrap:wrap}.date-shortcuts button{font-size:10px;padding:3px 8px;border-radius:4px;background:#f3f5fa;color:#8e9ab2}.date-shortcuts button:hover{background:#edf1fc;color:#5b75bf}.date-shortcuts small{font-size:9px;color:#adb5c3;margin-left:auto}.task-extra-fields{align-items:center;margin-top:21px}.focus-checkbox{padding-top:6px;justify-content:flex-end}.focus-checkbox svg{width:14px;height:14px;color:#a18bbf}.editor-record-meta{margin-top:18px;color:#a7b0bf;font-size:9px}.form-group:has(+.date-shortcuts){margin-bottom:12px}.image-dialog{width:min(1100px,94vw);max-height:94dvh;background:#f7f9fc;overflow:hidden}.image-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;border-bottom:1px solid #e4e9f2;font-size:12px;color:#7f8ba1}.image-viewer-top>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-viewer-main{height:min(70dvh,800px);display:flex;align-items:center;justify-content:center;padding:15px;background:#e9edf3;overflow:auto}.image-viewer-main>img{display:block;max-height:100%;max-width:100%;object-fit:contain;box-shadow:0 2px 15px #28365012}.image-viewer-bottom{display:flex;justify-content:center;gap:12px;padding:12px}.due-overdue{color:#b37975!important}.image-dialog::backdrop{background:#1421398c}.tabs{gap:20px}.tab{font-size:11px}.toolbar{flex-wrap:wrap}.toolbar-tools{margin-left:auto}.image-processing-state{color:#8d9fc5}.detail-content{max-height:330px}
@media(min-width:1251px){.tabs{gap:24px}.tab{font-size:12px}.detail-panel{width:348px;flex-basis:348px}}
@media(max-width:1020px){.detail-panel{width:390px}.toolbar{gap:10px}.toolbar-tools{margin-bottom:7px}.detail-content{max-height:none}.detail-gallery .attachment-preview{height:130px}}
@media(max-width:760px){.context-filters{margin-bottom:15px}.category-strip{gap:6px;padding-bottom:8px}.filter-pill{font-size:10px;min-height:34px;padding:5px 9px}.tabs{gap:18px;overflow-x:auto;scrollbar-width:none}.tab{font-size:11px;gap:4px;flex-shrink:0}.tab-count{font-size:9px;padding:0 4px}.toolbar{flex-wrap:nowrap}.toolbar-tools{margin:0}.sidebar-bottom{padding-top:0}.row-image-cover{width:50px;height:60px;flex-basis:50px}.material-row:has(.row-image-cover){min-height:112px}.row-tags{gap:4px}.tag{max-width:100px}.task-filter-controls{gap:7px}.task-filter-controls label{gap:4px}.task-filter-controls label>span{display:none}.task-filter-controls select{font-size:11px;min-height:35px;padding:5px 7px;max-width:115px}.task-meta{gap:6px;font-size:10px}.task-row .row-actions{flex-direction:column}.task-row .row-actions>.icon-button{width:27px;height:27px}.task-row .row-title{font-size:14px}.task-image-strip img{width:52px;height:40px}.task-state-control select{min-height:40px;font-size:13px}.task-state-control{font-size:12px}.attachment-section{margin:22px 0}.attachment-heading{font-size:12px}.paste-zone{padding:13px 11px;gap:9px;flex-wrap:wrap}.paste-zone>span{display:none}.paste-zone>div{min-width:170px}.paste-zone strong{font-size:11px}.paste-zone p{font-size:10px}.paste-zone .button{min-height:36px;font-size:11px}.attachment-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.attachment-preview{height:115px}.attachment-caption{font-size:10px}.attachment-caption small{font-size:9px}.attachment-actions>button:not(.icon-button){font-size:10px;min-height:35px}.attachment-actions>span{font-size:9px}.attachment-actions .icon-button{width:35px;height:35px}.attachment-actions .icon-button svg{width:14px;height:14px}.detail-panel{width:100%}.detail-gallery .attachment-preview{height:145px}.editor-dialog{width:100%}.editor-dialog .dialog-body{max-height:none}.material-kind-picker{gap:7px}.material-kind-picker .kind-option{font-size:11px;padding:8px 10px}.date-shortcuts button{min-height:35px;font-size:11px}.date-shortcuts small{font-size:10px;margin-left:0;flex-basis:100%;margin-top:3px}.focus-checkbox{font-size:12px;justify-content:flex-start;min-height:44px;padding:0;align-self:start;margin-top:23px}.focus-checkbox svg{display:none}.editor-record-meta{font-size:10px;line-height:1.8}.image-dialog{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}.image-dialog[open]{display:flex;flex-direction:column}.image-viewer-top{padding:16px}.image-viewer-main{height:auto;flex:1;min-height:0;padding:8px}.image-viewer-bottom{padding:14px 10px calc(14px + env(safe-area-inset-bottom));gap:8px}.image-viewer-bottom .button{font-size:11px;min-height:42px}.image-viewer-top .icon-button{width:40px;height:40px}.detail-content{max-height:none}.form-control.task-notes{min-height:140px}}