:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f1e8;--paper-raised:#fffdf8;--paper-soft:#efe7da;--ink:#171717;--ink-soft:#3d3a35;--ink-muted:#756d60;--earth:#b8aa92;--earth-soft:#ddd1bf;--teal:#0f766e;--teal-soft:#2a9d8f;--teal-wash:#ddeeea;--success:#2f7d57;--warning:#a86d1d;--danger:#a9443b;--focus:#0f766e;--bg:var(--paper);--surface:var(--paper-raised);--surface-subtle:#fbf7ef;--line:#3d3a352e;--line-strong:#1717175c;--shadow-soft:0 18px 45px #32281914;--font-ui:ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Avenir Next", "Segoe UI", sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--duration-fast:.14s;--duration-base:.22s;--duration-slow:.36s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1110;--paper-raised:#161b19;--paper-soft:#1f2724;--ink:#f4efe6;--ink-soft:#d9d0c0;--ink-muted:#afa391;--earth:#6f806f;--earth-soft:#2b3733;--teal:#5ec9be;--teal-soft:#8adcd3;--teal-wash:#5ec9be21;--success:#88c99b;--warning:#e0b16a;--danger:#e18d85;--focus:#8adcd3;--bg:var(--paper);--surface:var(--paper-raised);--surface-subtle:#121715;--line:#f4efe624;--line-strong:#f4efe652;--shadow-soft:0 22px 55px #00000047}}[data-theme-choice=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f6f1e8;--paper-raised:#fffdf8;--paper-soft:#efe7da;--ink:#171717;--ink-soft:#3d3a35;--ink-muted:#756d60;--earth:#b8aa92;--earth-soft:#ddd1bf;--teal:#0f766e;--teal-soft:#2a9d8f;--teal-wash:#ddeeea;--bg:var(--paper);--surface:var(--paper-raised);--surface-subtle:#fbf7ef;--line:#3d3a352e;--line-strong:#1717175c}[data-theme-choice=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d1110;--paper-raised:#161b19;--paper-soft:#1f2724;--ink:#f4efe6;--ink-soft:#d9d0c0;--ink-muted:#afa391;--earth:#6f806f;--earth-soft:#2b3733;--teal:#5ec9be;--teal-soft:#8adcd3;--teal-wash:#5ec9be21;--bg:var(--paper);--surface:var(--paper-raised);--surface-subtle:#121715;--line:#f4efe624;--line-strong:#f4efe652}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--font-ui);font-size:var(--text-2xl);margin-bottom:var(--space-2);line-height:1.05}h2{font-size:var(--text-md);margin-bottom:var(--space-2);line-height:1.25}p{color:var(--ink-soft);line-height:1.45}.app-bg,.offline-shell{background:var(--bg);min-height:100dvh}.offline-shell{padding:var(--space-6);place-items:center;display:grid}.auth-card,.summary,.card,.register-card,.state-box,.desktop-rail,.command-modal,.sheet{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.auth-card{border-radius:var(--radius-xl);width:min(100%,390px);padding:var(--space-6)}.auth-card .command-input{margin:var(--space-4) 0}.full-width{width:100%}.pin-input{font-family:var(--font-mono);letter-spacing:.18em;text-align:center;font-size:1.25rem}.desktop-frame{min-height:100dvh}.mobile-shell{max-width:480px;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(142px + env(safe-area-inset-bottom));margin:0 auto}.topbar,.freshness,.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.top-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.icon-btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);min-width:44px;min-height:44px;padding:0 var(--space-3)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase;color:var(--ink-muted)}.summary{border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0}.freshness{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-muted)}.timeline{gap:var(--space-3);display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:10px;left:16px}.item{gap:var(--space-3);grid-template-columns:34px 1fr;display:grid;position:relative}.node{z-index:1;border:1px solid var(--line);background:var(--surface);min-width:34px;height:34px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-muted);border-radius:50%;place-items:center;display:grid}.item.now .node{background:var(--teal);color:var(--bg);border-color:var(--teal)}.card,.register-card,.state-box{border-radius:var(--radius-lg);padding:var(--space-4)}.card-toggle{text-align:left;gap:var(--space-2);background:0 0;border:0;width:100%;min-height:44px;padding:0;display:grid}.card-meta{justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--ink-muted);display:flex}.chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--ink-soft);white-space:nowrap;padding:4px 8px}.detail{border-top:1px solid var(--line);margin-top:var(--space-3);padding-top:var(--space-3)}.row-actions,.control-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.secondary,.ghost,.command-pill{border-radius:var(--radius-pill);border:1px solid var(--line);min-height:44px;padding:0 var(--space-4)}.secondary{background:var(--teal-wash);color:var(--teal)}.ghost{color:var(--ink-soft);background:0 0}.stack{gap:var(--space-3);display:grid}.state-box{margin-top:var(--space-4)}.plain-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.plain-list li{color:var(--ink-soft);gap:2px;display:grid}.plain-list span{color:var(--ink-muted);font-size:var(--text-xs)}.bottom-nav{z-index:20;width:min(100%,480px);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{border-radius:var(--radius-md);min-height:52px;color:var(--ink-muted);font-size:var(--text-xs);background:0 0;border:0;place-items:center;display:grid}.nav-btn.active{background:var(--teal-wash);color:var(--teal)}.nav-btn b{font-size:var(--text-2xs);font-weight:600}.command-pill{z-index:24;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));background:var(--ink);width:min(100% - 54px,390px);color:var(--bg);border-color:var(--ink);justify-content:space-between;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.sheet{z-index:21;width:min(100%,480px);transition:transform var(--duration-slow) var(--ease-standard);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%,calc(100% - 58px))}.sheet.open{transform:translate(-50%)}.sheet-handle{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:58px;display:flex}.handle-line{border-radius:var(--radius-pill);background:var(--earth);width:46px;height:4px}.sheet-body{padding:0 var(--space-4) var(--space-4);gap:var(--space-3);display:grid}.message{border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--surface-subtle)}.message.user{background:var(--ink);color:var(--bg);justify-self:end;max-width:86%}.modal-backdrop{z-index:40;padding:var(--space-4);background:#00000047;align-items:end;display:grid;position:fixed;inset:0}.command-modal{border-radius:var(--radius-xl);width:min(100%,520px);padding:var(--space-4);margin:0 auto}.command-input{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-subtle);width:100%;min-height:52px;padding:0 var(--space-4)}.staged{margin-top:var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-3);background:var(--surface-subtle)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:900px){.desktop-frame{grid-template-columns:232px minmax(520px,780px) 340px;gap:24px;max-width:1390px;margin:0 auto;padding:28px;display:grid}.desktop-rail{border-radius:var(--radius-xl);height:calc(100dvh - 56px);padding:var(--space-4);display:block;position:sticky;top:28px;overflow:auto}.mobile-shell{max-width:none;padding:0 0 108px}.left-nav{gap:var(--space-2);margin-top:var(--space-4);display:grid}.left-nav .nav-btn{padding:0 var(--space-3);font-size:var(--text-sm);justify-items:start}.bottom-nav{display:none}.command-pill{width:min(520px,100% - 560px);bottom:26px}.sheet{border-radius:var(--radius-xl);width:340px;bottom:28px;left:auto;right:28px;transform:translateY(calc(100% - 58px))}.sheet.open{transform:translateY(0)}.modal-backdrop{align-items:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}