@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-ext-400-normal-C2zvOubV.woff2)format("woff2"),url(/assets/dm-mono-latin-ext-400-normal-1aZr6b2b.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-mono-latin-400-normal-4GdczIuU.woff2)format("woff2"),url(/assets/dm-mono-latin-400-normal--0xN8mdc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#fff;--color-surface:#fff;--color-surface-raised:#fff;--color-ink:#111;--color-muted:#6b6b6b;--color-line:#e4e4e4;--color-accent:#111;--color-accent-soft:#f1f1f1;--color-positive:#4f4f4f;--color-selection:#e5e9f8;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", "SFMono-Regular", Consolas, monospace;--radius-control:12px;--radius-card:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-soft:0 12px 30px #1b1d1a0f}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#101010;--color-surface:#161616;--color-surface-raised:#1d1d1d;--color-ink:#f5f5f5;--color-muted:#a4a4a4;--color-line:#303030;--color-accent:#f5f5f5;--color-accent-soft:#292929;--color-positive:#c6c6c6;--color-selection:#303030;--shadow-soft:0 12px 30px #0003}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}#app{min-height:100dvh}.wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.06em;font-size:28px;font-weight:700;text-decoration:none}.wordmark span{color:var(--color-accent)}.intro em,.landing-hero em{color:var(--color-ink);text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.06em}.eyebrow,.phase-label,.contract-label,.status,.footer-note,.hero-index,.sidebar-caption,.empty-index{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.eyebrow{margin:0 0 var(--space-6);color:var(--color-accent)}.button,.text-link,.icon-button{cursor:pointer}.button{justify-content:center;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-control);border:1px solid #0000;font-weight:700;text-decoration:none;transition:transform .18s,background-color .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-primary{background:var(--color-accent);color:var(--color-canvas)}.button-primary:hover{background:var(--color-ink)}.text-link{align-items:center;gap:var(--space-2);color:var(--color-ink);font-weight:700;text-decoration:none;display:inline-flex}.text-link span{color:var(--color-accent);transition:transform .18s}.text-link:hover span{transform:translate(2px,-2px)}.icon-button{border:1px solid var(--color-line);background:0 0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:17px;line-height:1;transition:background-color .18s,border-color .18s;display:inline-grid}.icon-button:hover{border-color:var(--color-ink);background:var(--color-surface)}.phase-page{width:min(100%,1440px);min-height:100dvh;padding:var(--space-6) clamp(20px, 5vw, 72px) var(--space-6);grid-template-rows:auto 1fr auto;margin:0 auto;display:grid}.topbar,.footer-note{justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-4);display:flex}.phase-label,.footer-note{color:var(--color-muted)}.intro{align-self:center;max-width:780px;padding:clamp(64px,12vh,144px) 0 clamp(64px,10vh,120px)}.intro h1,.workspace-heading h1,.auth-copy h1,.landing-hero h1,.section-heading h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-weight:700}.intro h1{max-width:720px;font-size:clamp(58px,10vw,144px);line-height:.84}.intro h1 em{font-style:normal}.lede{max-width:460px;margin-top:var(--space-8);color:var(--color-muted);font-size:clamp(18px,2vw,22px);line-height:1.35}.status{align-items:center;gap:var(--space-2);margin-top:var(--space-8);color:var(--color-positive);display:inline-flex}.status-dot{background:var(--color-positive);border-radius:50%;width:8px;height:8px}.contract-grid{border:1px solid var(--color-line);background:var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.contract-card{min-height:190px;padding:var(--space-6);background:var(--color-surface)}.contract-label{margin-bottom:var(--space-10);color:var(--color-accent);display:block}.contract-card h2{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(24px,3vw,36px);line-height:.95}.contract-card p{max-width:32ch;color:var(--color-muted);margin:0}.footer-note{padding-top:var(--space-6);border-bottom:0;padding-bottom:0}.landing-page,.auth-page{width:min(100%,1440px);min-height:100dvh;padding:var(--space-6) clamp(20px, 5vw, 72px) var(--space-8);margin:0 auto}.landing-nav,.auth-nav{justify-content:space-between;align-items:center;min-height:44px;display:flex}.landing-links{align-items:center;gap:clamp(16px,3vw,40px);font-size:14px;font-weight:700;display:flex}.landing-links a{text-decoration:none}.landing-links a:hover{color:var(--color-accent)}.landing-hero{grid-template-columns:minmax(300px,.78fr) minmax(480px,1.22fr);align-items:center;gap:clamp(40px,7vw,112px);min-height:min(760px,100dvh - 100px);padding:clamp(72px,10vh,128px) 0 clamp(84px,12vh,152px);display:grid}.hero-copy{max-width:560px}.nav-cta{background:var(--color-ink);color:var(--color-canvas);border-radius:8px;padding:10px 15px}.nav-cta:hover{opacity:.8;color:var(--color-canvas)!important}.landing-hero h1{max-width:900px;font-size:clamp(54px,8.7vw,128px);line-height:.87}.landing-hero em{font-style:normal}.hero-lede{max-width:480px;margin:var(--space-8) 0 0;color:var(--color-muted);font-size:clamp(18px,2vw,23px);line-height:1.35}.hero-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);display:flex}.hero-index{display:none}.hero-visual{min-width:0}.hero-visual-label{margin-bottom:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.hero-auth-actions{align-items:flex-start}.hero-footnote{margin-top:var(--space-4);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px}.hero-index span:first-child{color:var(--color-accent);font-size:18px}.principles{border-top:1px solid var(--color-line);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:clamp(40px,10vw,160px);padding:clamp(64px,10vw,128px) 0;display:grid}.section-heading h2{max-width:430px;font-size:clamp(36px,5vw,68px);line-height:.92}.principle-list{border-top:1px solid var(--color-line)}.principle-list article{gap:var(--space-4);border-bottom:1px solid var(--color-line);padding:var(--space-5) 0;grid-template-columns:48px minmax(100px,.65fr) minmax(0,1fr);align-items:baseline;display:grid}.principle-list article>span{color:var(--color-accent);font-family:var(--font-mono);font-size:11px}.principle-list h3{margin:0;font-size:18px}.principle-list p{color:var(--color-muted);margin:0}.landing-footer{justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-line);padding-top:var(--space-5);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:flex}.auth-page{grid-template-rows:auto 1fr;display:grid}.auth-panel{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(48px,12vw,180px);width:min(100%,1080px);margin:0 auto;padding:clamp(72px,12vh,150px) 0;display:grid}.auth-copy h1{max-width:580px;font-size:clamp(52px,7vw,100px);line-height:.88}.auth-copy>p:last-child{max-width:340px;margin-top:var(--space-6);color:var(--color-muted);font-size:18px}.clerk-frame{border-radius:var(--radius-card);background:var(--color-surface-raised);width:100%;max-width:400px;box-shadow:var(--shadow-soft);overflow:hidden}.config-notice{border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-8);background:var(--color-surface)}.config-notice strong{font-family:var(--font-display);font-size:28px;line-height:1;display:block}.config-notice p{margin:var(--space-4) 0 var(--space-6);color:var(--color-muted)}.notes-controls{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.notes-controls select,.filter-button,.note-folder{border:1px solid var(--color-line);min-height:36px;padding:0 var(--space-3);background:var(--color-canvas);color:var(--color-muted);cursor:pointer;border-radius:9px;font-size:13px}.filter-button:hover,.filter-button.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.notes-heading{margin-bottom:var(--space-6)}.notes-layout{border:1px solid var(--color-line);background:var(--color-canvas);grid-template-columns:250px minmax(0,1fr);min-height:560px;display:grid}.notes-list{border-right:1px solid var(--color-line);min-width:0;padding:var(--space-3)}.notes-search input{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);width:100%;color:var(--color-ink);outline:0;padding:10px 12px;font-size:14px}.notes-search input:focus{border-color:var(--color-accent)}.note-list-item{width:100%;margin-top:var(--space-2);border-radius:var(--radius-control);padding:var(--space-3);cursor:pointer;text-align:left;background:0 0;border:0;gap:3px;transition:background-color .18s;display:grid}.note-list-item:hover,.note-list-item.active{background:var(--color-surface-raised)}.note-list-item strong,.note-list-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-list-item strong{font-size:14px}.note-list-item span,.list-empty{color:var(--color-muted);font-size:13px}.list-empty{padding:var(--space-4)}.editor-column{background:var(--color-surface-raised);min-width:0}.note-editor{min-height:560px;padding:clamp(20px,5vw,56px)}.note-editor-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.sync-copy{align-items:center;gap:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;display:inline-flex}.sync-copy .status-dot{background:var(--color-positive)}.sync-copy .status-dot.is-pending{background:var(--color-accent)}.sync-copy .status-dot.is-failed{background:#b13d35}.note-actions{gap:var(--space-4);display:flex}.quiet-button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.quiet-button:hover,.quiet-button.danger:hover{color:var(--color-ink)}.quiet-button.danger:hover{color:var(--color-accent)}.note-title{width:100%;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.055em;background:0 0;border:0;outline:0;padding:0;font-size:clamp(40px,6vw,76px);font-weight:700;line-height:.9}.note-tags{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.tag-chip{border:1px solid var(--color-line);color:var(--color-muted);cursor:pointer;font-family:var(--font-mono);background:0 0;border-radius:999px;padding:5px 10px;font-size:10px}.tag-chip:hover,.tag-chip.active{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-ink)}.editor-toolbar{gap:var(--space-2);margin:var(--space-8) 0 var(--space-6);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:var(--space-3) 0;display:flex}.editor-toolbar button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:13px}.editor-toolbar button:hover,.editor-toolbar button.active{background:var(--color-accent-soft);color:var(--color-ink)}.note-prose{min-height:300px;color:var(--color-ink);outline:0;font-size:18px;line-height:1.65}.note-prose p{margin:0 0 var(--space-4)}.note-prose h2{margin:var(--space-8) 0 var(--space-3);font-family:var(--font-display);font-size:32px;line-height:1}.note-prose ul,.note-prose ol{padding-left:var(--space-6)}.note-prose pre{border-radius:var(--radius-control);padding:var(--space-4);background:var(--color-canvas);font-family:var(--font-mono);font-size:14px;overflow-x:auto}.inline-notice{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);background:var(--color-canvas);color:var(--color-muted);font-size:13px;display:flex}.inline-notice.error{border-color:var(--color-accent);color:var(--color-ink)}.note-empty{padding:clamp(48px,8vw,96px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.palette-trigger{z-index:5;align-items:center;gap:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface-raised);box-shadow:var(--shadow-soft);color:var(--color-muted);cursor:pointer;border-radius:999px;padding:8px 10px 8px 14px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px}.palette-trigger:hover{color:var(--color-ink)}kbd{border:1px solid var(--color-line);background:var(--color-canvas);color:var(--color-muted);font-family:var(--font-mono);border-radius:5px;padding:2px 6px;font-size:10px}.palette-backdrop{z-index:10;background:#1b1d1a59;place-items:start center;padding:15vh 20px 20px;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised);width:min(100%,580px);overflow:hidden;box-shadow:0 24px 80px #1b1d1a38}.command-palette>input{border:0;border-bottom:1px solid var(--color-line);width:100%;color:var(--color-ink);background:0 0;outline:0;padding:20px 24px;font-size:18px}.command-list{padding:var(--space-2)}.command-list button{border-radius:var(--radius-control);width:100%;color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:13px 14px;display:flex}.command-list button:hover{background:var(--color-accent-soft)}.command-list p,.command-palette footer{padding:var(--space-3) var(--space-4);color:var(--color-muted);font-size:13px}.command-palette footer{border-top:1px solid var(--color-line);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.product-section{border-top:1px solid var(--color-line);padding:clamp(64px,10vw,128px) 0 clamp(72px,12vw,160px)}.product-heading h2{font-size:clamp(42px,6vw,80px);line-height:.88}.product-preview{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-raised);width:min(100%,980px);min-height:500px;box-shadow:var(--shadow-soft);grid-template-columns:180px minmax(0,1fr);margin:clamp(48px,7vw,88px) auto 0;display:grid;overflow:hidden}.preview-sidebar{border-right:1px solid var(--color-line);padding:var(--space-6);background:var(--color-canvas);flex-direction:column;display:flex}.preview-wordmark{font-family:var(--font-display);letter-spacing:-.06em;font-size:24px;font-weight:700}.preview-wordmark span{color:var(--color-muted)}.preview-nav{margin-top:var(--space-10);gap:7px;display:grid}.preview-nav span{color:var(--color-muted);border-radius:8px;justify-content:space-between;padding:9px 10px;font-size:12px;display:flex}.preview-nav span.selected{background:var(--color-surface-raised);color:var(--color-ink)}.preview-nav small{font-family:var(--font-mono);font-size:9px}.preview-caption{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:auto;font-size:9px}.preview-main{padding:var(--space-8) clamp(24px, 6vw, 72px)}.preview-topline,.preview-task{justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;display:flex}.preview-note{max-width:570px;padding:clamp(64px,10vw,120px) 0 72px}.preview-label{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.preview-note h3{margin:var(--space-4) 0 var(--space-3);font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(42px,6vw,72px);line-height:.9}.preview-note p{max-width:370px;color:var(--color-muted);font-size:15px}.preview-line,.preview-lines{height:1px;margin-top:var(--space-8);background:var(--color-line)}.preview-lines{width:68%;margin-top:var(--space-3)}.preview-tasks{gap:var(--space-3);border-top:1px solid var(--color-line);padding-top:var(--space-4);display:grid}.preview-task{color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;text-transform:none;justify-content:flex-start;font-size:13px}.preview-check{border:1px solid var(--color-line);width:18px;height:18px;color:var(--color-muted);border-radius:50%;place-items:center;font-size:11px;display:inline-grid}.task-count{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:11px}.task-form{gap:var(--space-2);margin:var(--space-6) 0;border:1px solid var(--color-line);padding:var(--space-3);background:var(--color-canvas);grid-template-columns:minmax(200px,2fr) minmax(120px,1.3fr) repeat(4,minmax(100px,1fr)) auto;display:grid}.task-form label{gap:var(--space-2);display:grid}.task-form label>span{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.task-form input,.task-form select{border:1px solid var(--color-line);background:var(--color-surface-raised);width:100%;min-width:0;color:var(--color-ink);border-radius:8px;outline:0;padding:10px;font-size:13px}.task-form input:focus,.task-form select:focus{border-color:var(--color-accent)}.task-form .button{min-height:42px;padding:0 var(--space-4);align-self:end}.task-filters{gap:var(--space-4);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-3);display:flex}.task-filters button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:5px 0;font-size:13px}.task-filters button:hover,.task-filters button.active{border-bottom-color:var(--color-accent);color:var(--color-ink)}.task-list{border-bottom:1px solid var(--color-line)}.task-row{gap:var(--space-3);border-bottom:1px solid var(--color-line);padding:var(--space-4) 0;grid-template-columns:30px minmax(0,1fr) auto auto auto auto;align-items:center;display:grid}.task-row.subtask{padding-left:var(--space-8)}.task-row.completed .task-main strong{color:var(--color-muted);text-decoration:line-through}.task-check{border:1px solid var(--color-line);width:24px;height:24px;color:var(--color-accent);cursor:pointer;background:0 0;border-radius:50%;place-items:center;font-weight:700;display:grid}.task-row.completed .task-check{border-color:var(--color-positive)}.task-main{gap:2px;min-width:0;display:grid}.task-main strong,.task-main span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-main strong{font-size:15px}.task-main span,.task-date,.priority,.task-more{color:var(--color-muted);font-size:12px}.priority{font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.priority-high{color:var(--color-accent)}.priority-medium{color:var(--color-ink)}.task-more{cursor:pointer;background:0 0;border:0}.task-more:hover{color:var(--color-ink)}.task-more.danger:hover{color:var(--color-accent)}.task-empty{padding-left:0}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100dvh;display:grid}.app-sidebar{border-right:1px solid var(--color-line);padding:var(--space-8) var(--space-6);flex-direction:column;display:flex}.sidebar-top{padding-bottom:var(--space-10)}.sidebar-caption{margin:var(--space-2) 0 0;color:var(--color-muted)}.app-nav{gap:var(--space-2);display:grid}.app-nav a,.sidebar-bottom>a,.theme-row{border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);color:var(--color-muted);background:0 0;border:0;justify-content:space-between;align-items:center;font-size:14px;text-decoration:none;transition:background-color .18s,color .18s;display:flex}.app-nav a:hover,.app-nav a.router-link-active,.sidebar-bottom>a:hover,.theme-row:hover{background:var(--color-surface);color:var(--color-ink)}.app-nav a span{font-family:var(--font-mono);font-size:10px}.sidebar-bottom{gap:var(--space-2);margin-top:auto;display:grid}.theme-row{cursor:pointer;text-align:left;width:100%}.app-content{background:var(--color-surface);min-width:0}.workspace-view{width:min(100%,1120px);margin:0 auto;padding:clamp(32px,6vw,80px) clamp(20px,5vw,72px)}.workspace-heading{justify-content:space-between;align-items:end;gap:var(--space-6);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-8);display:flex}.workspace-heading h1{font-size:clamp(48px,7vw,100px);line-height:.85}.workspace-empty{max-width:560px;padding:clamp(72px,12vw,160px) 0}.workspace-empty.compact{padding:var(--space-12) 0}.empty-index{color:var(--color-accent)}.workspace-empty h2{margin:var(--space-5) 0 var(--space-3);font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:.95}.workspace-empty p{max-width:420px;color:var(--color-muted)}.search-field{gap:var(--space-2);margin-top:var(--space-8);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px;display:grid}.search-field input{border:1px solid var(--color-line);border-radius:var(--radius-control);width:100%;padding:var(--space-4);background:var(--color-surface-raised);color:var(--color-ink);font-family:var(--font-body);text-transform:none;outline:0;font-size:18px}.search-field input:focus{border-color:var(--color-accent)}.search-shortcut{color:var(--color-muted);font-family:var(--font-mono);font-size:12px}.search-results{margin-top:var(--space-8);border-top:1px solid var(--color-line);display:grid}.search-result{gap:var(--space-4);border-bottom:1px solid var(--color-line);padding:var(--space-4) 0;grid-template-columns:80px minmax(0,.7fr) minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.search-result:hover strong{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:4px}.search-result>span,.search-result small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-result>span{font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.search-result strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-list{margin-top:var(--space-8);border-top:1px solid var(--color-line)}.settings-list div{justify-content:space-between;gap:var(--space-6);border-bottom:1px solid var(--color-line);padding:var(--space-5) 0;display:flex}.settings-list span{color:var(--color-muted)}.settings-list strong{text-align:right;font-weight:600}.auth-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;color:var(--color-muted);display:flex}@media (width<=767px){.phase-page,.landing-page,.auth-page{padding-left:20px;padding-right:20px}.phase-label{font-size:10px}.intro{padding:80px 0 72px}.intro h1{font-size:clamp(58px,18vw,92px)}.contract-grid{grid-template-columns:1fr}.contract-card{min-height:auto}.landing-links{gap:var(--space-3);font-size:13px}.landing-links a:first-child{display:none}.landing-hero{min-height:auto;padding:96px 0 88px;display:block}.landing-hero h1{font-size:clamp(54px,16vw,84px)}.hero-actions{align-items:flex-start;gap:var(--space-5);flex-direction:column}.hero-index{display:none}.hero-visual{margin-top:72px}.product-preview{grid-template-columns:1fr;min-height:0}.preview-sidebar{border-right:0;border-bottom:1px solid var(--color-line);display:block}.preview-nav{gap:var(--space-2);margin-top:var(--space-5);display:flex}.preview-nav span{white-space:nowrap;flex:1}.preview-caption{display:none}.preview-main{padding:var(--space-6) 20px}.preview-note{padding:72px 0}.principles{padding:72px 0;display:block}.section-heading{margin-bottom:var(--space-10)}.principle-list article{grid-template-columns:40px minmax(0,1fr)}.principle-list p{grid-column:2}.landing-footer,.footer-note{align-items:flex-start;gap:var(--space-2);flex-direction:column}.auth-panel{padding:80px 0;display:block}.auth-copy{margin-bottom:var(--space-10)}.auth-copy h1{font-size:clamp(54px,16vw,84px)}.app-shell,.notes-layout{display:block}.notes-list{border-right:0;border-bottom:1px solid var(--color-line)}.note-list-item{display:none}.note-list-item.active{display:grid}.note-editor{min-height:460px;padding:24px 20px}.note-editor-actions{flex-direction:column;align-items:flex-start}.note-actions{flex-wrap:wrap}.inline-notice{flex-direction:column;align-items:flex-start}.app-sidebar{border-right:0;border-bottom:1px solid var(--color-line);padding:var(--space-4) 20px;display:block}.sidebar-top{padding-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.sidebar-caption{margin:0}.app-nav{gap:var(--space-2);display:flex;overflow-x:auto}.app-nav a{white-space:nowrap;flex:none}.sidebar-bottom{display:none}.workspace-heading{flex-direction:column;align-items:flex-start}.task-form{padding:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.task-form .task-title-field,.task-form .button{grid-column:1/-1}.task-row{grid-template-columns:30px minmax(0,1fr) auto}.task-row .priority,.task-row .task-date,.task-row .task-more{grid-row:2}.task-row .priority{grid-column:2}.task-row .task-date{grid-column:3}.task-row .task-more{display:none}.workspace-heading .button{width:100%}.settings-list div{align-items:flex-start;gap:var(--space-2);flex-direction:column}.settings-list strong{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reference-landing{width:min(100%,1440px);min-height:100dvh;margin:0 auto;padding:20px clamp(20px,5vw,72px) 32px}.reference-nav{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;min-height:54px;display:flex}.reference-wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.07em;font-size:29px;font-weight:700;text-decoration:none}.reference-wordmark span,.preview-symbol span{color:var(--color-muted)}.reference-nav nav{color:var(--color-muted);align-items:center;gap:clamp(14px,2.8vw,36px);font-size:14px;display:flex}.reference-nav nav a{text-decoration:none}.reference-nav nav a:hover{color:var(--color-ink)}.reference-theme{border:1px solid var(--color-line);width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;font-size:14px;line-height:1}.reference-theme:hover{color:var(--color-ink)}.reference-cta,.reference-primary{border-radius:8px;justify-content:center;align-items:center;gap:12px;font-weight:700;text-decoration:none;transition:transform .18s,opacity .18s;display:inline-flex}.reference-cta{background:var(--color-ink);padding:10px 16px;color:var(--color-canvas)!important}.reference-primary{background:var(--color-ink);min-height:48px;color:var(--color-canvas);padding:0 20px}.reference-cta:hover,.reference-primary:hover{opacity:.82;transform:translateY(-2px)}.reference-hero{text-align:center;justify-items:center;padding:clamp(88px,13vh,156px) 0 clamp(72px,10vh,120px);display:grid}.reference-kicker,.reference-product-label,.preview-nav-label,.preview-editor-meta,.preview-status,.preview-today-link{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.reference-kicker{margin:0 0 var(--space-5)}.reference-hero h1{max-width:820px;font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(58px,9vw,132px);font-weight:700;line-height:.84}.reference-hero h1 em{color:var(--color-ink);text-underline-offset:.08em;font-style:normal;text-decoration:underline;text-decoration-thickness:.045em}.reference-lede{max-width:400px;margin:var(--space-6) 0 0;color:var(--color-muted);font-size:18px}.reference-hero .reference-primary{margin-top:var(--space-6)}.reference-product{width:min(100%,1180px);margin:0 auto}.reference-product-label{border-top:1px solid var(--color-line);padding:var(--space-4) 0;justify-content:space-between;display:flex}.app-preview{border:1px solid var(--color-line);background:var(--color-surface-raised);box-shadow:var(--shadow-soft);border-radius:20px;overflow:hidden}.app-preview-header{border-bottom:1px solid var(--color-line);grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 22px;display:grid}.preview-symbol{font-family:var(--font-display);letter-spacing:-.06em;font-size:22px;font-weight:700}.preview-context{color:var(--color-muted);font-size:12px}.preview-status{justify-content:end;align-items:center;gap:7px;display:flex}.preview-status i{background:var(--color-positive);border-radius:50%;width:6px;height:6px}.app-preview-body{grid-template-columns:180px minmax(0,1fr) 220px;min-height:480px;display:grid}.app-preview-sidebar,.app-preview-today{background:var(--color-canvas);flex-direction:column;gap:7px;padding:24px 18px;display:flex}.app-preview-sidebar{border-right:1px solid var(--color-line)}.app-preview-today{border-left:1px solid var(--color-line)}.preview-nav-label{margin:4px 8px 12px;font-size:9px}.preview-nav-item,.preview-folder{color:var(--color-muted);border-radius:8px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:12px;display:flex}.preview-nav-item.active,.preview-folder:hover{background:var(--color-surface-raised);color:var(--color-ink)}.preview-nav-item small{font-family:var(--font-mono);font-size:9px}.preview-nav-bottom{margin-top:32px}.preview-folder{justify-content:flex-start;gap:8px}.preview-folder:before{border:1px solid var(--color-muted);content:"";border-radius:2px;width:7px;height:7px}.app-preview-editor{padding:clamp(32px,7vw,88px) clamp(24px,7vw,92px)}.preview-editor-meta{justify-content:space-between;gap:16px;font-size:9px;display:flex}.app-preview-editor h2{font-family:var(--font-display);letter-spacing:-.065em;margin:56px 0 16px;font-size:clamp(38px,5vw,66px);line-height:.88}.app-preview-editor p{max-width:380px;color:var(--color-muted);font-size:15px;line-height:1.5}.preview-rule{background:var(--color-line);height:1px;margin:44px 0 18px}.preview-fake-line{background:var(--color-accent-soft);border-radius:3px;height:8px;margin-top:10px}.preview-fake-line.long{width:88%}.preview-fake-line.medium{width:70%}.preview-fake-line.short{width:42%}.preview-todo{border-bottom:1px solid var(--color-line);align-items:center;gap:10px;padding:14px 0;font-size:12px;display:flex}.preview-todo i{border:1px solid var(--color-line);width:17px;height:17px;color:var(--color-muted);border-radius:50%;place-items:center;font-size:10px;font-style:normal;display:inline-grid}.preview-todo.done{color:var(--color-muted);text-decoration:line-through}.preview-today-link{margin-top:auto;font-size:9px}.reference-features{width:min(100%,1180px);margin:0 auto;padding:clamp(92px,13vw,168px) 0}.reference-section-heading h2{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(44px,6vw,84px);line-height:.86}.reference-feature-grid{border:1px solid var(--color-line);background:var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:64px;display:grid}.reference-feature{background:var(--color-surface);min-height:190px;padding:22px}.reference-feature>span{color:var(--color-muted);font-family:var(--font-mono);font-size:10px}.reference-feature h3{margin:42px 0 8px;font-size:18px}.reference-feature p{max-width:30ch;color:var(--color-muted);margin:0;font-size:14px}.reference-final-cta{border-top:1px solid var(--color-line);text-align:center;justify-items:center;padding:clamp(80px,12vw,150px) 0;display:grid}.reference-final-cta h2{font-family:var(--font-display);letter-spacing:-.08em;margin:0;font-size:clamp(64px,10vw,136px);line-height:.8}.reference-final-cta .reference-primary{margin-top:36px}.reference-footer{border-top:1px solid var(--color-line);color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;padding-top:20px;font-size:10px;display:flex}.legal-links{gap:16px;display:flex}.legal-links a:hover,.legal-back:hover{color:var(--color-ink)}.legal-page{width:min(100%,1120px);min-height:100dvh;margin:0 auto;padding:20px clamp(20px,5vw,72px) 64px}.legal-nav{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.legal-back{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;text-decoration:none}.legal-content{width:min(100%,700px);padding:clamp(72px,11vw,132px) 0}.legal-content h1{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(52px,8vw,96px);line-height:.86}.legal-lede{color:var(--color-muted);margin:28px 0 80px;font-size:20px;line-height:1.4}.legal-content section{border-top:1px solid var(--color-line);padding:28px 0 36px}.legal-content h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0 0 12px;font-size:28px;line-height:1}.legal-content section p{max-width:62ch;color:var(--color-muted);margin:0;font-size:16px;line-height:1.65}.app-shell{background:var(--color-surface);grid-template-columns:232px minmax(0,1fr)}.app-sidebar{border-right:1px solid var(--color-line);background:var(--color-canvas);min-height:100dvh;padding:28px 16px 20px}.sidebar-identity{justify-content:space-between;align-items:center;min-height:38px;padding:0 8px;display:flex}.sidebar-brand{color:var(--color-muted);align-items:center;gap:9px;font-size:15px;font-weight:700;display:flex}.sidebar-mark{background:var(--color-ink);width:23px;height:23px;color:var(--color-canvas);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:15px;line-height:1;display:inline-grid}.sidebar-identity .cl-userButtonBox{width:27px;height:27px}.app-sidebar .app-nav{gap:2px;margin-top:24px}.app-sidebar .app-nav-item,.app-sidebar .sidebar-option{min-height:40px;color:var(--color-muted);border-radius:999px;align-items:center;gap:9px;padding:0 13px;font-size:16px;text-decoration:none;transition:background-color .18s,color .18s;display:flex}.app-sidebar .app-nav-item:hover,.app-sidebar .app-nav-item.active,.app-sidebar .sidebar-option:hover{background:var(--color-ink);color:var(--color-canvas)}.nav-icon{color:currentColor;flex:0 0 21px;place-items:center;width:21px;font-size:18px;line-height:1;display:inline-grid}.app-sidebar .sidebar-option svg,.app-sidebar .theme-label svg{flex:none}.app-sidebar .app-nav-item:not(.active) .nav-icon{opacity:.75}.sidebar-options{gap:3px;margin-top:48px;display:grid}.sidebar-options p{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px 14px;font-size:10px}.app-sidebar .sidebar-option{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.app-sidebar .sidebar-option:not(.theme-row)>svg:first-child{flex:none}.app-sidebar .sidebar-bottom{gap:3px;width:100%;margin-top:auto;display:grid}.app-sidebar .theme-row{white-space:nowrap;justify-content:space-between}.app-sidebar .sidebar-bottom .sidebar-option:first-child{border-radius:999px}.app-content{background:var(--color-surface);min-height:100dvh}.editor-first-view{min-height:100dvh;padding:24px 24px 28px;position:relative}.editor-first-view>.inline-notice{z-index:2;position:absolute;top:24px;left:24px;right:24px}.empty-note-canvas,.editor-column-full .note-editor{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:25px;min-height:calc(100dvh - 52px)}.empty-note-canvas{cursor:text;padding:10px;position:relative}.canvas-toolbar,.editor-column-full .editor-toolbar{background:var(--color-accent-soft);border:0;border-radius:20px;align-items:center;gap:5px;min-height:56px;padding:7px 12px;display:flex;overflow-x:auto}.canvas-toolbar button,.editor-column-full .editor-toolbar button{width:34px;height:34px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;font-size:17px;display:inline-grid}.canvas-toolbar button:hover,.editor-column-full .editor-toolbar button:hover,.editor-column-full .editor-toolbar button.active{background:var(--color-surface-raised)}.canvas-toolbar button:disabled,.editor-column-full .editor-toolbar button:disabled{cursor:default;opacity:.35}.toolbar-divider{background:var(--color-line);flex:0 0 1px;width:1px;height:24px;margin:0 4px}.empty-note-content{color:var(--color-ink);align-items:center;gap:2px;display:flex;position:absolute;top:104px;left:34px}.empty-note-content p{color:var(--color-muted);margin:0;font-size:18px}.empty-cursor{background:var(--color-ink);width:1px;height:24px}.empty-note-status{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:22px;right:28px}.empty-note-status i{background:var(--color-positive);border-radius:50%;width:6px;height:6px}.notes-list-drawer{z-index:4;border:1px solid var(--color-line);background:var(--color-surface-raised);width:260px;box-shadow:var(--shadow-soft);border-radius:16px;position:absolute;top:92px;left:42px}.editor-column-full .note-editor{padding:10px 10px 38px;position:relative}.editor-column-full .note-editor-actions{z-index:2;align-items:center;gap:14px;display:flex;position:absolute;bottom:20px;right:32px}.editor-column-full .note-actions{align-items:center;gap:12px;display:flex}.editor-column-full .sync-copy{font-size:9px}.editor-column-full .note-title{width:min(100%,780px);margin:100px auto 0;padding:0 8px;font-size:clamp(34px,5vw,66px);display:block}.editor-column-full .note-tags{width:min(100%,780px);margin:22px auto 0}.editor-column-full .editor-toolbar{width:auto;margin:0;position:absolute;top:10px;left:10px;right:10px}.editor-column-full .note-prose{width:min(100%,780px);min-height:420px;margin:28px auto 0;padding:0 8px}@media (width<=767px){.reference-landing{padding:16px 20px 24px}.reference-nav nav{gap:10px;font-size:12px}.reference-nav nav a:first-child,.reference-theme{display:none}.reference-hero{padding:96px 0 80px}.reference-hero h1{font-size:clamp(56px,17vw,88px)}.reference-lede{max-width:300px;font-size:16px}.reference-product-label{flex-direction:column;gap:6px}.app-preview-header{grid-template-columns:1fr auto}.preview-context{display:none}.app-preview-body{min-height:0;display:block}.app-preview-sidebar{border-right:0;border-bottom:1px solid var(--color-line);grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:6px;padding:12px;display:grid}.app-preview-sidebar .preview-wordmark,.app-preview-sidebar .preview-nav-label,.app-preview-sidebar .preview-folder{display:none}.preview-nav-item{white-space:nowrap;justify-content:center;padding:8px 5px;font-size:10px}.preview-nav-item small{display:none}.app-preview-editor{padding:40px 24px 52px}.app-preview-editor h2{margin-top:64px;font-size:48px}.app-preview-today{display:none}.reference-feature-grid{grid-template-columns:1fr;margin-top:48px}.reference-feature{min-height:160px}.reference-feature h3{margin-top:32px}.reference-footer{flex-direction:column;align-items:flex-start}}.app-content{background:var(--color-surface)}.app-sidebar .app-nav-item.router-link-active{background:var(--color-ink);color:var(--color-canvas)}.app-sidebar .app-nav-item.router-link-active .nav-icon{opacity:1}.theme-label{align-items:center;gap:10px;display:inline-flex}.notes-page{width:100%;max-width:none;padding:22px 18px 20px}.notes-page-header{justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:0 0 18px;display:flex}.notes-page-header h1{color:var(--color-ink);font-family:var(--font-body);letter-spacing:-.04em;margin:0;font-size:27px;font-weight:700}.notes-page-actions{align-items:center;gap:10px;display:flex}.notes-icon-button,.notes-view-toggle{width:38px;height:38px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;transition:background-color .18s,transform .18s;display:inline-grid}.notes-icon-button:hover,.notes-view-toggle:hover,.notes-view-toggle.active{background:var(--color-accent-soft)}.notes-icon-button:active,.notes-view-toggle:active{transform:scale(.94)}.notes-folder-cta{background:var(--color-ink);min-height:40px;color:var(--color-canvas);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 17px;font-size:13px;font-weight:700;transition:transform .18s,opacity .18s;display:inline-flex}.notes-folder-cta:hover{opacity:.82;transform:translateY(-1px)}.notes-main-grid{grid-template-columns:276px minmax(0,1fr);gap:8px;min-height:calc(100dvh - 110px);display:grid}.notes-index{background:var(--color-canvas);border-radius:22px;flex-direction:column;min-width:0;padding:16px 14px 18px;display:flex;overflow:hidden}.notes-index .notes-search input{border:0;border-bottom:1px solid var(--color-line);background:0 0;border-radius:0;padding:10px 8px 14px;font-size:14px}.notes-index-list{align-content:start;gap:4px;margin-top:12px;display:grid}.notes-index .note-list-item{background:0 0;border-radius:13px;align-items:center;gap:11px;min-height:48px;margin:0;padding:7px 11px;transition:background-color .18s,transform .18s;display:flex}.notes-index .note-list-item:hover{background:var(--color-surface-raised);transform:translate(2px)}.notes-index .note-list-item.active{background:var(--color-selection,#e1e8fb)}.note-list-glyph{color:var(--color-muted);flex:none}.note-list-copy{gap:2px;min-width:0;display:grid}.note-list-copy strong,.note-list-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-list-copy strong{color:var(--color-ink);font-size:13px;font-weight:500}.note-list-copy small{color:var(--color-muted);font-size:11px}.notes-index-bottom{gap:5px;margin-top:auto;padding:24px 8px 0;display:grid}.notes-index-bottom button{color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;font-size:13px;display:flex}.notes-index-bottom button:hover{color:var(--color-muted)}.notes-index-bottom button svg{color:var(--color-ink)}.editor-column-full .note-editor{border:1px solid var(--color-line);background:var(--color-surface);min-height:calc(100dvh - 110px);box-shadow:none;border-radius:22px;padding:16px 24px 26px}.editor-column-full .note-editor-actions{align-items:center;gap:14px;min-height:36px;display:flex;position:static}.editor-close{width:34px;height:34px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .18s,transform .18s;display:inline-grid}.editor-close:hover{background:var(--color-accent-soft);transform:rotate(-5deg)}.editor-column-full .sync-copy{display:none}.editor-column-full .note-actions{margin-left:auto}.editor-column-full .note-folder{display:none}.editor-column-full .quiet-button.icon-only{border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background-color .18s,color .18s;display:inline-grid}.editor-column-full .quiet-button.icon-only:hover{background:var(--color-accent-soft)}.editor-column-full .note-title,.editor-column-full .note-tags{display:none}.editor-column-full .editor-toolbar{background:var(--color-accent-soft);border:0;border-radius:20px;align-items:center;gap:3px;min-height:54px;margin:8px 0 0;padding:7px 12px;display:flex;position:static;overflow-x:auto}.editor-column-full .note-prose{border-top:1px solid var(--color-line);width:100%;min-height:calc(100dvh - 270px);color:var(--color-ink);margin:20px 0 0;padding:20px 8px;font-size:16px;line-height:1.65}.editor-column-full .note-prose:focus{border-top-color:var(--color-muted)}.editor-column-full .note-prose h1,.editor-column-full .note-prose h2{font-family:var(--font-body);letter-spacing:-.04em}.empty-note-canvas{border-radius:22px;min-height:calc(100dvh - 110px)}.palette-trigger{display:none}html,body,#app{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-sidebar,.app-content{height:100dvh;min-height:0;overflow:hidden auto}.app-sidebar .app-nav-item{justify-content:flex-start;gap:10px;font-size:16px}.app-sidebar .sidebar-option:not(.theme-row){justify-content:flex-start;gap:10px;font-size:15px}.sidebar-options p{font-family:var(--font-body);letter-spacing:0;text-transform:none;margin-bottom:10px;font-size:14px}.notes-page{height:100dvh;min-height:0;overflow:hidden}.notes-main-grid{height:calc(100dvh - 110px);min-height:0;overflow:hidden}.notes-index{overflow:hidden auto}.editor-column-full,.editor-column-full .note-editor{height:100%;min-height:0;overflow:hidden}.editor-column-full .note-prose{max-height:calc(100% - 118px);overflow:hidden auto}@media (width<=767px){.notes-page{padding:12px}.notes-page-header{padding-bottom:12px}.notes-page-header h1{font-size:24px}.notes-page-actions{gap:4px}.notes-icon-button,.notes-view-toggle{width:32px;height:32px}.notes-folder-cta{min-height:36px;padding:0 12px;font-size:12px}.notes-main-grid{grid-template-columns:1fr;min-height:calc(100dvh - 100px)}.notes-index{border-radius:16px;min-height:190px;max-height:230px}.notes-index-bottom{display:none}.editor-column-full .note-editor,.empty-note-canvas{border-radius:16px;min-height:calc(100dvh - 330px);padding:10px}.editor-column-full .note-editor-actions{min-height:34px}.editor-column-full .note-prose{min-height:340px}.app-shell{display:block}.app-sidebar{border-right:0;border-bottom:1px solid var(--color-line);min-height:0;padding:14px 12px 10px}.sidebar-identity{padding:0 5px}.app-sidebar .app-nav{margin-top:12px;display:flex;overflow-x:auto}.app-sidebar .app-nav-item{white-space:nowrap;flex:none;min-height:38px;padding:0 13px}.sidebar-options,.app-sidebar .sidebar-bottom{display:none}.editor-first-view{min-height:calc(100dvh - 116px);padding:12px}.empty-note-canvas,.editor-column-full .note-editor{border-radius:18px;min-height:calc(100dvh - 140px)}.canvas-toolbar,.editor-column-full .editor-toolbar{border-radius:14px;padding:6px 8px}.canvas-toolbar button,.editor-column-full .editor-toolbar button{width:31px;height:31px}.empty-note-content{top:96px;left:28px}.empty-note-content p{font-size:15px}.empty-note-status{bottom:16px;right:20px}.editor-column-full .note-editor-actions{justify-content:space-between;bottom:16px;left:24px;right:24px}.editor-column-full .note-actions{gap:8px}.editor-column-full .note-folder{max-width:100px}.editor-column-full .note-title{margin-top:100px;font-size:42px}.notes-list-drawer{width:auto;top:80px;left:12px;right:12px}.notes-page .empty-note-canvas,.notes-page .editor-column-full .note-editor{min-height:calc(100dvh - 330px)}.notes-page .editor-column-full .note-prose{min-height:340px}}.app-shell{grid-template-columns:248px minmax(0,1fr)}.brand-mark{object-fit:contain;flex:0 0 26px;width:26px;height:26px;display:block}.sidebar-brand{gap:10px;font-size:16px}.reference-wordmark,.wordmark{align-items:center;gap:10px;display:inline-flex}.reference-wordmark>span,.wordmark>span,.preview-symbol>span{color:var(--color-ink)}.reference-wordmark .brand-mark,.wordmark .brand-mark{flex-basis:27px;width:27px;height:27px}.preview-symbol{align-items:center;gap:8px;display:inline-flex}.preview-brand-mark{object-fit:contain;flex:0 0 22px;width:22px;height:22px}:root[data-theme=dark] .brand-mark,:root[data-theme=dark] .preview-brand-mark{filter:invert()}@media (width<=767px){.app-shell{grid-template-columns:1fr}}.toast-notice{z-index:20;border:1px solid var(--color-line);background:var(--color-surface-raised);max-width:min(430px,100vw - 48px);color:var(--color-ink);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 12px 12px 14px;font-size:13px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 34px #00000024}.toast-notice p{min-width:0;margin:0;line-height:1.35}.toast-icon{color:var(--color-muted)}.toast-error .toast-icon{color:var(--color-ink)}.toast-action,.toast-close{min-height:30px;color:var(--color-ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.toast-action{text-underline-offset:3px;padding:0 8px;text-decoration:underline}.toast-close{width:30px}.toast-action:hover,.toast-close:hover{background:var(--color-accent-soft)}.toast-enter-active,.toast-leave-active{transition:opacity .16s,transform .22s cubic-bezier(.16,1,.3,1)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.tasks-page .task-card-actions{opacity:1}.task-capture-options input[type=date]{appearance:auto;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:24px}:root[data-theme=dark] .task-capture-options input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.task-capture-options .task-option{background:var(--color-canvas);min-height:34px;color:var(--color-muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 11px;transition:border-color .18s,background-color .18s,color .18s;display:flex}.task-capture-options .task-option:hover,.task-capture-options .task-option:focus-within{border-color:var(--color-line);background:var(--color-accent-soft);color:var(--color-ink)}.task-capture-options .task-option .sib-datepicker{min-width:0;color:inherit;font-family:var(--font-body)}.task-capture-options .task-option .sib-datepicker__selection{gap:0}.task-capture-options .task-option .sib-datepicker__input{color:inherit;font-size:11px}.task-capture-options .task-option .sib-datepicker__selection__calendar-icon{display:none}.task-capture-options .task-option .sib-datepicker__selection__clear-icon{color:inherit}.modal-backdrop{z-index:50;background:#11111157;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-modal,.quick-modal,.confirm-modal{scrollbar-width:none;border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:22px;width:min(100%,520px);max-height:min(720px,100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 70px #0000002e}.settings-modal::-webkit-scrollbar{display:none}.quick-modal::-webkit-scrollbar{display:none}.confirm-modal::-webkit-scrollbar{display:none}.modal-header{justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px;display:flex}.modal-kicker{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 7px;font-size:10px}.modal-header h2{font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:38px;line-height:.9}.modal-close{background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:22px;line-height:1;display:inline-grid}.modal-close:hover{background:var(--color-ink);color:var(--color-canvas)}.modal-section+.modal-section{margin-top:28px}.account-row{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:14px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.account-row>div{gap:3px;display:grid}.account-row strong{font-size:14px;font-weight:600}.account-row small{color:var(--color-muted);font-size:12px}.account-row .cl-userButtonBox{width:32px;height:32px}.modal-section h3{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:500}.settings-options{gap:6px;display:grid}.settings-option{background:var(--color-canvas);color:var(--color-muted);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:13px;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:13px;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:grid}.settings-option:hover,.settings-option.active{border-color:var(--color-line);background:var(--color-accent-soft);color:var(--color-ink)}.settings-option:active{transform:scale(.99)}.settings-option>span{gap:3px;display:grid}.settings-option strong{font-size:14px;font-weight:600}.settings-option small{color:var(--color-muted);font-size:12px}.settings-check{justify-self:end}.quick-heading{align-items:center;gap:12px;display:flex}.quick-icon{background:var(--color-accent-soft);border-radius:13px;place-items:center;width:42px;height:42px;display:inline-grid}.quick-form{gap:18px;display:grid}.quick-form label{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:10px;display:grid}.quick-form label small{color:var(--color-muted);font-family:var(--font-body);letter-spacing:0;text-transform:none;font-size:11px}.quick-form input,.quick-form textarea{border:1px solid var(--color-line);resize:vertical;background:var(--color-canvas);width:100%;color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;text-transform:none;border-radius:12px;outline:0;padding:13px;font-size:15px}.quick-form input:focus,.quick-form textarea:focus{border-color:var(--color-ink)}.modal-primary{background:var(--color-ink);min-height:46px;color:var(--color-canvas);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.modal-primary:hover{opacity:.82}.modal-enter-active,.modal-leave-active{transition:opacity .18s}.modal-enter-active .settings-modal,.modal-enter-active .quick-modal,.modal-enter-active .confirm-modal,.modal-leave-active .settings-modal,.modal-leave-active .quick-modal,.modal-leave-active .confirm-modal{transition:transform .22s cubic-bezier(.16,1,.3,1)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .settings-modal,.modal-enter-from .quick-modal,.modal-enter-from .confirm-modal,.modal-leave-to .settings-modal,.modal-leave-to .quick-modal,.modal-leave-to .confirm-modal{transform:translateY(10px)scale(.98)}.confirm-modal{border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:22px;width:min(100%,440px);max-height:min(560px,100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 70px #0000002e}.confirm-heading{align-items:center;gap:12px;display:flex}.confirm-icon{background:var(--color-accent-soft);width:42px;height:42px;color:var(--color-ink);border-radius:13px;place-items:center;display:inline-grid}.confirm-message{color:var(--color-muted);margin:0 0 28px;font-size:15px;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-cancel,.confirm-danger{border:1px solid var(--color-line);cursor:pointer;border-radius:999px;min-height:40px;padding:0 16px;font-size:13px;font-weight:600}.confirm-cancel{color:var(--color-muted);background:0 0}.confirm-cancel:hover{background:var(--color-accent-soft);color:var(--color-ink)}.confirm-danger{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-canvas)}.confirm-danger:hover{opacity:.8}.app-shell.nav-icon-sidebar{grid-template-columns:84px minmax(0,1fr)}.app-shell.nav-icon-sidebar .app-sidebar{padding-left:10px;padding-right:10px}.app-shell.nav-icon-sidebar .sidebar-identity,.app-shell.nav-icon-sidebar .app-nav-item,.app-shell.nav-icon-sidebar .sidebar-option{justify-content:center}.app-shell.nav-icon-sidebar .sidebar-brand{gap:0}.app-shell.nav-icon-sidebar .sidebar-brand>span,.app-shell.nav-icon-sidebar .sidebar-label,.app-shell.nav-icon-sidebar .sidebar-options p{display:none}.app-shell.nav-icon-sidebar .app-nav-item,.app-shell.nav-icon-sidebar .sidebar-option{padding-left:0;padding-right:0}.app-shell.nav-icon-sidebar .theme-label{display:contents}.app-shell.nav-dock{display:block}.app-shell.nav-dock .app-sidebar{z-index:40;border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);border-radius:999px;align-items:center;width:auto;height:68px;min-height:0;padding:8px;display:flex;position:fixed;bottom:22px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 16px 40px #00000024}.app-shell.nav-dock .sidebar-identity,.app-shell.nav-dock .sidebar-options,.app-shell.nav-dock .sidebar-bottom{display:none}.app-shell.nav-dock .app-nav{gap:4px;margin:0;display:flex}.app-shell.nav-dock .app-nav-item{white-space:nowrap;min-height:50px;padding:0 17px}.app-shell.nav-dock .app-content{height:100dvh}.dock-actions{display:none}.app-shell.nav-dock .dock-actions{border-left:1px solid var(--color-line);align-items:center;gap:4px;margin-left:4px;padding-left:4px;display:flex}.dock-action{min-height:50px;color:var(--color-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:600;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.dock-action:hover{background:var(--color-accent-soft);color:var(--color-ink);transform:translateY(-1px)}.dock-profile{border-left:1px solid var(--color-line);place-items:center;margin-left:4px;padding-left:8px;display:grid;position:relative}.profile-trigger{border:2px solid var(--color-surface-raised);background:var(--color-ink);width:38px;height:38px;box-shadow:0 0 0 1px var(--color-line);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform .18s,box-shadow .18s;display:grid;overflow:hidden}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{box-shadow:0 0 0 2px var(--color-ink);transform:scale(1.06)}.profile-trigger img{object-fit:cover;width:100%;height:100%}.profile-menu{z-index:60;border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:16px;gap:4px;min-width:210px;padding:7px;display:grid;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 18px 42px #0000002e}.profile-summary{border-bottom:1px solid var(--color-line);gap:3px;padding:10px 10px 12px;display:grid}.profile-summary strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.profile-summary small{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.profile-menu>button{min-height:36px;color:var(--color-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 10px;font-size:12px;display:flex}.profile-menu>button:hover{background:var(--color-accent-soft);color:var(--color-ink)}.app-shell.nav-icon-sidebar .dock-actions .sidebar-label{display:none}.app-shell.nav-dock>.app-sidebar{z-index:40;border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:999px;align-items:center;padding:8px;transform:translate(-50%);box-shadow:0 16px 40px #00000024;flex-direction:row!important;width:max-content!important;height:68px!important;min-height:0!important;display:flex!important;position:fixed!important;inset:auto auto 24px 50%!important;overflow:visible!important}.app-shell.nav-dock>.app-sidebar .app-nav{gap:4px;width:auto;margin:0;display:flex;overflow:visible}.app-shell.nav-dock>.app-sidebar .app-nav-item{white-space:nowrap;min-height:50px;padding:0 17px}.app-shell.nav-dock>.app-sidebar .dock-actions{border-left:1px solid var(--color-line);align-items:center;margin-left:4px;padding-left:4px;display:flex}.app-shell.nav-dock>.app-sidebar .profile-menu{bottom:calc(100% + 12px)}@media (width<=767px){.toast-notice{max-width:none;bottom:12px;left:12px;right:12px}}html,body,#app{height:auto;min-height:100%;overflow:clip visible}.app-shell,.app-content,.app-sidebar{height:100dvh;min-height:0}.app-shell{overflow:hidden}.app-sidebar{overflow-y:auto}.app-content{overflow:hidden auto}.app-sidebar .app-nav-item,.app-sidebar .sidebar-option{appearance:none;border:0;font-weight:600}.workspace-view{color:var(--color-ink)}.tasks-page,.search-view,.settings-list,.search-field input,.inline-notice,.task-capture,.task-list{border-radius:20px}.tasks-page{width:min(100%,980px);padding:38px clamp(24px,6vw,72px) 28px}.task-capture,.task-list{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-soft)}.task-capture{box-shadow:none}.tasks-page .task-list{scrollbar-color:var(--color-line) transparent;scrollbar-width:thin;max-height:calc(100dvh - 350px);margin-top:10px;padding:8px;overflow-y:auto}.tasks-page .task-card{border-bottom:0;border-radius:12px;padding:15px 12px}.tasks-page .task-card:hover{background:var(--color-accent-soft)}.tasks-page .task-empty-state{padding:80px 20px}.search-view,.settings-list{background:var(--color-surface)}.search-view{margin:24px auto;padding:clamp(28px,5vw,56px)}.search-view .workspace-heading{padding-bottom:24px}.search-view .search-field{margin-top:24px}.search-field input{border:1px solid var(--color-line);background:var(--color-canvas)}.search-results{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:16px;margin-top:24px;padding:8px 16px}.search-result{padding:15px 8px}.settings-list{box-shadow:var(--shadow-soft);margin-top:24px;padding:8px 24px;overflow:hidden}.settings-list div{padding:18px 0}@media (width<=767px){.tasks-page{padding:24px 16px 18px}.tasks-page .task-list{max-height:calc(100dvh - 410px)}.search-view{margin:12px;padding:24px 16px}.settings-list{padding:4px 16px}}.tasks-page{flex-direction:column;width:100%;max-width:900px;height:100%;min-height:0;margin:0 auto;padding:38px clamp(24px,6vw,72px) 28px;display:flex}.tasks-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.tasks-kicker{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:10px}.tasks-header h1{font-family:var(--font-body);letter-spacing:-.05em;margin:0;font-size:clamp(34px,5vw,48px);font-weight:700;line-height:.95}.tasks-summary{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.task-capture{border:1px solid var(--color-line);background:var(--color-surface-raised);box-shadow:var(--shadow-soft);border-radius:16px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.task-capture:focus-within{border-color:var(--color-muted);box-shadow:0 14px 38px #00000017}.task-capture-main{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px 8px 16px;display:grid}.task-capture-main>svg{color:var(--color-muted)}.task-capture-main input,.task-capture-options input,.task-capture-options select{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;font-size:15px}.task-capture-main input{min-height:44px}.task-capture-main input::placeholder,.task-capture-options input::placeholder{color:var(--color-muted)}.task-submit{background:var(--color-ink);min-height:38px;color:var(--color-canvas);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:12px;font-weight:700;transition:transform .16s,opacity .16s;display:inline-flex}.task-submit:hover{opacity:.82;transform:translateY(-1px)}.task-submit:active{transform:translateY(0)}.task-submit span{color:var(--color-muted);font-family:var(--font-mono)}.task-capture-options{border-top:1px solid var(--color-line);grid-template-columns:repeat(4,max-content) minmax(120px,1fr);align-items:center;gap:4px;padding:8px 16px;display:grid}.task-capture-options label{background:var(--color-canvas);min-height:34px;color:var(--color-muted);cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;transition:border-color .18s,background-color .18s,color .18s;display:flex}.task-capture-options label:hover,.task-capture-options label:focus-within{border-color:var(--color-line);background:var(--color-accent-soft);color:var(--color-ink)}.task-capture-options input,.task-capture-options select{appearance:none;width:auto;max-width:120px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;outline:0;padding:0;font-size:11px}.task-capture-options input[type=date]{max-width:110px}.task-capture-options input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;margin-left:2px}.task-capture-options .task-description-field{min-width:0}.task-capture-options .task-description-field input{cursor:text;width:100%;max-width:none}.task-filter-bar{border-bottom:1px solid var(--color-line);gap:20px;margin:34px 0 0;display:flex}.task-filter-bar button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0 0 12px;font-size:13px;transition:color .18s;position:relative}.task-filter-bar button:after{background:var(--color-ink);content:"";transform-origin:0;height:2px;transition:transform .22s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.task-filter-bar button:hover,.task-filter-bar button.active{color:var(--color-ink)}.task-filter-bar button.active:after{transform:scaleX(1)}.tasks-page .task-list{scrollbar-color:var(--color-line) transparent;scrollbar-width:thin;min-height:0;margin-top:8px;overflow-y:auto}.task-card{border-bottom:1px solid var(--color-line);grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:14px;padding:18px 4px;transition:background-color .18s,opacity .22s;display:grid}.task-card:hover{background:var(--color-accent-soft)}.task-card.subtask{padding-left:32px}.tasks-page .task-check{border-color:var(--color-muted);width:23px;height:23px;transition:border-color .18s,background-color .18s,transform .18s}.tasks-page .task-check:hover{border-color:var(--color-ink);transform:scale(1.08)}.tasks-page .task-check:active{transform:scale(.94)}.task-card-content{gap:5px;min-width:0;display:grid}.task-card-content strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.task-card-content p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.task-card-meta{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:10px;display:flex}.task-card-meta span{align-items:center;gap:4px;display:inline-flex}.task-card-meta .priority-high{color:var(--color-ink);font-weight:700}.task-card-actions{opacity:0;gap:3px;transition:opacity .16s;display:flex}.task-card:hover .task-card-actions,.task-card:focus-within .task-card-actions{opacity:1}.task-card-actions button{width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background-color .16s,color .16s;display:inline-grid}.task-card-actions button:hover{background:var(--color-surface-raised);color:var(--color-ink)}.task-card-actions button.danger:hover{color:var(--color-ink)}.task-card.completed{opacity:.55}.task-card.completed .task-card-content strong{text-decoration:line-through;text-decoration-thickness:1px}.task-empty-state{color:var(--color-muted);text-align:center;justify-items:center;padding:100px 20px;display:grid}.task-empty-state h2{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.05em;margin:16px 0 6px;font-size:32px}.task-empty-state p{margin:0;font-size:14px}.task-enter-active,.task-leave-active,.task-move{transition:opacity .22s,transform .26s cubic-bezier(.16,1,.3,1)}.task-enter-from,.task-leave-to{opacity:0;transform:translateY(8px)}.task-leave-active{position:absolute}@media (width<=767px){.tasks-page{padding:24px 16px 18px}.tasks-header{align-items:start}.tasks-summary span{display:none}.task-capture-options{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px}.task-capture-options label{justify-content:center;min-width:0;padding:0 8px}.task-capture-options .task-description-field{grid-column:1/-1}.task-submit{padding:0 10px}.task-filter-bar{gap:14px;overflow-x:auto}.task-filter-bar button{flex:none;font-size:12px}.task-card{grid-template-columns:28px minmax(0,1fr) 30px;gap:10px}.task-card-actions{opacity:1}.task-card-meta{gap:8px}}.route-enter-active,.route-leave-active{transition:opacity .16s,transform .22s cubic-bezier(.16,1,.3,1)}.route-enter-from{opacity:0;transform:translateY(5px)}.route-leave-to{opacity:0;transform:translateY(-3px)}.notes-sync-notice{z-index:6;width:min(420px,100vw - 48px);box-shadow:var(--shadow-soft);margin:0;position:fixed;bottom:24px;right:24px}@media (prefers-reduced-motion:no-preference){.notes-page-header{animation:.36s cubic-bezier(.16,1,.3,1) both surface-in}.notes-main-grid{animation:.46s cubic-bezier(.16,1,.3,1) 40ms both surface-in}.notes-index-list .note-list-item{animation:surface-in .28s calc(var(--item-index,0) * 35ms + 80ms) cubic-bezier(.16, 1, .3, 1) both}.app-sidebar .app-nav-item,.app-sidebar .sidebar-option,.notes-icon-button,.notes-view-toggle,.notes-folder-cta,.editor-toolbar button,.canvas-toolbar button{transition:background-color .18s,color .18s,transform .18s}}@keyframes surface-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.notes-sync-notice{width:auto;bottom:12px;left:12px;right:12px}.app-shell{height:100dvh;overflow:hidden}.app-content{height:calc(100dvh - 116px);overflow-y:auto}.notes-page{height:100%;overflow:hidden}.notes-main-grid{grid-template-rows:150px minmax(0,1fr);height:calc(100% - 66px);min-height:0;overflow:hidden}.notes-index{min-height:0;max-height:none}.notes-index-list{min-height:0;overflow-y:auto}.editor-column-full,.editor-column-full .note-editor,.empty-note-canvas{height:100%;min-height:0}}.task-option-menu{min-width:0;position:relative}.task-option-trigger{min-height:26px;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:0;font-size:11px;display:flex}.task-option-trigger:hover{color:var(--color-ink)}.task-option-popover{z-index:30;border:1px solid var(--color-line);background:var(--color-surface-raised);border-radius:14px;gap:3px;min-width:148px;padding:6px;display:grid;position:absolute;top:calc(100% + 9px);left:-11px;box-shadow:0 16px 36px #00000026}.task-option-item{min-height:34px;color:var(--color-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:0 9px;font-size:12px;display:flex}.task-option-item:hover,.task-option-item.active{background:var(--color-accent-soft);color:var(--color-ink)}.tasks-page .task-capture.board-capture{z-index:40;position:relative;overflow:visible}.tasks-page .task-option-menu,.tasks-page .task-option-popover,.tasks-page .sib-datepicker__calendar-wrapper{z-index:100}.account-action{border:1px solid var(--color-line);min-height:32px;color:var(--color-ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 11px;font-size:11px}.account-action:hover{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-canvas)}.board-capture{z-index:40;position:relative}.task-capture-options,.task-option,.task-option-menu{overflow:visible}.task-option-popover,.sib-datepicker__calendar-wrapper{z-index:100!important}.tasks-board{z-index:1;position:relative}.task-column-list{padding-top:8px}.task-column.drag-over{border-color:var(--color-ink);background:var(--color-accent-soft)}.task-board-card[draggable=true]{cursor:grab}.task-board-card[draggable=true]:active{cursor:grabbing}.task-board-card.dragging{opacity:.38;transform:scale(.98)rotate(1deg)}.tasks-board-page{flex-direction:column;width:100%;max-width:none;height:100%;min-height:0;padding:22px 18px 20px;display:flex;overflow:hidden}.tasks-board-header{margin-bottom:14px}.tasks-board-page .tasks-offline-note{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:7px;margin:0 0 12px;font-size:10px;display:flex}.board-capture{margin-bottom:14px}.task-more-options{border-top:1px solid var(--color-line)}.task-more-options summary{color:var(--color-muted);cursor:pointer;padding:9px 16px;font-size:12px;list-style:none}.task-more-options summary::-webkit-details-marker{display:none}.task-more-options summary:before{content:"+";margin-right:7px;font-size:16px;transition:transform .18s;display:inline-block}.task-more-options-toggle{border:0;border-top:1px solid var(--color-line);width:100%;min-height:38px;color:var(--color-muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:7px;padding:0 16px;font-size:12px;transition:background-color .18s,color .18s;display:flex}.task-more-options-toggle:hover,.task-more-options-toggle[aria-expanded=true]{background:var(--color-accent-soft);color:var(--color-ink)}.task-more-options-toggle svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.task-more-options-toggle[aria-expanded=true] svg,.task-more-options[open] summary:before{transform:rotate(45deg)}.task-more-options .task-capture-options{border-top:1px solid var(--color-line)}.tasks-board{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:auto;min-height:0;display:grid}.task-column{border:1px solid var(--color-line);background:var(--color-canvas);border-radius:22px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.task-column-header{justify-content:space-between;align-items:start;gap:16px;padding:22px 22px 18px;display:flex}.task-column-header h2{font-family:var(--font-body);letter-spacing:-.04em;margin:0;font-size:22px;font-weight:600}.task-column-header span{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;margin-top:3px;font-size:9px;display:block}.task-column-count{background:var(--color-surface-raised);border-radius:50%;place-items:center;width:27px;height:27px;color:var(--color-ink)!important;font-family:var(--font-body)!important;margin:0!important;font-size:12px!important;display:grid!important}.task-column-list{scrollbar-color:var(--color-line) transparent;scrollbar-width:thin;align-content:start;gap:8px;min-height:0;padding:0 10px 10px;display:grid;position:relative;overflow-y:auto}.task-board-card{border:1px solid var(--color-line);background:var(--color-surface-raised);box-shadow:var(--shadow-soft);border-radius:14px;gap:10px;padding:14px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid}.task-board-card:hover{border-color:var(--color-muted);transform:translateY(-2px);box-shadow:0 12px 28px #00000017}.task-board-card.subtask{margin-left:15px}.task-board-card-top{grid-template-columns:22px minmax(0,1fr) 28px;align-items:start;gap:9px;display:grid}.task-board-card-top .task-check{width:22px;height:22px}.task-board-card-top>strong{padding-top:2px;font-size:14px;font-weight:600;line-height:1.25}.task-board-card>p{color:var(--color-muted);margin:0 0 0 31px;font-size:12px;line-height:1.4}.task-card-delete{width:28px;height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background-color .16s,color .16s;display:inline-grid}.task-card-delete:hover{background:var(--color-accent-soft);color:var(--color-ink)}.task-board-meta{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;flex-wrap:wrap;gap:9px;margin-left:31px;font-size:9px;display:flex}.task-board-meta span{align-items:center;gap:4px;display:inline-flex}.task-board-meta .priority-high{color:var(--color-ink);font-weight:700}.task-board-footer{border-top:1px solid var(--color-line);justify-content:space-between;gap:6px;margin:2px 0 0 31px;padding-top:9px;display:flex}.task-board-footer button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:inline-flex}.task-board-footer button:hover{color:var(--color-ink)}.task-column-empty{border:1px dashed var(--color-line);min-height:44px;color:var(--color-muted);cursor:pointer;text-align:left;background:0 0;border-radius:12px;font-size:12px}.task-column-empty:hover{border-color:var(--color-muted);color:var(--color-ink)}@media (width<=900px){.tasks-board{grid-template-columns:repeat(3,minmax(240px,1fr));overflow-x:auto}}@media (width<=767px){.tasks-board-page{padding:14px 12px 12px}.tasks-board-page .notes-page-actions .notes-icon-button{display:none}.tasks-board{grid-template-columns:1fr;height:calc(100% - 188px);overflow:hidden auto}.task-column{min-height:260px}.task-column-list{overflow-y:visible}}.app-sidebar .app-nav-item,.app-sidebar .dock-action,.app-sidebar .profile-trigger{box-shadow:none;transform:none}.sidebar-brand{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (width<=767px){.app-shell{height:100dvh;display:block;overflow:hidden}.app-sidebar,.app-shell.nav-dock .app-sidebar{z-index:40;right:12px;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-surface-raised) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;align-items:center;width:auto;height:70px;min-height:0;padding:8px;display:flex;position:fixed;left:12px;box-shadow:0 14px 38px #00000029}.sidebar-identity,.sidebar-options,.sidebar-bottom{display:none!important}.app-sidebar .app-nav,.app-shell.nav-dock .app-sidebar .app-nav{justify-content:space-around;gap:4px;width:100%;margin:0;display:flex}.app-sidebar .app-nav-item,.app-shell.nav-dock .app-sidebar .app-nav-item{border-radius:17px;flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:0 5px;font-size:10px;font-weight:600;display:inline-flex}.app-sidebar .app-nav-item .nav-icon{flex-basis:auto;width:22px;font-size:20px}.app-sidebar .app-nav-item.active,.app-sidebar .app-nav-item.router-link-active{background:var(--color-ink);color:var(--color-canvas)}.app-sidebar .dock-actions,.app-shell.nav-dock .dock-actions{border-left:1px solid var(--color-line);margin:0 0 0 4px;padding-left:4px;display:flex}.app-shell.nav-dock .dock-action{flex-direction:column;justify-content:center;gap:3px;min-width:44px;min-height:52px;padding:0 5px;font-size:9px}.app-shell.nav-dock .dock-action:nth-child(2),.app-shell.nav-dock .dock-action:nth-child(3){display:none}.app-sidebar .app-nav,.app-shell.nav-dock .app-sidebar .app-nav{flex:1;width:auto}.app-sidebar .dock-action:nth-child(2),.app-sidebar .dock-action:nth-child(3){display:none}.app-content,.app-shell.nav-dock .app-content{height:100dvh;padding-bottom:94px;overflow:hidden auto}.notes-page,.tasks-board-page{height:100%;min-height:0}}@media (width>=768px){.app-shell.nav-dock>.app-sidebar{background:var(--color-surface-raised);gap:2px;padding:6px;width:max-content!important;height:62px!important;min-height:0!important;overflow:visible!important}.app-shell.nav-dock>.app-sidebar .app-nav{gap:2px}.app-shell.nav-dock>.app-sidebar .app-nav-item,.app-shell.nav-dock>.app-sidebar .dock-action{justify-content:center;width:46px;min-width:46px;height:48px;min-height:48px;padding:0;font-size:0}.app-shell.nav-dock>.app-sidebar .app-nav-item .nav-icon,.app-shell.nav-dock>.app-sidebar .dock-action svg{flex:0 0 22px;width:22px}.app-shell.nav-dock>.app-sidebar .dock-actions{gap:2px;margin-left:4px;padding-left:6px}.app-shell.nav-dock>.app-sidebar .dock-profile{margin-left:2px;padding-left:6px}}.app-sidebar .app-nav-item{background:0 0;outline:0;box-shadow:none!important;border:0!important}.app-sidebar .app-nav-item.active{background:var(--color-ink);color:var(--color-canvas)}.app-sidebar .app-nav-item:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}@media (width<=1023px){.tasks-board{grid-template-columns:1fr;overflow:hidden auto}.task-column{min-height:220px}}@media (width<=767px){.notes-page .notes-page-header{min-height:42px;padding-bottom:10px}.notes-page .notes-page-header h1{font-size:25px}.notes-page .notes-page-actions{gap:2px}.notes-page .notes-page-actions>.notes-icon-button:first-child,.notes-page .notes-view-toggle{display:none}.notes-page .notes-folder-cta{justify-content:center;width:38px;min-height:36px;padding:0;font-size:0}.notes-page .notes-folder-cta svg{width:18px;height:18px}.notes-page .notes-main-grid{grid-template-rows:150px minmax(0,1fr);height:calc(100% - 54px)}.notes-page .notes-index{border-radius:16px;min-height:0;padding:10px}.notes-page .notes-index-list{margin-top:6px}.notes-page .notes-index .note-list-item{min-height:42px;padding:5px 8px}.notes-page .notes-index-bottom{display:none}.notes-page .empty-note-canvas,.notes-page .editor-column-full .note-editor{border-radius:16px;height:100%;min-height:0}.notes-page .canvas-toolbar,.notes-page .editor-column-full .editor-toolbar{scrollbar-width:none}.notes-page .canvas-toolbar::-webkit-scrollbar{display:none}.notes-page .editor-column-full .editor-toolbar::-webkit-scrollbar{display:none}html,body,#app{width:100%;min-width:320px;overflow-x:hidden}.app-sidebar,.app-shell.nav-dock .app-sidebar{right:12px!important;bottom:max(12px, env(safe-area-inset-bottom))!important;background:var(--color-surface-raised)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:24px!important;flex-direction:row!important;width:auto!important;height:72px!important;min-height:72px!important;padding:8px!important;left:12px!important;box-shadow:0 10px 28px #00000024!important}.app-sidebar .app-nav,.app-shell.nav-dock .app-sidebar .app-nav{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;flex:1!important;gap:4px!important;width:auto!important;margin:0!important;display:grid!important}.app-sidebar .app-nav-item,.app-shell.nav-dock .app-sidebar .app-nav-item{width:auto!important;min-width:0!important;height:54px!important;min-height:54px!important;color:var(--color-muted)!important;background:0 0!important;border-radius:16px!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:0 4px!important;font-size:10px!important;display:flex!important;transform:none!important}.app-sidebar .app-nav-item.active,.app-sidebar .app-nav-item.router-link-active,.app-shell.nav-dock .app-sidebar .app-nav-item.active{background:var(--color-ink)!important;color:var(--color-canvas)!important}.app-sidebar .app-nav-item .nav-icon{flex:0 0 22px!important;width:22px!important;height:22px!important}.app-sidebar .dock-actions,.app-shell.nav-dock .dock-actions{justify-content:center;align-items:center;min-width:42px;border-left:1px solid var(--color-line)!important;flex:0 0 42px!important;width:auto!important;margin:0 0 0 4px!important;padding:0 0 0 4px!important;display:flex!important}.app-sidebar .dock-action,.app-shell.nav-dock .dock-action{border-radius:16px;place-items:center;width:42px!important;height:54px!important;min-height:54px!important;padding:0!important;font-size:0!important;display:none!important}.app-sidebar .dock-profile{place-items:center;width:42px;height:54px;border:0!important;margin:0!important;padding:0!important;display:grid!important}.profile-trigger{width:34px!important;height:34px!important}.profile-menu{bottom:calc(100% + 12px);right:0}.app-content,.app-shell.nav-dock .app-content{width:100%;padding-bottom:96px;overflow:hidden auto;height:100dvh!important}.notes-page,.tasks-board-page,.search-view{width:100%;max-width:none}.notes-page{flex-direction:column;padding:12px;display:flex}.notes-page .notes-page-header{flex:none}.notes-page .notes-main-grid{flex:1;height:auto;min-height:0;display:block;overflow:hidden}.notes-page .notes-index{height:82px;min-height:0;max-height:82px;margin-bottom:8px;padding:8px}.notes-page .notes-index-empty,.notes-page .notes-index .notes-search{display:none}.notes-page .notes-index-list{scrollbar-width:none;align-items:center;gap:6px;height:100%;margin:0;display:flex;overflow:auto hidden}.notes-page .notes-index-list::-webkit-scrollbar{display:none}.notes-page .notes-index .note-list-item{flex:0 0 170px;min-width:170px;height:54px;min-height:54px;padding:7px 9px}.notes-page .notes-index .list-empty{display:none}.notes-page .editor-column-full,.notes-page .editor-column-full .note-editor,.notes-page .empty-note-canvas{height:100%;min-height:0}.notes-page .empty-note-canvas{border-radius:16px}.notes-page .empty-note-content{top:86px;left:20px;right:20px}.notes-page .empty-note-content p{font-size:14px}.notes-page .editor-column-full .note-editor{padding:8px}.notes-page .editor-column-full .note-prose{min-height:0;max-height:calc(100% - 114px)}}