:root{--bg:#fff;--surface:#f4f6f7;--sidebar:#eef2f3;--sidebar-text:#1b2b33;--sidebar-muted:#56676f;--sidebar-hover:#e0e7e9;--sidebar-accent:#1e7a82;--border:#dde5e8;--border-input:#7a939b;--text:#0e2230;--text-muted:#4d646e;--accent:#1e7a82;--accent-hover:#17656c;--on-accent:#fff;--danger:#c0343f;--success:#1f7a4d;--selected:#e1f4f0;--highlight:#c6f1e5;--scratch:#eaf8f3;--brand-1:#4fd8b8;--brand-2:#1e7a82;--brand-3:#1b5a80;--on-brand:#fff;--font-sans:Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--fs-xs:12px;--lh-xs:16px;--fs-sm:13px;--lh-sm:18px;--fs-base:15px;--lh-base:24px;--fs-lg:18px;--lh-lg:26px;--fs-xl:28px;--lh-xl:34px;--sp-0:0px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-pill:999px;--shadow-card:0 1px 2px #1018280f, 0 1px 3px #1018281a;--shadow-pop:0 12px 32px #1018282e;--motion-fast:.12s;--motion-base:.2s;--motion-ease:cubic-bezier(.2,.8,.2,1);--w-sidebar:248px;--w-list:340px;--w-header:56px;--w-editor-max:760px;--w-breakpoint-mobile:860px;--brand-gradient:linear-gradient(135deg, var(--brand-2) 0%, var(--brand-3) 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0c1a24;--surface:#101f2a;--sidebar:#0f1d27;--sidebar-text:#e3f0f2;--sidebar-muted:#93aab3;--sidebar-hover:#18303d;--sidebar-accent:#4fd8b8;--border:#1d3443;--border-input:#5f7e8a;--text:#e3f0f2;--text-muted:#9bb3bb;--accent:#4fd8b8;--accent-hover:#76e4ca;--on-accent:#06202a;--danger:#ff8088;--success:#5fd39a;--selected:#123840;--highlight:#1e5247;--scratch:#15302c;--brand-1:#4fd8b8;--brand-2:#1e7a82;--brand-3:#1b5a80;--on-brand:#fff;--shadow-pop:0 12px 32px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:-999px;top:var(--sp-2);z-index:100;position:absolute}.skip-link:focus{left:var(--sp-2);background:var(--bg);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md)}.spacer{flex:1}.muted{color:var(--text-muted)}.only-mobile{display:none!important}kbd{font-family:var(--font-mono);font-size:var(--fs-xs);border:1px solid var(--border);border-radius:var(--r-sm);padding:0 var(--sp-1);border-bottom-width:2px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--motion-fast) var(--motion-ease), color var(--motion-fast);border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn-sm{height:30px;padding:0 var(--sp-3)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface)}.btn-danger{background:var(--danger);color:var(--on-accent)}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-icon{width:34px;height:34px;color:var(--text-muted);background:0 0;padding:0}.btn-icon:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-icon.danger:hover{color:var(--danger)}.btn-icon.is-on,.btn-accent-ghost{color:var(--accent)}.link{color:var(--accent);font-size:var(--fs-sm);background:0 0;border:0;padding:0;font-weight:600;text-decoration:none}.link:hover:not(:disabled){text-decoration:underline}.app{grid-template-columns:var(--w-sidebar) 1fr;height:100%;display:grid}.main{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.scrim{display:none}.sidebar{background:var(--sidebar);color:var(--sidebar-text);height:100%;min-height:0;font-size:var(--fs-sm);flex-direction:column;display:flex}.sidebar :focus-visible{outline-color:var(--sidebar-accent)}.sidebar-brand{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-4) var(--sp-3);font-weight:700;font-size:var(--fs-lg);display:flex}.logo{border-radius:var(--r-md);background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-size:var(--fs-base);place-items:center;font-weight:800;display:grid}.sidebar-search{align-items:center;gap:var(--sp-2);margin:0 var(--sp-3) var(--sp-3);padding:0 var(--sp-3);border-radius:var(--r-md);background:var(--sidebar-hover);height:34px;color:var(--sidebar-muted);display:flex}.sidebar-search input{min-width:0;color:var(--sidebar-text);background:0 0;border:0;outline:none;flex:1}.sidebar-search input::placeholder{color:var(--sidebar-muted)}.sidebar-search kbd{border-color:var(--sidebar-muted);color:var(--sidebar-muted)}.btn-new{margin:0 var(--sp-3) var(--sp-3);border-radius:var(--r-pill);height:38px}.sidebar-scroll{padding:0 var(--sp-2) var(--sp-4);flex:1;overflow-y:auto}.sidebar-hint{color:var(--sidebar-muted);font-size:var(--fs-xs);margin:var(--sp-1) var(--sp-3) var(--sp-2) 40px;line-height:var(--lh-xs)}.nav-item{align-items:center;gap:var(--sp-2);min-height:32px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--sidebar-text);text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-hover);font-weight:600}.nav-item.active:before{content:"";border-radius:var(--r-pill);background:var(--sidebar-accent);width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-item.nested{padding-left:34px}.nav-icon{color:var(--sidebar-muted);display:inline-flex}.nav-item.active .nav-icon{color:var(--sidebar-accent)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-count{color:var(--sidebar-muted);font-size:var(--fs-xs)}.nav-group{margin-top:var(--sp-1)}.nav-group-head{padding-left:0}.nav-caret{width:22px;height:22px;margin-left:var(--sp-1);border-radius:var(--r-sm);color:var(--sidebar-muted);background:0 0;border:0;place-items:center;display:grid}.nav-caret:hover{color:var(--sidebar-text)}.nav-group-link{align-items:center;gap:var(--sp-2);color:inherit;flex:1;align-self:stretch;text-decoration:none;display:flex}.stack-title{align-items:center;gap:var(--sp-1);width:100%;padding:var(--sp-1) var(--sp-3) var(--sp-1) 30px;color:var(--sidebar-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;font-weight:600;display:flex}.stack .nav-item.nested{padding-left:44px}.sidebar-footer{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:0;border-top:1px solid var(--sidebar-hover);color:var(--sidebar-muted);text-align:left;background:0 0;margin:0;display:flex}.sidebar-footer:hover{color:var(--sidebar-text)}.split{grid-template-columns:var(--w-list) 1fr;height:100%;min-height:0;display:grid}.list-pane{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100%;min-height:0;display:flex}.list-title-row{align-items:center;gap:var(--sp-2);min-height:34px;display:flex}.list-title-row h1,.page-head h1{font-size:var(--fs-lg);line-height:var(--lh-lg);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.list-icon{color:var(--accent);display:inline-flex}.list-sub{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);display:flex}.sort{align-items:center;gap:var(--sp-1);display:inline-flex}.sort select,.notebook-select select{color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-1);border-radius:var(--r-sm);background:0 0;border:0}.sort select:hover,.notebook-select select:hover:not(:disabled){background:var(--bg);color:var(--text)}.search-box{align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);height:36px;padding:0 var(--sp-3);background:var(--bg);border:1px solid var(--border-input);border-radius:var(--r-md);color:var(--text-muted);display:flex}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:0}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0}.note-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.note-item{gap:var(--sp-1);text-align:left;width:100%;padding:var(--sp-3) var(--sp-4);background:var(--surface);border:0;border-bottom:1px solid var(--border);border-left:3px solid #0000;flex-direction:column;display:flex}.note-item.selected{background:var(--selected);border-left-color:var(--accent)}.note-item:focus-visible{outline-offset:-2px}.note-item-title{align-items:center;gap:var(--sp-1);text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:flex;overflow:hidden}.note-item-title>span:first-child{text-overflow:ellipsis;overflow:hidden}.note-item-preview{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-item-meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.note-item-nb{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.mini-tag{padding:0 var(--sp-1);border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);align-items:center;gap:2px;display:inline-flex}.star-on{color:var(--accent);fill:currentColor;flex:none}mark{background:var(--highlight);color:var(--text);border-radius:2px}.list-skeleton{padding:var(--sp-3);gap:var(--sp-3);display:grid}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--border) 25%, var(--surface) 50%, var(--border) 75%);background-size:200% 100%;height:72px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;align-items:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-5);color:var(--text-muted);flex-direction:column;display:flex}.empty h2{color:var(--text);font-size:var(--fs-lg);margin:0}.empty p{margin:0 0 var(--sp-3);max-width:280px}.empty-icon{color:var(--accent);opacity:.8}.empty-inline{padding:var(--sp-5)}.editor-pane{background:var(--bg);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.editor-placeholder{color:var(--text-muted);justify-content:center;align-items:center}.editor-head{align-items:center;gap:var(--sp-2);min-height:var(--w-header);padding:0 var(--sp-4);border-bottom:1px solid var(--border);display:flex}.notebook-select{align-items:center;gap:var(--sp-1);color:var(--text-muted);min-width:0;display:inline-flex}.notebook-select select{max-width:220px}.save-state{font-size:var(--fs-xs);color:var(--text-muted)}.banner{padding:var(--sp-2) var(--sp-4);background:var(--surface);border-bottom:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-muted)}.toolbar{padding:var(--sp-1) var(--sp-3);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.tool{border-radius:var(--r-sm);width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid}.tool:hover:not(:disabled){background:var(--surface);color:var(--text)}.tool.active{background:var(--selected);color:var(--accent)}.tool-sep{width:1px;height:18px;margin:0 var(--sp-1);background:var(--border)}.editor-scroll{flex:1;overflow-y:auto}.editor-body{max-width:var(--w-editor-max);padding:var(--sp-6) var(--sp-6) var(--sp-7);margin:0 auto}.note-title{resize:none;width:100%;font-size:var(--fs-xl);line-height:var(--lh-xl);margin-bottom:var(--sp-4);background:0 0;border:0;outline:none;padding:0;font-weight:700;display:block;overflow:hidden}.note-title::placeholder{color:var(--text-muted);opacity:.6}.prose{overflow-wrap:anywhere;outline:none;min-height:50vh}.prose>*+*{margin-top:.6em}.prose p{margin:0}.prose h1,.prose h2,.prose h3{margin:1.2em 0 .3em;line-height:1.3}.prose h1{font-size:1.6em}.prose h2{font-size:1.3em}.prose h3{font-size:1.1em}.prose ul,.prose ol{margin:.4em 0;padding-left:1.4em}.prose blockquote{padding-left:var(--sp-4);border-left:3px solid var(--border-input);color:var(--text-muted);margin:.6em 0}.prose code{font-family:var(--font-mono);background:var(--surface);border-radius:var(--r-sm);padding:1px 4px;font-size:.9em}.prose pre{background:var(--surface);border:1px solid var(--border);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--border);margin:1.4em 0}.prose img{border-radius:var(--r-md);max-width:100%;height:auto}.prose img.ProseMirror-selectednode{outline:2px solid var(--accent)}.prose a{color:var(--accent)}.prose ul[data-type=taskList]{padding-left:var(--sp-1);list-style:none}.prose ul[data-type=taskList] li{gap:var(--sp-2);align-items:flex-start;display:flex}.prose ul[data-type=taskList] li>label{flex:none;margin-top:3px}.prose ul[data-type=taskList] li>label input{width:16px;height:16px;accent-color:var(--accent)}.prose ul[data-type=taskList] li>div{flex:1}.prose ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-muted);text-decoration:line-through}.prose p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-muted);opacity:.6;float:left;pointer-events:none;height:0}.editor-foot{align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.note-info{color:var(--text-muted);font-size:var(--fs-xs);margin-left:auto}.tag-editor{align-items:center;gap:var(--sp-1);flex-wrap:wrap;flex:1;min-width:200px;display:flex}.tag-chip{height:24px;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.tag-chip a{color:inherit;text-decoration:none}.tag-chip a:hover{text-decoration:underline}.tag-chip button{width:16px;height:16px;color:var(--text-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.tag-chip button:hover{color:var(--danger)}.tag-input{min-width:110px;font-size:var(--fs-sm);padding:var(--sp-1);background:0 0;border:0;outline:none;flex:1}.menu{position:relative}.menu-pop{z-index:20;min-width:220px;padding:var(--sp-1);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);position:absolute;top:calc(100% + 4px);right:0}.menu-item{align-items:center;gap:var(--sp-2);width:100%;height:34px;padding:0 var(--sp-3);border-radius:var(--r-md);text-align:left;font-size:var(--fs-sm);background:0 0;border:0;display:flex}.menu-item:hover,.menu-item:focus-visible{background:var(--surface);outline:none}.menu-item.danger{color:var(--danger)}.page{height:100%;padding:var(--sp-5) var(--sp-6) var(--sp-7);overflow-y:auto}.page-head{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.today{font-size:var(--fs-sm);display:inline-block}.today:first-letter{text-transform:uppercase}.home-grid{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card-wide{grid-column:1/-1}.card-head{margin-bottom:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.card-head h2{font-size:var(--fs-base);margin:0}.recent-row{gap:var(--sp-3);padding-bottom:var(--sp-2);grid-auto-columns:200px;grid-auto-flow:column;display:grid;overflow-x:auto}.recent-card{gap:var(--sp-1);height:160px;padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);text-align:left;box-shadow:var(--shadow-card);flex-direction:column;text-decoration:none;display:flex}.recent-card:hover{border-color:var(--accent)}.recent-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-preview{color:var(--text-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.recent-meta{font-size:var(--fs-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-new{color:var(--accent);box-shadow:none;border-style:dashed;justify-content:center;align-items:center;font-weight:600}.recent-card.skeleton{height:160px}.scratch{resize:vertical;width:100%;min-height:180px;padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.plain-list{margin:0;padding:0;list-style:none}.plain-link{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;color:var(--text);text-decoration:none;display:inline-flex}.plain-link:hover{color:var(--accent)}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);max-width:1000px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;color:var(--text-muted);background:var(--surface);font-weight:600}.table th,.table td{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--border)}.table tr:last-child td{border-bottom:0}.table .num{text-align:right}.row-actions{white-space:nowrap;text-align:right}.tag-groups{columns:3 240px;gap:var(--sp-6);max-width:1100px}.tag-groups section{break-inside:avoid;margin-bottom:var(--sp-4)}.tag-letter{font-size:var(--fs-sm);color:var(--accent);margin:0 0 var(--sp-2)}.tag-row{align-items:center;gap:var(--sp-2);display:flex}.dialog{width:min(420px,100vw - 32px);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);color:var(--text);box-shadow:var(--shadow-pop)}.dialog-wide{width:min(520px,100vw - 32px)}.dialog::backdrop{background:#0a0a1473}.dialog h2{margin:0 0 var(--sp-4);font-size:var(--fs-lg)}.dialog-message{margin:0 0 var(--sp-4);color:var(--text-muted)}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-5);display:flex}.field{gap:var(--sp-1);font-size:var(--fs-sm);margin-bottom:var(--sp-4);flex-direction:column;font-weight:600;display:flex}.field input,.field select{height:38px;padding:0 var(--sp-3);font-weight:400;font-size:var(--fs-base);background:var(--bg);border:1px solid var(--border-input);border-radius:var(--r-md)}.field-group{margin:0 0 var(--sp-4);border:0;padding:0}.field-group legend{font-size:var(--fs-sm);margin-bottom:var(--sp-2);font-weight:600}.field-group p{margin:0 0 var(--sp-3);font-size:var(--fs-sm)}.row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.segmented{border:1px solid var(--border-input);border-radius:var(--r-md);display:inline-flex;overflow:hidden}.segmented label{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);cursor:pointer}.segmented label+label{border-left:1px solid var(--border-input)}.segmented label.checked{background:var(--accent);color:var(--on-accent);font-weight:600}.segmented label:focus-within{outline:2px solid var(--accent);outline-offset:-2px}.segmented input{opacity:0;pointer-events:none;position:absolute}.shortcuts-help{font-size:var(--fs-sm)}.shortcuts-help summary{cursor:pointer;font-weight:600}.shortcuts-help dl{gap:var(--sp-2) var(--sp-4);margin:var(--sp-3) 0 0;grid-template-columns:auto 1fr;display:grid}.shortcuts-help dd{color:var(--text-muted);margin:0}.toasts{bottom:var(--sp-5);gap:var(--sp-2);z-index:50;display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);background:var(--sidebar);color:var(--sidebar-text);box-shadow:var(--shadow-pop);font-size:var(--fs-sm);animation:toast-in var(--motion-base) var(--motion-ease)}.toast-error{background:var(--danger);color:var(--on-accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=860px){.only-mobile{display:inline-flex!important}.hide-mobile{display:none}.app{grid-template-columns:1fr}.sidebar{z-index:40;width:min(300px,85vw);transition:transform var(--motion-base) var(--motion-ease);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.drawer-open .sidebar{transform:none}.drawer-open .scrim{z-index:30;background:#0a0a1473;display:block;position:fixed;inset:0}.split{grid-template-columns:1fr}.list-pane{border-right:0}.editor-head{padding:0 var(--sp-2)}.editor-body{padding:var(--sp-4) var(--sp-4) var(--sp-7)}.toolbar{flex-wrap:nowrap;overflow-x:auto}.page{padding:var(--sp-4) var(--sp-4) var(--sp-7)}.home-grid{grid-template-columns:1fr}.notebook-select select{max-width:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sidebar-brand{position:relative}.brand-name{flex:1}.rail-toggle{border-radius:var(--r-sm);width:26px;height:26px;color:var(--sidebar-muted);background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.create-row{gap:var(--sp-2);margin:0 var(--sp-3) var(--sp-2);display:flex}.create-row .btn-new{border-radius:var(--r-md);flex:1;margin:0}.btn-more{border-radius:var(--r-md);background:var(--sidebar-hover);width:38px;height:38px;color:var(--sidebar-text);padding:0}.btn-more:hover{filter:brightness(1.2)}.create-row .menu-pop{color:var(--text)}.btn-task{margin:0 var(--sp-3) var(--sp-3);border-radius:var(--r-md);height:34px;color:var(--sidebar-text);border:1px solid var(--sidebar-hover);background:0 0}.btn-task:hover{background:var(--sidebar-hover)}.nav-add{width:100%;color:var(--sidebar-muted);text-align:left;background:0 0;border:0}.nav-add:hover{color:var(--sidebar-text)}button.nav-group-link{color:inherit;text-align:left;background:0 0;border:0;padding:0}.sidebar-rail{grid-template-columns:64px 1fr}.sidebar.rail .sidebar-brand{gap:var(--sp-2);padding:var(--sp-3) 0;flex-direction:column;align-items:center}.sidebar.rail .rail-toggle{margin:0}.sidebar.rail .create-row{margin:0 var(--sp-2) var(--sp-2)}.sidebar.rail .btn-new{padding:0}.sidebar.rail .sidebar-scroll{padding:0 var(--sp-2) var(--sp-4)}.sidebar.rail .nav-item{background:0 0;border:0;justify-content:center;width:100%;min-height:38px;padding:0}.sidebar.rail .nav-item:hover,.sidebar.rail .nav-item.active{background:var(--sidebar-hover)}.sidebar.rail .nav-icon{color:var(--sidebar-text)}.sidebar.rail>.nav-item{margin:0 auto var(--sp-2);width:44px}.sidebar.rail .sidebar-footer{padding:var(--sp-3) 0;justify-content:center}.notebook-select{padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);position:relative}.notebook-select:hover{background:var(--surface)}.notebook-select select{appearance:none;cursor:pointer;padding-right:0}.notebook-select select:hover:not(:disabled){background:0 0}.crumb-sep{color:var(--text-muted)}.crumb-title{font-size:var(--fs-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:260px;overflow:hidden}.reminder-chip{align-items:center;gap:var(--sp-1);height:26px;padding:0 var(--sp-2);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);font-size:var(--fs-xs);color:var(--text);display:inline-flex}.reminder-chip:hover{border-color:var(--accent)}.banner{align-items:center;gap:var(--sp-2);display:flex}.banner-accent{background:var(--selected);color:var(--text)}.backlinks-chip{align-items:center;gap:var(--sp-1);height:26px;padding:0 var(--sp-2);margin-bottom:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text-muted);font-size:var(--fs-xs);display:inline-flex}.backlinks-chip:hover{color:var(--text);border-color:var(--border-input)}.toolbar{padding:var(--sp-2) var(--sp-3);gap:2px}.show-narrow{display:none}.toolbar .menu{display:inline-flex}.tool-text,.tool-insert,.tool-color{width:auto;height:30px;padding:0 var(--sp-2);border-radius:var(--r-sm);color:var(--text);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.tool-text:hover,.tool-insert:hover,.tool-color:hover{background:var(--surface)}.tool-color.active{background:var(--selected);color:var(--accent)}.tool-text>svg:last-child,.tool-color>svg:last-child,.tool-insert>svg:last-child{color:var(--text-muted)}.tool-size{justify-content:space-between;min-width:46px}.tool-insert{padding-left:var(--sp-1);font-weight:600}.insert-plus{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;display:grid}.color-dot{background:var(--text);width:16px;height:16px;box-shadow:0 0 0 2px var(--bg), 0 0 0 3px var(--border-input);border-radius:50%}.menu-pop{max-height:min(420px,70vh);overflow-y:auto}.menu-pop.align-left{left:0;right:auto}.menu-pop.align-right{left:auto;right:0}.menu-sep{height:1px;margin:var(--sp-1) var(--sp-2);background:var(--border)}.menu-item{color:var(--text)}.menu-item.active{color:var(--accent);font-weight:600}.menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.menu-hint{color:var(--text-muted);font-size:var(--fs-xs)}.menu-grid{gap:var(--sp-1);min-width:0;padding:var(--sp-2);grid-template-columns:repeat(5,34px);display:grid}.menu-grid .menu-row{display:contents}.menu-grid .menu-sep{display:none}.menu-grid .menu-item{justify-content:center;width:34px;height:34px;padding:0}.menu-grid .menu-item.active{outline:2px solid var(--accent)}.swatch{border:1px solid var(--border-input);border-radius:50%;flex:none;width:18px;height:18px}.swatch-none{background:linear-gradient(135deg, transparent 45%, var(--danger) 45%, var(--danger) 55%, transparent 55%), var(--bg)}.prose table{border-collapse:collapse;table-layout:fixed;width:100%;margin:.8em 0;overflow:hidden}.prose th,.prose td{border:1px solid var(--border-input);padding:var(--sp-1) var(--sp-2);vertical-align:top;min-width:60px}.prose th{background:var(--surface);text-align:left;font-weight:600}.prose .selectedCell{background:var(--selected)}.prose .tableWrapper{overflow-x:auto}.prose mark{color:var(--text);padding:0 1px}.prose sup,.prose sub{line-height:0}.slash-menu{z-index:60;width:260px;max-height:300px;padding:var(--sp-1);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);position:fixed;overflow-y:auto}.slash-item{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);text-align:left;font-size:var(--fs-sm);background:0 0;border:0;flex-direction:column;align-items:flex-start;display:flex}.slash-item span{color:var(--text-muted);font-size:var(--fs-xs)}.slash-item.active,.slash-item:hover{background:var(--selected)}.slash-empty{padding:var(--sp-2) var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm)}.note-item{position:relative}.note-item.has-thumb{padding-right:96px}.note-thumb{right:var(--sp-4);top:var(--sp-3);object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);width:68px;height:68px;position:absolute}.list-sub .btn-icon{width:30px;height:30px}.filter-pop{width:260px;padding:var(--sp-3)}.filter-pop .field{margin-bottom:var(--sp-3)}.filter-pop .field select{height:34px}.filter-chips,.saved-searches{align-items:center;gap:var(--sp-1);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.chip-active{border-color:var(--accent);background:var(--selected)}.tasks-wrap{gap:var(--sp-4);max-width:760px;display:grid}.task-add{align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-2) 0 var(--sp-3);border:1px solid var(--border-input);border-radius:var(--r-md);color:var(--text-muted);background:var(--bg);display:flex}.task-add:focus-within{outline:2px solid var(--accent)}.task-add input{background:0 0;border:0;outline:none;flex:1;min-width:0}.tasks-wrap .segmented{justify-self:start}.task-group h2{font-size:var(--fs-sm);margin:0 0 var(--sp-2)}.task-group h2 .plain-link{color:var(--text-muted)}.task-row{align-items:baseline;gap:var(--sp-2);padding:var(--sp-1) 0;display:flex}.task-row label{align-items:flex-start;gap:var(--sp-2);cursor:pointer;overflow-wrap:anywhere;flex:1;min-width:0;display:flex}.task-row input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:4px}.task-row.done span{color:var(--text-muted);text-decoration:line-through}.task-note{font-size:var(--fs-xs);text-overflow:ellipsis;white-space:nowrap;max-width:40%;text-decoration:none;overflow:hidden}.overdue{color:var(--danger)}.badge{margin-left:var(--sp-2);padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--selected);color:var(--accent);font-size:var(--fs-xs);font-weight:600;display:inline-block}.file-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-width:1100px;margin:0;padding:0;list-style:none;display:grid}.file-card{gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);color:var(--text);flex-direction:column;text-decoration:none;display:flex}.file-card:hover{border-color:var(--accent)}.file-card img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);background:var(--bg);width:100%}.file-name,.file-meta{text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-sm);overflow:hidden}.file-meta{color:var(--text-muted);font-size:var(--fs-xs)}.dialog-xl{width:min(900px,100vw - 32px)}.dialog h2{align-items:center;gap:var(--sp-2);display:flex}.dialog-clear{margin-right:auto}.history{gap:var(--sp-4);grid-template-columns:240px 1fr;height:min(60vh,520px);display:grid}.history-list{padding:0 var(--sp-2) 0 0;border-right:1px solid var(--border);margin:0;list-style:none;overflow-y:auto}.history-item{width:100%;padding:var(--sp-2) var(--sp-3);text-align:left;border-radius:var(--r-md);font-size:var(--fs-sm);background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.history-item span{font-size:var(--fs-xs)}.history-item:hover{background:var(--surface)}.history-item.selected{background:var(--selected)}.history-preview{padding-right:var(--sp-2);overflow-y:auto}.history-preview h3{margin:0 0 var(--sp-3);font-size:var(--fs-lg)}.history-preview .prose{min-height:0}.picker-search{margin:0 0 var(--sp-3)}.picker-list{max-height:320px;margin:0;padding:0;list-style:none;overflow-y:auto}.picker-item{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);text-align:left;font-size:var(--fs-sm);background:0 0;border:0;display:flex}.picker-item span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker-item:hover{background:var(--surface)}.picker-empty{padding:var(--sp-3)}@media (width<=1600px){.hide-narrow{display:none!important}.show-narrow{display:inline-flex}.toolbar .tool:not([aria-haspopup]){width:28px}.toolbar .tool-sep{margin:0 2px}}@media (width<=1180px){.crumb-sep,.crumb-title{display:none}}@media (width<=860px){.sidebar-rail{grid-template-columns:1fr}.sidebar.rail{width:min(300px,85vw)}.history{grid-template-columns:1fr;height:auto}.history-list{border-right:0;border-bottom:1px solid var(--border);max-height:180px}.note-item.has-thumb{padding-right:84px}.note-thumb{width:56px;height:56px}}@media print{body{color:#000;background:#fff}.sidebar,.list-pane,.editor-head,.toolbar,.editor-foot,.banner,.backlinks-chip,.toasts,.scrim,.skip-link{display:none!important}.app,.split,.main,.editor-pane,.editor-scroll{height:auto!important;display:block!important;overflow:visible!important}.editor-body{max-width:none;padding:0}.note-title{color:#000}.prose{min-height:0}}.tool-group{gap:2px;display:inline-flex}.tool-style{justify-content:space-between;width:112px}.tool-label{text-overflow:ellipsis;overflow:hidden}.login-screen{min-height:100%;padding:var(--sp-5);padding-top:calc(var(--sp-5) + env(safe-area-inset-top));background:var(--sidebar);color:var(--sidebar-text);place-items:center;display:grid}.login-card{width:min(400px,100%);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--bg);color:var(--text);box-shadow:var(--shadow-pop)}.login-brand{align-items:center;gap:var(--sp-2);font-size:var(--fs-lg);margin-bottom:var(--sp-4);font-weight:700;display:flex}.login-form h1{font-size:var(--fs-lg);margin:0 0 var(--sp-3)}.login-submit{width:100%;margin-top:var(--sp-3)}.login-alert{margin:0 0 var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);background:var(--surface)}.login-alert-error{color:var(--danger);border:1px solid var(--danger);background:var(--bg)}.login-alert-warning{border:1px solid var(--border-input)}.sidebar-footer-row{border-top:1px solid var(--sidebar-hover);padding-right:var(--sp-3);align-items:center;display:flex}.sidebar-footer-row .sidebar-footer{border-top:0;flex:1}.sidebar-footer-row.rail-footer{padding:0 0 var(--sp-2);flex-direction:column}.sync-badge{align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--sidebar-muted);display:inline-flex}.sync-ok{color:var(--sidebar-muted)}.sync-busy{color:var(--sidebar-accent)}.sync-off{color:var(--sidebar-muted);opacity:.8}.sync-error{color:var(--danger)}.account-line .sync-badge,.field-group .sync-badge{color:var(--text-muted);margin-left:var(--sp-2)}.account-line{margin:0 0 var(--sp-2);font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}@media (width<=860px){.app{background:var(--sidebar)}.main{margin-top:env(safe-area-inset-top);height:calc(100% - env(safe-area-inset-top));background:var(--bg);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.editor-foot{padding-bottom:calc(var(--sp-2) + env(safe-area-inset-bottom))}.note-list{padding-bottom:env(safe-area-inset-bottom)}.page{padding-bottom:calc(var(--sp-7) + env(safe-area-inset-bottom))}.toasts{bottom:calc(var(--sp-5) + env(safe-area-inset-bottom))}input,select,textarea,.tag-input,.sidebar-search input{font-size:16px}.btn-icon,.tool{min-width:40px;min-height:40px}}button{background:0 0;border:0}.app,.main{background:var(--surface)}.sidebar{background:var(--sidebar);color:var(--sidebar-text);border-right:1px solid var(--border);font-size:var(--fs-sm)}.sidebar-top{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-2);display:flex}.brand-logo{object-fit:contain;flex:none;width:30px;height:30px}.sidebar-search{height:34px;padding:0 var(--sp-3);gap:var(--sp-2);background:var(--sidebar-hover);color:var(--sidebar-muted);border-radius:var(--r-md);flex:1;margin:0}.sidebar-search input{color:var(--sidebar-text)}.sidebar-search:focus-within{outline:2px solid var(--accent)}.rail-search{margin:0 auto var(--sp-2)}.create-row{align-items:center;gap:var(--sp-2);margin:0 var(--sp-3) var(--sp-3);display:flex}.btn-note{justify-content:center;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);border-radius:var(--r-pill);background:var(--brand-gradient);color:var(--on-brand);font-weight:700;font-size:var(--fs-sm);display:inline-flex;box-shadow:0 1px 2px #0f2a4440}.btn-note:hover{filter:brightness(1.08)}.btn-note-icon{color:var(--brand-1)}.round-btn,.create-row .menu>.round-btn{border:1px solid var(--border);background:var(--bg);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.round-btn:hover{background:var(--selected)}.sidebar-scroll{padding:0 var(--sp-2) var(--sp-3)}.sidebar .nav-item{width:100%;min-height:30px;padding:0 var(--sp-3);gap:var(--sp-3);border-radius:var(--r-md);color:var(--sidebar-text);text-align:left;font-size:var(--fs-sm)}.sidebar .nav-item:hover{background:var(--sidebar-hover)}.sidebar .nav-item.active{background:var(--sidebar-hover);font-weight:600}.sidebar .nav-item.active:before{display:none}.sidebar .nav-icon{color:var(--sidebar-muted)}.sidebar .nav-item.active .nav-icon{color:var(--sidebar-accent)}.sidebar .nav-item.nested{min-height:28px;padding-left:36px}.sidebar .nav-sub{margin:2px 0 var(--sp-1)}.nav-section{margin:var(--sp-2) var(--sp-3) var(--sp-1) 36px;font-size:var(--fs-xs);color:var(--sidebar-muted);font-weight:600}.sidebar-hint{margin:var(--sp-1) var(--sp-3) var(--sp-2) 36px}.nav-gap{height:var(--sp-4)}.sidebar .menu{display:block}.sidebar .nav-more{align-items:center;display:flex}.sidebar .nav-add{color:var(--accent)}.sidebar-bottom{align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3) var(--sp-3);display:flex}.sidebar-bottom.rail-bottom{flex-direction:column}.user-btn{align-items:center;gap:var(--sp-2);min-width:0;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-md);color:var(--sidebar-text);text-align:left;flex:1;display:flex}.user-btn:hover{background:var(--sidebar-hover)}.avatar{background:var(--brand-gradient);width:28px;height:28px;color:var(--on-brand);font-weight:700;font-size:var(--fs-sm);border-radius:50%;flex:none;place-items:center;display:grid}.user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rail-toggle{color:var(--sidebar-muted)}.rail-toggle:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sync-badge,.sync-ok{color:var(--sidebar-muted)}.sidebar.rail .sidebar-top{padding:var(--sp-3) 0 var(--sp-2);justify-content:center}.sidebar.rail .create-row{margin:0 0 var(--sp-3);flex-direction:column}.sidebar.rail .btn-note{width:40px;height:40px;padding:0}.sidebar.rail .nav-item{justify-content:center;min-height:36px;padding:0}.sidebar.rail .sidebar-bottom{padding:var(--sp-2) 0 var(--sp-3)}.sidebar.rail .user-btn{padding:var(--sp-1);flex:none}.page-head h1,.list-title-row h1{align-items:baseline;gap:var(--sp-2);font-size:22px;font-weight:600;line-height:30px;display:flex}.title-count{font-size:var(--fs-xs);color:var(--text-muted);font-weight:500}.page{background:var(--surface);padding:var(--sp-5) var(--sp-6) var(--sp-7)}.page-head{margin-bottom:var(--sp-4);gap:var(--sp-3);flex-wrap:wrap}.page-toolbar{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.page-toolbar.compact{margin:var(--sp-2) 0}.tabs{gap:var(--sp-1);flex-wrap:wrap;display:inline-flex}.tab{height:30px;padding:0 var(--sp-3);border-radius:var(--r-pill);color:var(--text-muted);font-size:var(--fs-sm)}.tab:hover{color:var(--text);background:var(--bg)}.tab.active{background:var(--bg);color:var(--text);border:1px solid var(--border);font-weight:600}.btn-outline{height:34px;padding:0 var(--sp-3);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg);color:var(--text);font-weight:500}.btn-outline svg{color:var(--accent)}.btn-outline:hover{border-color:var(--accent)}.find-box{align-items:center;gap:var(--sp-2);width:min(240px,100%);height:34px;padding:0 var(--sp-3);border:1px solid var(--border-input);border-radius:var(--r-md);background:var(--bg);color:var(--text-muted);display:flex}.find-box input{min-width:0;font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:1}.find-box:focus-within{outline:2px solid var(--accent);outline-offset:0}.list-head .find-box{width:100%;margin-top:var(--sp-2)}.list-pane{background:var(--surface);border-right:1px solid var(--border)}.list-head{padding:var(--sp-4) var(--sp-4) var(--sp-2);border-bottom:0}.list-tools{justify-content:flex-end;gap:var(--sp-1);margin-top:var(--sp-1);display:flex}.list-tools .btn-icon,.list-tools .menu .btn-icon{width:32px;height:32px}.note-list{padding:0 var(--sp-2) var(--sp-3)}.note-list li+li .note-item:not(.selected){border-top:1px solid var(--border)}.note-item{padding:var(--sp-3) var(--sp-3);border-radius:var(--r-lg);background:0 0;border:0;gap:6px}.note-item:hover{background:var(--bg)}.note-item.selected{background:var(--bg);box-shadow:var(--shadow-card);border-left:0}.note-item.selected+*{border-top-color:#0000}.note-item-meta{font-size:var(--fs-xs);color:var(--text-muted);order:0;align-items:center;gap:6px;display:flex}.note-item-flags{color:var(--text-muted);gap:4px;margin-left:auto;display:inline-flex}.flag-pin{color:var(--accent)}.flag-bell{color:var(--warning,var(--danger))}.note-item-title{font-size:var(--fs-sm);white-space:nowrap;font-weight:600}.note-item-preview{font-size:var(--fs-sm)}.note-item-chips{gap:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.mini-tag{border-radius:var(--r-pill);background:var(--sidebar-hover);color:var(--text-muted);border:0;align-items:center;gap:3px;padding:1px 7px;font-size:11px;display:inline-flex}.progress-chip{border-radius:var(--r-pill);background:var(--selected);color:var(--accent);align-items:center;gap:3px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.progress-chip-lg{font-size:var(--fs-sm);padding:2px 10px}.note-thumb{top:var(--sp-4)}.editor-pane{background:var(--bg)}.editor-head{gap:var(--sp-1);min-height:52px;padding:0 var(--sp-3);border-bottom:0}.editor-head .btn-icon{width:32px;height:32px}.head-sep{background:var(--border);width:1px;height:18px;margin:0 var(--sp-2)}.crumb-notebook{border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text);cursor:pointer;align-items:center;padding:2px 6px;display:inline-flex;position:relative}.crumb-notebook:hover{background:var(--surface)}.crumb-notebook select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.crumb-notebook:focus-within{outline:2px solid var(--accent)}.crumb-sep,.crumb-title{color:var(--text-muted);font-size:var(--fs-sm)}.edit-strip{border-bottom:1px solid #0000;align-items:center;min-height:44px;display:flex}.edit-strip .toolbar{border-bottom:1px solid var(--border);width:100%}.edited-line{padding:0 var(--sp-4);font-size:var(--fs-xs);color:var(--text-muted);margin:0}.editor-body{max-width:720px;padding:var(--sp-5) var(--sp-6) var(--sp-7)}.note-chips{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.note-chips .backlinks-chip,.note-chips .reminder-chip{margin:0}.note-title{margin-bottom:var(--sp-3);font-size:30px;line-height:38px}.prose ul[data-type=taskList] li>label{margin-top:2px}.prose ul[data-type=taskList] li>label input,.round-check{appearance:none;cursor:pointer;border:1.5px solid var(--accent);background:0 0;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin:0;display:inline-grid}.prose ul[data-type=taskList] li>label input:checked,.round-check:checked{background:var(--accent) no-repeat center / 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.prose ul[data-type=taskList] li>label input:focus-visible,.round-check:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose ul[data-type=taskList] li{gap:var(--sp-3)}.editor-foot{gap:var(--sp-1);padding:var(--sp-1) var(--sp-3)}.editor-foot .btn-icon{width:32px;height:32px}.tag-chip{background:var(--sidebar-hover);border:0;gap:4px}.tag-chip a{align-items:center;gap:4px;display:inline-flex}.split.list-hidden{grid-template-columns:1fr}.split.list-hidden>.list-pane{display:none}.focus-mode{grid-template-columns:1fr}.focus-mode>.sidebar{display:none}.focus-mode .split{grid-template-columns:1fr}.focus-mode .split>.list-pane{display:none}.home-page{overflow-y:auto}.home-row{gap:var(--sp-5);margin-bottom:var(--sp-5);grid-template-columns:minmax(0,2.1fr) minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.home-row-2{grid-template-columns:repeat(3,minmax(0,1fr))}.home-block{min-width:0}.block-head{min-height:28px;margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.block-title{margin:0 0 var(--sp-2);font-size:var(--fs-sm);font-weight:600}.block-head .block-title{margin:0}.card-row{gap:var(--sp-3);padding-bottom:var(--sp-2);grid-auto-columns:168px;grid-auto-flow:column;display:grid;overflow-x:auto}.note-card{height:240px;padding:var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text);text-align:left;box-shadow:var(--shadow-card);flex-direction:column;gap:6px;text-decoration:none;display:flex}.note-card:hover{border-color:var(--accent)}.note-card-nb{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.note-card-title{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-card-preview{font-size:var(--fs-xs);color:var(--text-muted);-webkit-line-clamp:6;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;line-height:1.55;display:-webkit-box;overflow:hidden}.note-card-date{color:var(--text-muted);font-size:11px}.note-card-new{color:var(--accent);box-shadow:none;background:0 0;border-style:dashed;justify-content:center;align-items:center;font-weight:600}.note-card.skeleton{height:240px}.home-scratch .scratch{resize:vertical;width:100%;height:240px;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--scratch);color:var(--text);font-size:var(--fs-sm)}.pinned-card{height:240px;padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);color:var(--text);box-shadow:var(--shadow-card);text-align:left;width:100%;text-decoration:none;display:block;overflow:hidden}.pinned-card h3{margin:0 0 var(--sp-2);font-size:var(--fs-lg)}.pinned-prose{min-height:0;font-size:var(--fs-sm);pointer-events:none}.pinned-empty{justify-content:center;align-items:center;gap:var(--sp-2);color:var(--text-muted);box-shadow:none;text-align:center;border-style:dashed;flex-direction:column;display:flex}.home-row-2 .card{background:var(--bg)}.table-wrap{background:var(--bg);max-width:none}.table th{background:var(--surface);font-weight:500;font-size:var(--fs-xs)}.table td{vertical-align:middle}.task-cell{align-items:center;gap:var(--sp-3);cursor:pointer;display:flex}.row-done .task-cell span{color:var(--text-muted);text-decoration:line-through}.nb-cell{align-items:center;gap:var(--sp-2);display:flex}.row-caret{border-radius:var(--r-sm);width:22px;height:22px;color:var(--text-muted);place-items:center;display:grid}.row-caret:hover{background:var(--surface);color:var(--text)}.sub-row td{background:var(--surface)}.sub-link{padding-left:52px!important}.row-actions .menu{display:inline-block}.split-files{grid-template-columns:var(--w-list) 1fr}.file-list{padding:0 var(--sp-2) var(--sp-3);flex:1;margin:0;list-style:none;overflow-y:auto}.file-row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border-radius:var(--r-md);text-align:left;display:flex}.file-row:hover{background:var(--bg)}.file-row.selected{background:var(--bg);box-shadow:var(--shadow-card)}.file-row img{object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);flex:none;width:48px;height:48px}.file-row-text{flex-direction:column;min-width:0;display:flex}.file-preview{padding:var(--sp-6);justify-content:center;align-items:center;gap:var(--sp-3)}.file-preview>img{object-fit:contain;border-radius:var(--r-md);max-width:100%;max-height:calc(100% - 60px);box-shadow:var(--shadow-card)}.file-preview-caption{font-size:var(--fs-sm);color:var(--text-muted)}.file-preview .editor-placeholder{place-items:center;height:100%;display:grid}.calendar-page{flex-direction:column;display:flex}.calendar{gap:var(--sp-5);flex:1;grid-template-columns:250px 1fr;min-height:0;display:grid}.cal-side{font-size:var(--fs-sm)}.cal-month-head{align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-2);display:flex}.cal-month-head strong{display:inline-block}.cal-month-head strong:first-letter,.cal-day-title:first-letter{text-transform:uppercase}.cal-month-head .btn-icon{width:28px;height:28px}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-wd{color:var(--text-muted);padding:var(--sp-1) 0;font-size:10px}.cal-day{border-radius:var(--r-sm);height:30px;font-size:var(--fs-xs);color:var(--text);position:relative}.cal-day:hover{background:var(--bg)}.cal-day.other{color:var(--text-muted);opacity:.6}.cal-day.today{color:var(--accent);font-weight:700}.cal-day.selected{background:var(--accent);color:var(--on-accent)}.cal-dot{background:var(--brand-2);border-radius:50%;width:6px;height:6px;display:inline-block}.cal-day .cal-dot{width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day.selected .cal-dot{background:var(--on-accent)}.cal-legend{align-items:center;gap:var(--sp-2);margin:var(--sp-4) 0 var(--sp-2);display:flex}.cal-note{font-size:var(--fs-xs)}.cal-day-view{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;min-height:0;display:flex}.cal-day-head{align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);display:flex}.cal-day-title{font-size:var(--fs-sm);display:inline-block}.cal-hours{flex:1;overflow-y:auto}.cal-hour{border-bottom:1px solid var(--border);grid-template-columns:56px 1fr;min-height:52px;display:grid}.cal-hour-label{padding:var(--sp-1) var(--sp-2);color:var(--text-muted);text-align:right;font-size:11px}.cal-hour-slot{padding:var(--sp-1);gap:var(--sp-1);flex-direction:column;display:flex;position:relative}.cal-now{background:var(--danger);height:2px;position:absolute;left:0;right:0}.cal-event{align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border-radius:var(--r-sm);background:var(--selected);color:var(--text);border-left:3px solid var(--accent);font-size:var(--fs-xs);text-decoration:none;display:flex}.cal-event.done{opacity:.6;text-decoration:line-through}.tags-split{grid-template-columns:300px 1fr}.tags-panel{background:var(--bg)}.tag-index{padding:0 0 var(--sp-4);flex:1;overflow-y:auto}.tag-index .tag-letter{margin:var(--sp-3) var(--sp-4) var(--sp-1);color:var(--text-muted);font-size:10px;font-weight:600}.tag-index .tag-row{padding:0 var(--sp-3) 0 var(--sp-5);border-bottom:1px solid var(--border);align-items:center;min-height:40px;display:flex}.tag-link{color:var(--text);font-size:var(--fs-sm);flex:1;text-decoration:none}.tag-link:hover{color:var(--accent)}.tag-row .menu .btn-icon{opacity:.6;width:28px;height:28px}.tag-row:hover .menu .btn-icon{opacity:1}.settings-dialog{width:min(920px,100vw - 32px);padding:0}.settings-head{padding:var(--sp-4) var(--sp-5);justify-content:space-between;align-items:center;display:flex}.settings-head h2{margin:0}.settings-body{border-top:1px solid var(--border);grid-template-columns:230px 1fr;min-height:440px;display:grid}.settings-nav{padding:var(--sp-3);border-right:1px solid var(--border);flex-direction:column;gap:2px;display:flex}.settings-nav-item{align-items:center;gap:var(--sp-3);height:38px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text);text-align:left;font-size:var(--fs-sm);display:flex}.settings-nav-item svg{color:var(--text-muted)}.settings-nav-item:hover{background:var(--surface)}.settings-nav-item.active{background:var(--selected);color:var(--accent);font-weight:600}.settings-nav-item.active svg{color:var(--accent)}.settings-content{padding:var(--sp-5);max-height:70vh;overflow-y:auto}.theme-options{gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;display:flex}.theme-option{gap:var(--sp-2);font-size:var(--fs-sm);cursor:pointer;flex-direction:column;display:flex}.theme-option:first-child{flex-basis:100%}.theme-option-label{align-items:center;gap:var(--sp-2);display:flex}.theme-option input{accent-color:var(--accent)}.theme-preview{border-radius:var(--r-md);border:2px solid var(--border);background:#fff;grid-template-columns:36% 1fr;width:190px;height:104px;display:grid;overflow:hidden}.theme-option.checked .theme-preview{border-color:var(--accent)}.tp-side{background:#eef2f3;flex-direction:column;gap:6px;padding:10px 8px;display:flex}.tp-main{flex-direction:column;gap:6px;padding:14px 12px;display:flex}.tp-btn{background:linear-gradient(90deg,#1e7a82,#1b5a80);border-radius:4px;width:70%;height:8px}.tp-line{background:#c9d6da;border-radius:2px;height:4px}.tp-line.short{width:60%}.tp-dark{background:#0c1a24}.tp-dark .tp-side{background:#0f1d27}.tp-dark .tp-line{background:#2a4252}.toggle-list li{border-bottom:1px solid var(--border)}.switch-row{min-height:44px;font-size:var(--fs-sm);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.switch{appearance:none;background:var(--border-input);cursor:pointer;width:38px;height:22px;transition:background var(--motion-fast);border-radius:11px;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform var(--motion-fast) var(--motion-ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.usage-grid{gap:0 var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.usage-row{padding:var(--sp-2) 0;border-bottom:1px solid var(--border);font-size:var(--fs-sm);justify-content:space-between;display:flex}.usage-row dd{margin:0;font-weight:600}.usage-storage{margin-top:var(--sp-4)}.meter{background:var(--surface);height:6px;margin:var(--sp-2) 0;border-radius:3px;overflow:hidden}.meter span{background:var(--brand-gradient);height:100%;display:block}.keys-list{gap:var(--sp-3) var(--sp-5);font-size:var(--fs-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.keys-list dd{color:var(--text-muted);margin:0}@media (width<=1200px){.home-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-notes{grid-column:1/-1}.home-row-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=860px){.home-row,.home-row-2,.calendar,.tags-split,.split-files{grid-template-columns:1fr}.tags-split>.editor-pane,.split-files>.file-preview{display:none}.settings-body{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;overflow-x:auto}.settings-nav-item{flex:none}.editor-body{padding:var(--sp-4) var(--sp-4) var(--sp-7)}.note-title{font-size:24px;line-height:32px}.page-toolbar .find-box{width:100%}}.home-notes>.block-title{min-height:28px;margin:0 0 var(--sp-2);align-items:center;display:flex}.block-head .btn-icon{width:28px;height:28px}.cal-hours{position:relative}.login-logo{object-fit:contain;width:40px;height:40px}.switch-label{align-items:center;gap:var(--sp-3);display:inline-flex}.quick-action.is-on{color:var(--accent)}.quick-action.danger:hover{color:var(--danger)}.note-list li{position:relative}.pin-toggle{width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:12px}.pin-toggle svg{fill:currentColor}.pin-toggle:hover{background:var(--selected)}.pin-toggle:hover svg{fill:none}.pin-toggle:disabled{cursor:default}.is-pinned .note-item-meta{padding-right:28px}.is-pinned .note-thumb{top:40px}