:root{color-scheme:dark;--bg: #0b0b12;--surface: #161622;--surface-2: #1f1f2e;--surface-3: #2a2a3c;--border: rgba(255, 255, 255, .08);--text: #f4f4f8;--text-2: #b4b4c6;--text-3: #7d7d93;--accent: #8b7cff;--accent-2: #4fd1c5;--accent-gradient: linear-gradient(135deg, #8b7cff 0%, #6a8dff 50%, #4fd1c5 100%);--danger: #ff7a8a;--success: #5ee0a8;--overlay: rgba(11, 11, 18, .55);--glass: rgba(22, 22, 34, .6);--radius-xs: 10px;--radius-sm: 14px;--radius: 20px;--radius-lg: 28px;--radius-pill: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-height: 64px;--app-width: 480px;--ease: cubic-bezier(.2, .8, .2, 1);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:0;border-radius:var(--radius-pill);font-weight:600;font-size:15px;text-decoration:none;transition:transform .15s var(--ease),opacity .15s,background .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 24px #8b7cff59}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--text-2)}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:600;color:var(--text-2);padding-left:4px}.field input{height:52px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);outline:none;transition:border-color .2s,background .2s}.field input:focus{border-color:var(--accent);background:var(--surface-3)}.field input:disabled{opacity:.6}.field .hint{font-size:12px;color:var(--text-3);padding-left:4px}.notice{padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;line-height:1.45;background:var(--surface-2);border:1px solid var(--border)}.notice.error{color:var(--danger);background:#ff7a8a14;border-color:#ff7a8a40}.notice.success{color:var(--success);background:#5ee0a814;border-color:#5ee0a840}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}