:root{--bg:#ecece8;--panel:#fff;--surface:#fff;--ink:#0d0e0d;--ink-soft:#5a5b56;--ink-mute:#8a8a82;--rule:#0d0e0d1a;--rule-strong:#0d0e0d33;--accent:#3d8a6f;--accent-dim:#1f4a3a;--danger:#e8624a;--ok:#4a9e3a;--sans:"Geist", system-ui, sans-serif;--mono:"Geist Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}input::placeholder{color:var(--ink-mute)}select{appearance:none}a{color:inherit;text-decoration:none}.app{max-width:480px;min-height:100vh;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.topbar{padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:var(--bg);z-index:40;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.bottomnav{background:var(--panel);border-top:1px solid var(--rule);max-width:480px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:50;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.page{padding:20px 20px 0}.input{background:var(--surface);border:1px solid var(--rule);width:100%;font-family:var(--sans);color:var(--ink);border-radius:6px;outline:none;padding:12px 14px;font-size:15px;transition:border .12s}.input:focus{border-color:var(--accent)}.label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px;font-size:10px;display:block}.btn-primary{width:100%;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;text-align:center;border-radius:6px;padding:14px 20px;font-size:11px}.btn-secondary{width:100%;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--rule);background:var(--panel);color:var(--ink);cursor:pointer;text-align:center;border-radius:6px;padding:14px 20px;font-size:11px}