:root{--bg:#0f172a;--bg-raised:#1e293b;--bg-input:#0b1220;--border:#334155;--text:#e2e8f0;--text-dim:#94a3b8;--accent:#38bdf8;--ok:#22c55e;--ok-bg:#052e16;--short:#f59e0b;--short-bg:#3a2a06;--empty:#64748b;--empty-bg:#1e293b;--error:#ef4444;--error-bg:#3a0a0a;--radius:14px}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4;overscroll-behavior-y:none}button{cursor:pointer}button,input{font:inherit}a{color:var(--accent)}.page{max-width:560px;margin:0 auto;padding:16px 16px 48px;min-height:100dvh}.h1{font-size:1.15rem;font-weight:700;margin:4px 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-weight:600}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#04222e}.btn:disabled{opacity:.5}.field{display:block;width:100%;min-height:52px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text)}.field:focus{outline:2px solid var(--accent);outline-offset:1px}.muted{color:var(--text-dim);font-size:.9rem}