:root{--bg: #0b0b0f;--bg-elev: #15151c;--bg-elev-2: #1e1e27;--border: #2a2a35;--text: #f5f5f7;--text-dim: #a1a1aa;--text-faint: #6b6b76;--accent: #0a84ff;--accent-press: #0060df;--danger: #ff453a;--ok: #30d158;--radius: 16px;--radius-sm: 10px;--shadow: 0 8px 30px rgba(0, 0, 0, .4);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,button{font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);padding:12px 18px;font-size:16px;font-weight:600;background:var(--bg-elev-2);color:var(--text);transition:transform .08s ease,background .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-press)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--accent);padding:10px 12px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:14px;color:var(--text-dim);font-weight:600}.input{width:100%;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--accent)}.container{max-width:1100px;margin:0 auto;padding:0 16px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.center-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.error-text{color:var(--danger);font-size:14px}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}