:root{--color-bg-start: #0e0a33;--color-bg-end: #000000;--color-accent-start: #4fb0ef;--color-accent-end: #8b41da;--color-btn-start: #491d8c;--color-btn-end: #8b40da;--color-surface: #0e0a33;--color-surface-2: rgba(255,255,255,.06);--color-border: rgba(255,255,255,.1);--color-white: #ffffff;--color-text-primary: rgba(255,255,255,1);--color-text-secondary: rgba(255,255,255,.7);--color-text-muted: rgba(255,255,255,.53);--color-text-dim: rgba(255,255,255,.3);--color-overlay: rgba(14,10,51,.85);--color-divider: rgba(255,255,255,.06);--gradient-bg: linear-gradient(180deg, var(--color-bg-start) 0%, var(--color-bg-end) 100%);--gradient-accent: linear-gradient(90deg, var(--color-accent-start), var(--color-accent-end));--gradient-btn: linear-gradient(135deg, var(--color-btn-start), var(--color-btn-end));--gradient-badge: linear-gradient(90deg, var(--color-accent-start), var(--color-accent-end));--font-family: "Montserrat", "Gotham", -apple-system, sans-serif;--font-28-700: 700 28px/1.2 var(--font-family);--font-24-700: 700 24px/1.3 var(--font-family);--font-20-500: 500 20px/1.3 var(--font-family);--font-18-500: 500 18px/1.3 var(--font-family);--font-16-500: 500 16px/1.3 var(--font-family);--font-14-500: 500 14px/1.4 var(--font-family);--font-13-500: 500 13px/1.5 var(--font-family);--font-13-400: 400 13px/1.5 var(--font-family);--font-12-500: 500 12px/1.5 var(--font-family);--font-12-400: 400 12px/1.5 var(--font-family);--font-10-400: 400 10px/1.5 var(--font-family);--font-8-400: 400 8px/1.5 var(--font-family);--sp-4: 4px;--sp-6: 6px;--sp-8: 8px;--sp-10: 10px;--sp-12: 12px;--sp-14: 14px;--sp-16: 16px;--sp-20: 20px;--sp-24: 24px;--radius-sm: 6px;--radius-card: 10px;--radius-lg: 16px;--radius-pill: 30px;--radius-full: 9999px;--topbar-h: 54px;--bottomnav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:var(--font-family);background:#000;color:var(--color-text-primary);-webkit-font-smoothing:antialiased}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:var(--font-family);outline:none}#root{display:flex;justify-content:center;align-items:center;background:#000}.app-shell{width:100%;max-width:480px;height:100dvh;max-height:100dvh;background:#000;position:relative;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.page-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.page-scroll::-webkit-scrollbar{display:none}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}