:root{--bg-dark: #050505;--bg-card: rgba(20, 20, 20, .6);--bg-glass: rgba(255, 255, 255, .03);--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--accent: #ec4899;--accent-glow: rgba(236, 72, 153, .5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-main: #ffffff;--text-muted: #a1a1aa;--border: rgba(255, 255, 255, .08);--radius: 20px;--nav-height: 80px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(236,72,153,.15) 0%,transparent 40%);background-attachment:fixed}h1,h2,h3{font-weight:800;letter-spacing:-.02em}h1{font-size:28px;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:24px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0000004d}.glass-button{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;padding:14px 24px;border-radius:16px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);transition:all .3s ease}.glass-button:active{transform:scale(.98);box-shadow:0 2px 8px var(--primary-glow)}.page-container{padding:20px 20px 100px;max-width:600px;margin:0 auto;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.spinner-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--text-muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.spinner-block{flex-direction:column;display:flex;width:100%}.spinner-inline{flex-direction:row}.spinner-circle{display:inline-block;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--primary);animation:spin 1s linear infinite}.spinner-wrapper.spinner-accent .spinner-circle{border-top-color:var(--accent)}.spinner-wrapper.spinner-light .spinner-circle{border-top-color:#fff}.spinner-wrapper.spinner-muted .spinner-circle{border-top-color:var(--text-muted)}.spinner-label{font-size:.75rem;color:var(--text-muted)}.spinner-wrapper.spinner-primary .spinner-label{color:#e0e7ff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}