:root{--bg: #0f172a;--bg-elev: #1e293b;--bg-elev-2: #334155;--text: #f1f5f9;--text-dim: #94a3b8;--accent: #fbbf24;--accent-strong: #f59e0b;--green: #22c55e;--orange: #f97316;--red: #ef4444;--radius: 14px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}input{font:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.2rem;border-radius:var(--radius);background:var(--bg-elev-2);color:var(--text);font-weight:600;transition:transform .08s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1205}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:transparent;border:1px solid var(--bg-elev-2)}.input{width:100%;padding:.9rem 1rem;border-radius:var(--radius);background:var(--bg-elev);color:var(--text);border:1px solid var(--bg-elev-2);outline:none}.input:focus{border-color:var(--accent)}.screen{min-height:100dvh;padding:calc(1.25rem + var(--safe-t)) 1.25rem calc(1.25rem + var(--safe-b));display:flex;flex-direction:column}.card-fade-in{animation:fade-in .25s ease both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}