:root{--font-display:"Instrument Serif", serif;--font-ui:"Geist", sans-serif;--font-mono:"Geist Mono", monospace;--bg:#f5f2ed;--surface:#fff;--surface-2:#f0ede7;--surface-3:#e8e4dc;--nav-bg:#17150e;--nav-border:#ffffff12;--ink:#17150e;--ink-mid:#423f38;--ink-dim:#887f72;--ink-faint:#bdb6aa;--amber:#c8730a;--amber-light:#e8891f;--amber-soft:#fef3c7;--amber-glow:#c8730a26;--amber-panel:#c8730a29;--amber-panel-strong:#c8730a40;--success:#22c55e;--success-glow:#22c55e80;--grimroot:#6d28d9;--grimroot-s:#ede9fe;--pgp:#0369a1;--pgp-s:#e0f2fe;--personal:#047857;--personal-s:#d1fae5;--red:#b91c1c;--red-s:#fee2e2;--border:#e2ddd5;--border-light:#ede9e2;--scrim:#17150e73;--glass-ink:#17150ed1;--canvas-bg:#0f0e0b;--canvas-panel:#0b0a08eb;--canvas-panel-strong:#0b0a08fa;--canvas-grid-minor:#ffffff0f;--canvas-grid-major:#ffffff14;--sticky-yellow:#fef9c3;--sticky-yellow-glass:#fef9c3e6;--white-3:#ffffff08;--white-5:#ffffff0d;--white-6:#ffffff0f;--white-7:#ffffff12;--white-8:#ffffff14;--white-10:#ffffff1a;--white-14:#ffffff24;--white-20:#fff3;--white-28:#ffffff47;--white-30:#ffffff4d;--white-35:#ffffff59;--white-40:#fff6;--white-55:#ffffff8c;--white-60:#fff9;--white-70:#ffffffb3;--white-85:#ffffffd9;--white-90:#ffffffe6;--white-92:#ffffffeb;--black-40:#0006;--shadow-sm:0 1px 3px #17150e12;--shadow-md:0 4px 16px #17150e1a;--shadow-lg:0 8px 32px #17150e21;--r-xl:18px;--r-lg:12px;--r:8px;--r-sm:5px;--r-pill:100px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--ease:cubic-bezier(.4, 0, .2, 1);--duration:.2s}[data-theme=dark]{--bg:#1a1814;--surface:#252118;--surface-2:#2c2820;--surface-3:#332e26;--nav-bg:#111009;--nav-border:#ffffff12;--ink:#f0ede7;--ink-mid:#c8c3b8;--ink-dim:#7a7468;--ink-faint:#4a4640;--amber:#e8891f;--amber-light:#e8891f;--amber-soft:#e8891f26;--amber-glow:#e8891f33;--amber-panel:#e8891f26;--amber-panel-strong:#e8891f40;--success:#22c55e;--success-glow:#22c55e80;--grimroot:#a78bfa;--grimroot-s:#6d28d933;--pgp:#38bdf8;--pgp-s:#0369a133;--personal:#34d399;--personal-s:#04785733;--red:#ef4444;--red-s:#b91c1c33;--border:#2a2620;--border-light:#302c26;--scrim:#17150e73;--glass-ink:#17150ed1;--canvas-bg:#0f0e0b;--canvas-panel:#0b0a08eb;--canvas-panel-strong:#0b0a08fa;--canvas-grid-minor:#ffffff0f;--canvas-grid-major:#ffffff14;--sticky-yellow:#fef9c3;--sticky-yellow-glass:#fef9c3e6;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-ui);color:var(--ink);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}body{min-height:100dvh;overflow-x:hidden}a{color:var(--amber);text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}img{max-width:100%;display:block}img.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ink-dim)}::selection{background:var(--amber-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-sm)}#root{min-height:100dvh}.app-screen{background-color:var(--bg);max-width:430px;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.screen-scroll{-webkit-overflow-scrolling:touch;z-index:1;flex:1;min-height:0;position:relative;overflow-y:auto}.screen-scroll::-webkit-scrollbar{display:none}.fm-topbar{background-color:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 16px;display:flex}.fm-topbar-title{font-family:var(--font-display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:20px;font-style:italic;overflow:hidden}.fm-topbar-switcher{flex-shrink:0}.fm-topbar-btn{background-color:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--ink-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pull-hint{text-align:center;font-family:var(--font-mono);color:var(--ink-faint);background-color:var(--bg);flex-shrink:0;padding:5px;font-size:9px}.login-page{background-color:var(--bg);min-height:100dvh;padding:var(--space-md);justify-content:center;align-items:center;display:flex}.login-form{gap:var(--space-sm);flex-direction:column;width:100%;max-width:360px;display:flex}.login-wordmark{font-family:var(--font-display);color:var(--ink);text-align:center;margin-bottom:var(--space-xs);font-size:2.5rem;font-style:italic;font-weight:400}.login-subtitle{font-family:var(--font-ui);color:var(--ink-dim);text-align:center;margin-bottom:var(--space-lg);font-size:.875rem}.login-error{color:var(--red);background-color:var(--red-s);padding:var(--space-sm) var(--space-md);border-radius:var(--r);font-size:.8125rem}.login-status{color:var(--ink-mid);background-color:var(--surface-2)}.login-label{font-family:var(--font-mono);color:var(--ink-mid);text-transform:uppercase;letter-spacing:.04em;margin-top:var(--space-sm);font-size:.75rem;font-weight:500}.login-input{width:100%;padding:var(--space-sm) var(--space-md);color:var(--ink);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r);transition:border-color var(--duration) var(--ease);font-size:1rem}.login-input:focus{border-color:var(--amber);outline:none}.login-button{margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);font-family:var(--font-ui);color:var(--surface);background-color:var(--amber);border-radius:var(--r);transition:opacity var(--duration) var(--ease);font-size:.9375rem;font-weight:600}.login-button-secondary{margin-top:var(--space-xs);color:var(--ink-mid);background-color:var(--surface-2);border:1px solid var(--border)}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.5;cursor:not-allowed}