:root{--navy:#17263f;--navy-soft:#24395c;--cream:#f6f1e7;--cream-dim:#e5dccb;--gold:#c9a227;--ink:#14181f;--muted:#6b7280;--danger:#9b2c2c;--bg:var(--cream);--fg:var(--ink);--card:#fff;--border:#ddd4c2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1622;--fg:#eae4d8;--card:#18212f;--border:#2c3849;--muted:#9aa4b2}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:34rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;min-height:100dvh;margin:0 auto;display:flex}h1{letter-spacing:-.01em;margin:.25rem 0 .15rem;font-size:1.35rem}h2{color:var(--muted);margin:1.5rem 0 .5rem;font-size:1rem;font-weight:600}p{line-height:1.55}.sub{color:var(--muted);margin:0 0 1rem;font-size:.9rem}.capture-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.5rem;display:grid}.capture-btn{appearance:none;border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:6.5rem;font-size:1.05rem;font-weight:600;display:flex}.capture-btn:active{background:var(--cream-dim);transform:scale(.985)}.capture-btn .glyph{font-size:1.6rem;line-height:1}.capture-btn.wide{flex-direction:row;grid-column:1/-1;min-height:5rem}.capture-btn.recording{border-color:var(--danger);color:var(--danger)}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{appearance:none;border:1px solid var(--border);color:var(--fg);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;min-height:2.75rem;padding:.6rem .9rem;font-size:.95rem}.chip[aria-pressed=true]{background:var(--navy);color:var(--cream);border-color:var(--navy)}label{color:var(--muted);margin:.75rem 0 .3rem;font-size:.9rem;display:block}input[type=text],input[type=email],input[type=password],textarea{border:1px solid var(--border);background:var(--card);width:100%;color:var(--fg);border-radius:.75rem;padding:.85rem;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:9rem;line-height:1.5}.btn{appearance:none;border:1px solid var(--navy);background:var(--navy);color:var(--cream);cursor:pointer;touch-action:manipulation;border-radius:.75rem;width:100%;min-height:3rem;padding:.9rem 1.1rem;font-size:1rem;font-weight:600}.btn:disabled{opacity:.55}.btn.secondary{color:var(--fg);border-color:var(--border);background:0 0}.btn.link{color:var(--muted);background:0 0;border:none;width:auto;min-height:2.5rem;padding:0;text-decoration:underline}.row{align-items:center;gap:.6rem;display:flex}.spacer{flex:1}.status{color:var(--muted);align-items:center;gap:.4rem;margin-top:1rem;font-size:.85rem;display:flex}.dot{background:var(--gold);border-radius:50%;width:.5rem;height:.5rem}.dot.clear{background:#4b9560}.error{color:var(--danger);background:#fdecec;border:1px solid #f3c4c4;border-radius:.75rem;margin:.75rem 0 0;padding:.75rem;font-size:.92rem}@media (prefers-color-scheme:dark){.error{color:#f0a6a6;background:#2a1618;border-color:#4a2326}}.saved{left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom));background:var(--navy);color:var(--cream);border-radius:999px;padding:.7rem 1.2rem;font-size:.95rem;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.moment{border:1px solid var(--border);background:var(--card);border-radius:.9rem;margin-bottom:.6rem;padding:.85rem}.moment .meta{color:var(--muted);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.moment .body{white-space:pre-wrap;margin:.35rem 0 0}.empty{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:.9rem;padding:1.5rem 1rem;font-size:.95rem}