: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;margin:0 auto;padding-bottom:80px;position:relative}.topbar{background:var(--bg);z-index:40;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.bottomnav{background:var(--panel);border-top:1px solid var(--rule);max-width:480px;padding:6px 0;padding-bottom:env(safe-area-inset-bottom,6px);z-index:50;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.page{padding:0 20px}.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}