:root{--bg:#f6f4ee;--bg-2:#efece4;--bg-3:#e9e5db;--bg-active:#e2ded2;--surface:#fff;--surface-2:#fbfaf7;--border:#e3dfd4;--border-2:#efece4;--border-dash:#c9c4b8;--text:#1c1b18;--text-2:#4a463d;--text-3:#6b675e;--accent:#2e6b5e;--accent-dark:#1f4c43;--accent-soft:#e4efeb;--accent-text:#fff;--danger:#b42318;--danger-soft:#fee2e2;--warn-soft:#fef3c7;--warn-text:#92400e;--mail-soft:#e0e7ff;--mail-text:#3730a3;--p1:#c2410c;--p2:#b45309;--p3:#2563eb;--p4:#9c978b;--glow:transparent;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1c1b180d;--shadow:0 6px 16px #1c1b181a;--shadow-lg:0 16px 40px #1c1b182e;--font:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Instrument Serif", Georgia, serif;--sidebar-w:248px;--detail-w:440px;--tabs-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--is-dark:1}}:root[data-theme=dark],:root[data-theme=nuit],:root[data-theme=braise],:root[data-theme=graphite],:root[data-theme=ocean],:root[data-theme=foret]{--is-dark:1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=nuit]):not([data-theme=braise]):not([data-theme=graphite]):not([data-theme=ocean]):not([data-theme=foret]){--bg:#171614;--bg-2:#1e1d1a;--bg-3:#262420;--bg-active:#2e2b26;--surface:#211f1c;--surface-2:#1b1a17;--border:#322f2a;--border-2:#2a2825;--border-dash:#4a463f;--text:#f1eee6;--text-2:#cfc9bd;--text-3:#9c968a;--accent:#5fa894;--accent-dark:#7dbfac;--accent-soft:#223b35;--accent-text:#0f1a17;--danger:#f08c7f;--danger-soft:#3b1f1c;--warn-soft:#3a2e12;--warn-text:#f2c879;--mail-soft:#26294a;--mail-text:#b9bef7;--p1:#f87c5c;--p2:#f2b95a;--p3:#7ca9ff;--p4:#6f6a60;--shadow-sm:0 1px 2px #0000004d;--shadow:0 6px 16px #0006;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#171614;--bg-2:#1e1d1a;--bg-3:#262420;--bg-active:#2e2b26;--surface:#211f1c;--surface-2:#1b1a17;--border:#322f2a;--border-2:#2a2825;--border-dash:#4a463f;--text:#f1eee6;--text-2:#cfc9bd;--text-3:#9c968a;--accent:#5fa894;--accent-dark:#7dbfac;--accent-soft:#223b35;--accent-text:#0f1a17;--danger:#f08c7f;--danger-soft:#3b1f1c;--warn-soft:#3a2e12;--warn-text:#f2c879;--mail-soft:#26294a;--mail-text:#b9bef7;--p1:#f87c5c;--p2:#f2b95a;--p3:#7ca9ff;--p4:#6f6a60;--shadow-sm:0 1px 2px #0000004d;--shadow:0 6px 16px #0006;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=nuit]{--bg:#0f1322;--bg-2:#141a2e;--bg-3:#1b2340;--bg-active:#232c4f;--surface:#171e35;--surface-2:#131a2e;--border:#262f50;--border-2:#1f2742;--border-dash:#3a4470;--text:#eef0ff;--text-2:#c3c8e8;--text-3:#8b93bf;--accent:#8b7cff;--accent-dark:#a79bff;--accent-soft:#2a2758;--accent-text:#fff;--danger:#ff7a8a;--danger-soft:#3f1f2c;--warn-soft:#3b3218;--warn-text:#ffd37a;--mail-soft:#1f3a5c;--mail-text:#8fd0ff;--p1:#ff7a8a;--p2:#ffb454;--p3:#5cc8ff;--p4:#5c6490;--glow:#8b7cff59;--shadow-sm:0 1px 2px #00000059;--shadow:0 8px 20px #00000073;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=braise]{--bg:#121214;--bg-2:#18181b;--bg-3:#202024;--bg-active:#2a2a30;--surface:#1c1c20;--surface-2:#171719;--border:#2c2c32;--border-2:#242428;--border-dash:#45454d;--text:#f5f3f0;--text-2:#cfcbc6;--text-3:#91908f;--accent:#ff6b4a;--accent-dark:#ff8a70;--accent-soft:#3d2119;--accent-text:#1a0d08;--danger:#ff5c6c;--danger-soft:#3d1a20;--warn-soft:#3a2e12;--warn-text:#ffc86b;--mail-soft:#1f2e4a;--mail-text:#8fc1ff;--p1:#ff5c6c;--p2:#ffb347;--p3:#58b0ff;--p4:#5e5e66;--glow:#ff6b4a59;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 20px #00000080;--shadow-lg:0 16px 40px #000000a6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=graphite]{--bg:#26272b;--bg-2:#2c2d32;--bg-3:#35363c;--bg-active:#3f4047;--surface:#303136;--surface-2:#2a2b30;--border:#42434a;--border-2:#3a3b41;--border-dash:#5c5d66;--text:#f4f3f1;--text-2:#d3d1cd;--text-3:#9b9a98;--accent:#ff7a5c;--accent-dark:#ff9a82;--accent-soft:#4a3129;--accent-text:#1f110c;--danger:#ff6b78;--danger-soft:#4a2a30;--warn-soft:#473a1e;--warn-text:#ffcf7a;--mail-soft:#2e3f5c;--mail-text:#9fcbff;--p1:#ff6b78;--p2:#ffb85c;--p3:#6db8ff;--p4:#74757d;--glow:#ff7a5c47;--shadow-sm:0 1px 2px #00000040;--shadow:0 8px 20px #00000059;--shadow-lg:0 16px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=ocean]{--bg:#0b1620;--bg-2:#0f1d29;--bg-3:#152535;--bg-active:#1c3044;--surface:#112130;--surface-2:#0e1b27;--border:#1f3446;--border-2:#182b3b;--border-dash:#2f4d66;--text:#e8f3f8;--text-2:#b9cdd8;--text-3:#7e98a8;--accent:#2dd4bf;--accent-dark:#5ee6d3;--accent-soft:#123a3a;--accent-text:#05201c;--danger:#ff7b72;--danger-soft:#3c1f22;--warn-soft:#3a3316;--warn-text:#ffd166;--mail-soft:#1b3358;--mail-text:#8fc7ff;--p1:#ff7b72;--p2:#ffb454;--p3:#66b3ff;--p4:#4f6878;--glow:#2dd4bf4d;--shadow-sm:0 1px 2px #00000059;--shadow:0 8px 20px #00000073;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=foret]{--bg:#0e1a16;--bg-2:#12211c;--bg-3:#182b24;--bg-active:#20372e;--surface:#14241e;--surface-2:#101e19;--border:#223a31;--border-2:#1b3029;--border-dash:#34584a;--text:#eef5ef;--text-2:#c4d4c8;--text-3:#849e8e;--accent:#f4b942;--accent-dark:#ffcb5c;--accent-soft:#3a3018;--accent-text:#1e1604;--danger:#ff8577;--danger-soft:#3d2320;--warn-soft:#3a3018;--warn-text:#f4b942;--mail-soft:#1e3448;--mail-text:#8fc7ff;--p1:#ff8577;--p2:#f4b942;--p3:#6cc5a0;--p4:#4f6b5d;--glow:#f4b9424d;--shadow-sm:0 1px 2px #00000059;--shadow:0 8px 20px #00000073;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:14px;line-height:1.4}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3{margin:0}.grow{flex-grow:1}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}kbd{font:600 11px var(--font);color:var(--text-3);border:1px solid var(--border);background:var(--surface);border-radius:5px;padding:1px 6px}.splash{height:100%;font-family:var(--font-display);color:var(--text-3);place-items:center;font-size:32px;display:grid}.app{height:100%;display:flex}.app__main{flex-grow:1;min-width:0;overflow-y:auto}.app__detail{width:var(--detail-w);background:var(--surface);border-left:1px solid var(--border);flex-shrink:0;overflow-y:auto}.app__scrim,.tabs{display:none}.page{flex-direction:column;gap:22px;max-width:1000px;padding:36px 40px 40px 44px;display:flex}.page--wide{max-width:none}.sidebar{width:var(--sidebar-w);background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;height:100%;padding:20px 14px;display:flex;overflow-y:auto}.sidebar__brand{align-items:center;gap:10px;padding:4px 10px 14px;display:flex}.sidebar__logo{background:var(--accent);width:30px;height:30px;color:var(--accent-text);box-shadow:0 0 0 4px var(--glow);border-radius:9px;place-items:center;display:grid}.sidebar__title{letter-spacing:-.02em;font-size:18px;font-weight:700}.avatar{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border:0;border-radius:50%;place-items:center;padding:0;font-size:11px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.sidebar__search{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text-3);text-align:left;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.sidebar__search span{flex-grow:1}.sidebar__group{flex-direction:column;gap:2px;display:flex}.sidebar__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);justify-content:space-between;align-items:center;padding:18px 10px 6px;font-size:11px;font-weight:700;display:flex}.navitem{border-radius:var(--radius-sm);color:var(--text);text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.navitem svg{color:var(--text-3)}.navitem span:not(.dot){white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.navitem .dot{margin:0 4px}.navitem em{color:var(--text-3);font-size:12px;font-style:normal}.navitem__accent{font-weight:700;color:var(--accent)!important}.navitem:hover{background:var(--bg-3)}.navitem.active{background:var(--bg-active);box-shadow:inset 2px 0 0 var(--accent);font-weight:600}.navitem.active svg{color:var(--accent)}.navitem--ghost{color:var(--text-3)}.sidebar--page{width:100%;height:auto;min-height:100%;padding-top:max(20px, env(safe-area-inset-top));border:0}.tree__row{align-items:center;display:flex}.tree__toggle{width:22px;height:28px;color:var(--text-3);background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;margin-left:-4px;padding:0;display:grid}.tree__toggle svg{transition:transform .15s}.tree--open .tree__toggle svg{transform:rotate(90deg)}.tree__toggle:hover{background:var(--bg-3);color:var(--text)}.navitem--tree{padding-left:6px}.tree__children{flex-direction:column;gap:1px;padding:2px 0 4px 18px;display:flex}.navitem--note{padding:5px 8px;font-size:13px;font-weight:500}.navitem--note svg{flex-shrink:0}.navitem--muted{color:var(--text-3);font-size:13px}.pagehead{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.pagehead__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:42px;font-weight:400;line-height:1}.pagehead__sub{color:var(--text-3);padding-bottom:4px;font-size:14px}.pagehead__dot{border-radius:50%;width:14px;height:14px;margin-bottom:8px}.segmented{background:var(--bg-3);border-radius:9px;gap:2px;padding:3px;display:flex}.segmented button{color:var(--text-3);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 11px;font-size:13px;font-weight:500;display:flex}.segmented button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);font-weight:600}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn--primary:hover{background:var(--accent-dark)}.btn--danger{color:var(--danger)}.btn--lg{width:100%;padding:12px 18px;font-size:15px}.btn--sm{padding:6px 10px}.btn:disabled{opacity:.5;cursor:default}.iconbtn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-3);background:0 0;border:0;flex-shrink:0;place-items:center;display:inline-grid}.iconbtn:hover{background:var(--bg-3);color:var(--text)}.iconbtn.is-on{color:var(--accent);background:var(--accent-soft)}.iconbtn--sm{border-radius:6px;width:24px;height:24px}.linkbtn{color:var(--accent);background:0 0;border:0;align-items:center;gap:4px;padding:4px 6px;font-size:12px;font-weight:600;display:inline-flex}.linkbtn:hover{text-decoration:underline}.pill{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-2);align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.pill:hover{background:var(--bg)}.pill--set{color:var(--text);font-weight:600}.pill--danger{color:var(--danger)}.pill--plain{color:var(--text-3);background:0 0;border-color:#0000;padding:4px 8px;font-size:12px}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.chip--rm button{color:var(--text-3);background:0 0;border:0;place-items:center;padding:0;display:grid}.filterchip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:5px 11px;font-size:12px}.filterchip.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.check{--check-color:var(--accent);border:1.5px solid var(--check-color);color:#0000;background:0 0;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;transition:background .12s,color .12s;display:grid}.check:hover{background:color-mix(in srgb, var(--check-color) 15%, transparent);color:var(--check-color)}.check--on{background:var(--check-color);border-color:var(--check-color);color:var(--surface)}.check--on:hover{color:var(--surface)}.check--sm{width:17px;height:17px}.check--lg{width:22px;height:22px}.quickadd{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:12px 16px;display:flex}.quickadd:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 24px var(--glow)}.quickadd__plus{background:var(--accent);width:22px;height:22px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.quickadd__icon{color:var(--text-3);place-items:center;display:grid}.quickadd input{background:0 0;border:0;outline:none;flex-grow:1;min-width:0;font-size:15px}.quickadd input::placeholder{color:var(--text-3)}.sections{flex-direction:column;gap:22px;display:flex}.section{flex-direction:column;gap:8px;display:flex}.section__head{align-items:center;gap:8px;padding:0 4px;display:flex}.section__title{font-size:13px;font-weight:700}.section__head--danger .section__title{color:var(--danger)}.section__head--muted .section__title{color:var(--text-3)}.section__count{color:var(--text-3);font-size:12px}.section__empty{color:var(--text-3);margin:0;padding:14px 4px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list>*+*{border-top:1px solid var(--border-2)}.taskrow{cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:12px 16px;display:flex}.taskrow:hover{background:var(--surface-2)}.taskrow--selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent), inset 0 0 40px var(--glow)}.taskrow--selected:hover{background:var(--accent-soft)}.taskrow__body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.taskrow__title{font-size:15px;line-height:1.3}.taskrow--done .taskrow__title{color:var(--text-3);text-decoration:line-through}.taskrow__sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.taskrow__meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.meta{color:var(--text-3);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.meta--due{color:var(--text-2);font-weight:600}.meta--overdue{color:var(--danger)}.fold{color:var(--text);background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.fold svg{color:var(--text-3);transition:transform .15s}.fold--open svg{transform:rotate(90deg)}.notegrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.notetile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:left;box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.notetile:hover{border-color:var(--accent)}.notetile__title{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.notetile__title svg{color:var(--accent);flex-shrink:0}.notetile__excerpt{color:var(--text-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.notetile__meta{color:var(--text-3);font-size:11px}.archrow{align-items:center;gap:12px;padding:12px 16px;display:flex}.archrow__body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.archrow__title{font-size:14px;font-weight:500}.archrow__title.is-done{color:var(--text-3);text-decoration:line-through}.archrow__sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:12px;display:flex;overflow:hidden}.banner{background:var(--warn-soft);color:var(--warn-text);align-items:center;gap:8px;padding:8px 20px;font-size:13px;display:flex}.detail{flex-direction:column;gap:20px;padding:24px 28px 32px;display:flex}.detail__bar{align-items:center;gap:4px;display:flex}.detail__title{align-items:flex-start;gap:12px;display:flex}.detail__title .check{margin-top:3px}.detail__titleinput{resize:none;letter-spacing:-.01em;background:0 0;border:0;outline:none;flex-grow:1;margin:0;padding:0;font-size:20px;font-weight:700;line-height:1.3;overflow:hidden}.detail__titleinput.is-done{color:var(--text-3);text-decoration:line-through}.detail__pills{flex-wrap:wrap;gap:8px;display:flex}.detail__desc{resize:none;width:100%;color:var(--text-2);background:0 0;border:0;outline:none;padding:0;font-size:14px;line-height:1.55}.detail__desc::placeholder{color:var(--text-3)}.detail__section{flex-direction:column;gap:8px;display:flex}.detail__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.detail__heading span{letter-spacing:0;text-transform:none;font-weight:500}.detail__empty{color:var(--text-3);margin:0;font-size:13px}.subs{flex-direction:column;gap:4px;display:flex}.sub{align-items:center;gap:10px;padding:3px 0;display:flex}.sub input{background:0 0;border:0;outline:none;flex-grow:1;min-width:0;padding:4px 0;font-size:14px}.sub--done input{color:var(--text-3);text-decoration:line-through}.sub--new,.sub--new input::placeholder{color:var(--text-3)}.sub__del{opacity:0}.sub:hover .sub__del{opacity:1}.notecard{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.notecard:hover{border-color:var(--border-dash)}.list .notecard--row{background:0 0;border:0;border-radius:0;padding:12px 16px}.notecard__icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notecard__body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.notecard__title{font-size:14px;font-weight:600}.notecard__sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.atts{flex-direction:column;gap:8px;display:flex}.att{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.att__icon{background:var(--bg-3);width:32px;height:32px;color:var(--text-2);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.att__icon--mail{background:var(--mail-soft);color:var(--mail-text)}.att__icon--pdf{background:var(--danger-soft);color:var(--danger)}.att__icon--xls{background:var(--accent-soft);color:var(--accent)}.att__icon--doc{background:var(--mail-soft);color:var(--mail-text)}.att__icon--img{background:var(--warn-soft);color:var(--warn-text)}.att__body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.att__name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.att__sub{color:var(--text-3);font-size:12px}.att__open{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:7px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none}.att__del{opacity:0}.att:hover .att__del{opacity:1}.dropzone{border:1.5px dashed var(--border-dash);color:var(--text-3);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:13px;transition:background .12s,border-color .12s;display:flex}.dropzone:hover{border-color:var(--accent);color:var(--accent)}.dropzone--over{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dropzone--compact{padding:12px;font-size:12px}.popover{display:inline-flex;position:relative}.popover__panel{z-index:30;min-width:220px;position:absolute;top:calc(100% + 6px)}.popover__panel--left{left:0}.popover__panel--right{right:0}.menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:1px;padding:6px;display:flex}.menu--scroll{max-height:320px;overflow-y:auto}.menu__item{text-align:left;white-space:nowrap;width:100%;color:var(--text);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.menu__item:hover{background:var(--bg)}.menu__item--danger{color:var(--danger)}.menu__item svg{color:var(--text-3);flex-shrink:0}.menu__info{flex-direction:column;gap:2px;padding:8px 10px;font-size:13px;display:flex}.menu__info span{color:var(--text-3);font-size:12px}.themes{flex-direction:column;gap:2px;padding:4px 0;display:flex}.themes__title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 4px;font-size:11px;font-weight:700}.theme{text-align:left;color:var(--text);background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:13px;display:flex}.theme:hover{background:var(--bg)}.theme.is-on{background:var(--accent-soft);font-weight:600}.theme__swatch{border:1px solid #ffffff1f;border-radius:5px;flex-shrink:0;width:26px;height:18px;display:flex;overflow:hidden}.theme__swatch i{flex:1 1 0;display:block}.menu__sep{background:var(--border-2);height:1px;margin:4px 0}.menu__field{color:var(--text-3);justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.menu__field input{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:4px 6px;font-size:13px}.menu__inline{padding:4px 8px}.menu__inline input{font-size:13px}.dialog__backdrop{z-index:50;background:#1c1b1859;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-lg);border-radius:14px;padding:20px 22px 22px}.dialog__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog__head h2{font-size:17px;font-weight:700}.form{flex-direction:column;gap:12px;display:flex}.form label,.form__label{color:var(--text-3);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:9px 11px;font-size:14px}.form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 20px var(--glow);outline:none}.form__actions{gap:8px;margin-top:8px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:3px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.swatch--on{border-color:var(--text)}.kanban{align-items:flex-start;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.kcol{border-radius:var(--radius);flex-direction:column;flex-shrink:0;gap:10px;width:272px;padding:4px;transition:background .12s;display:flex}.kcol--over{background:var(--bg-3)}.kcol__head{align-items:center;gap:8px;padding:0 4px;display:flex}.kcol__title{font-size:13px;font-weight:700}.kcol__count{color:var(--text-3);font-size:12px}.kcol__list{flex-direction:column;gap:8px;min-height:60px;display:flex}.kcol__new{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface);outline:none;padding:12px 14px;font-size:14px}.kcol__add{color:var(--text-3);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.kcol__add:hover{background:var(--bg-3)}.kcard{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:grab;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.kcard:hover{border-color:var(--border-dash)}.kcard--overlay{box-shadow:var(--shadow), 0 0 30px var(--glow);border-color:var(--accent);cursor:grabbing;transform:rotate(-1.5deg)}.kcard--done{background:var(--surface-2)}.kcard--done .kcard__title{color:var(--text-3);font-weight:500;text-decoration:line-through}.kcard__top{align-items:flex-start;gap:10px;display:flex}.kcard__top .check{margin-top:1px}.kcard__title{font-size:14px;font-weight:600;line-height:1.35}.kcard__progress{color:var(--text-3);align-items:center;gap:8px;font-size:11px;display:flex}.bar{background:var(--border-2);border-radius:999px;flex-grow:1;height:4px;overflow:hidden}.bar>div{background:var(--accent);border-radius:999px;height:100%}.kcard__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notes{height:100%;display:flex}.notes__list{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow-y:auto}.notes__head{align-items:center;gap:10px;padding:32px 20px 14px;display:flex}.notes__head .pagehead__title{font-size:34px}.notes__filters{flex-wrap:wrap;gap:6px;padding:0 20px 12px;display:flex}.notes__nb{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:999px;padding:4px 8px;font-size:12px}.notes__items{flex-direction:column;gap:4px;padding:0 12px 20px;display:flex}.noteitem{text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:5px;width:100%;padding:12px 14px;display:flex}.noteitem:hover{background:var(--bg-2)}.noteitem--on{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.noteitem__title{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.noteitem__title svg{color:var(--accent)}.noteitem__excerpt{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.noteitem__meta{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:flex}.noteitem__meta .dot{width:7px;height:7px}.notes__editor{background:var(--surface);flex-direction:column;flex-grow:1;min-width:0;display:flex}.notes__placeholder{color:var(--text-3);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:12px;display:flex}.editor{flex-direction:column;height:100%;display:flex}.editor__bar{border-bottom:1px solid var(--border-2);flex-shrink:0;align-items:center;gap:8px;padding:14px 20px;display:flex}.editor__back{display:none}.editor__saved{color:var(--text-3);font-size:12px}.editor__scroll{flex-grow:1;display:flex;overflow-y:auto}.editor__main{flex-direction:column;flex-grow:1;gap:14px;min-width:0;padding:32px 44px 60px;display:flex}.editor__side{border-left:1px solid var(--border-2);background:var(--surface-2);flex-direction:column;flex-shrink:0;gap:8px;width:300px;padding:26px 22px;display:flex}.editor__title{font-family:var(--font-display);letter-spacing:-.01em;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:36px;line-height:1.15}.editor__title::placeholder{color:var(--border-dash)}.editor__tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.editor__taginput{border:1px dashed var(--border-dash);width:110px;color:var(--text-2);background:0 0;border-radius:999px;outline:none;padding:3px 9px;font-size:12px}.toolbar{background:var(--bg);border:1px solid var(--border);z-index:2;border-radius:9px;align-self:flex-start;gap:2px;padding:4px;display:flex;position:sticky;top:0}.toolbar button{width:32px;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.toolbar button:hover{background:var(--bg-3)}.toolbar button.is-on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.linkedtask{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.linkedtask .check{margin-top:2px}.linkedtask__body{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.linkedtask__title{font-size:13px;font-weight:600;line-height:1.35}.linkedtask.is-done .linkedtask__title{color:var(--text-3);text-decoration:line-through}.prose{flex-grow:1}.prose .tiptap{outline:none;min-height:300px;font-size:15px;line-height:1.6}.prose .tiptap>*+*{margin-top:.6em}.prose .tiptap p{margin:0}.prose .tiptap h1,.prose .tiptap h2,.prose .tiptap h3{margin-top:1.1em;font-weight:700;line-height:1.25}.prose .tiptap h1{font-size:24px}.prose .tiptap h2{font-size:19px}.prose .tiptap h3{font-size:16px}.prose .tiptap ul,.prose .tiptap ol{margin:0;padding-left:22px}.prose .tiptap li+li{margin-top:3px}.prose .tiptap blockquote{border-left:3px solid var(--border-dash);color:var(--text-2);margin:0;padding-left:14px}.prose .tiptap pre{background:var(--bg);border-radius:8px;padding:12px 14px;font-size:13px;overflow-x:auto}.prose .tiptap code{background:var(--bg);border-radius:4px;padding:1px 5px;font-size:.92em}.prose .tiptap pre code{background:0 0;padding:0}.prose .tiptap a{color:var(--accent)}.prose .tiptap ul[data-type=taskList]{padding-left:2px;list-style:none}.prose .tiptap ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.prose .tiptap ul[data-type=taskList] li>label{flex-shrink:0;margin-top:3px}.prose .tiptap ul[data-type=taskList] li>div{flex-grow:1}.prose .tiptap ul[data-type=taskList] li[data-checked=true]>div{color:var(--text-3);text-decoration:line-through}.prose .tiptap input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.prose .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-3);pointer-events:none;height:0}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login__card{background:var(--surface);border:1px solid var(--border);width:min(380px,100%);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:16px;padding:32px 28px;display:flex}.login__brand{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px;display:flex}.login__brand h1{font-family:var(--font-display);font-size:36px;font-weight:400}.login__brand p{color:var(--text-3);margin:0}.login__error{color:var(--danger);text-align:center;margin:0;font-size:13px}.login__alt{color:var(--text-3);background:0 0;border:0;font-size:13px;text-decoration:underline}.login__form{flex-direction:column;gap:10px;display:flex}.login__form label{color:var(--text-3);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.login__form input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:9px 11px;font-size:14px}@media (width<=1180px){.editor__scroll{flex-direction:column}.editor__side{border-left:0;border-top:1px solid var(--border-2);width:auto}.app--detail .editor__side{display:none}}@media (width<=1100px){.app__detail{z-index:40;box-shadow:var(--shadow-lg);width:min(var(--detail-w), 100%);position:fixed;top:0;bottom:0;right:0}.app__scrim{z-index:39;background:#1c1b184d;display:block;position:fixed;inset:0}}@media (width<=800px){.sidebar:not(.sidebar--page){display:none}.app{flex-direction:column}.app__main{padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom))}.tabs{z-index:35;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.tabs__item{color:var(--text-3);border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex}.tabs__item.active{color:var(--accent);font-weight:700}.page{padding:calc(20px + env(safe-area-inset-top)) 16px 24px;gap:16px}.pagehead__title{font-size:34px}.quickadd{padding:10px 14px}.quickadd input{font-size:16px}.taskrow{gap:12px;padding:12px 14px}.taskrow__meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:45%}.taskrow__meta .chip{display:none}.detail{padding:calc(16px + env(safe-area-inset-top)) 18px 40px}.app__detail{width:100%}.notes__list{border-right:0;width:100%}.notes__editor,.notes--open .notes__list{display:none}.notes--open .notes__editor{display:flex}.editor__back{display:inline-grid}.editor__saved{display:none}.editor__bar{padding:calc(10px + env(safe-area-inset-top)) 10px 10px;flex-wrap:wrap}.editor__main{padding:20px 18px 40px}.editor__title{font-size:30px}.editor__side{padding:20px 18px 30px}.notes__head{padding-top:calc(20px + env(safe-area-inset-top))}.kanban{gap:12px}.kcol{width:82vw}.segmented button span{display:none}input,textarea,select{font-size:16px}}