:root{--surface-base: #000;--surface-elev-1: rgba(255,255,255,.04);--surface-elev-2: rgba(255,255,255,.08);--surface-elev-3: rgba(255,255,255,.12);--surface-glass: linear-gradient(90deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.2) 100%), linear-gradient(90deg, rgba(51,51,51,.35) 0%, rgba(51,51,51,.35) 100%);--surface-glass-soft: rgba(120,120,120,.22);--surface-glass-border: rgba(255,255,255,.4);--accent: #E91E8C;--accent-2: #FF4DB3;--accent-grad: linear-gradient(135deg, #E91E8C, #FF4DB3);--accent-soft: rgba(233,30,140,.2);--accent2: #FF4DB3;--bg: radial-gradient(ellipse at 50% 50%, #F91A86 0%, #BA1364 25%, #7C0D43 50%, #5D0A32 62.5%, #3E0621 75%, #1F0311 87.5%, #000 100%);--dark-card: rgba(0, 0, 0, .2);--glass-bg: var(--surface-glass);--glass-border: var(--surface-glass-border);--btn-dark: #000;--radius: 30px;--success: #4CAF50;--error: #f44336;--tg-blue: #229ED9;--gold: #FFD700;--text: #fff;--text-muted: rgba(255,255,255,.7);--text-faint: rgba(255,255,255,.5);--text-dim: rgba(255,255,255,.3);--bg-onboarding: radial-gradient(ellipse at 50% 50%, #F91A86 0%, #BA1364 25%, #7C0D43 50%, #5D0A32 62.5%, #3E0621 75%, #1F0311 87.5%, #000 100%);--bg-app: var(--bg-onboarding);--gradient-fade-bottom: linear-gradient(to top, rgba(0,0,0,.7) 0%, transparent 100%);--gradient-fade-top: linear-gradient(to bottom, rgba(0,0,0,.7) 0%, transparent 100%);--text-display: clamp(28px, 8vw, 36px);--text-h1: clamp(24px, 7vw, 32px);--text-h2: clamp(18px, 5.5vw, 22px);--text-h3: clamp(16px, 4.5vw, 18px);--text-body: clamp(14px, 4vw, 16px);--text-small: clamp(12px, 3.5vw, 14px);--text-caption: clamp(10px, 3vw, 12px);--font-regular: 400;--font-medium: 500;--font-semi: 600;--font-bold: 700;--font-extra: 800;--font-black: 900;--tracking-tight: -.3px;--tracking-tighter: -.5px;--space-2xs: 4px;--space-xs: 8px;--space-sm: clamp(10px, 3vw, 12px);--space-md: clamp(12px, 3.5vw, 16px);--space-lg: clamp(16px, 4.5vw, 20px);--space-xl: clamp(20px, 5.5vw, 28px);--space-2xl: clamp(28px, 7vw, 40px);--space-3xl: clamp(40px, 10vw, 60px);--gutter: 14px;--header-pad-top: 100px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-pill: 50px;--radius-circle: 50%;--shadow-card: 0 2px 4px rgba(0,0,0,.1);--shadow-elev: 0 4px 16px rgba(0,0,0,.25);--shadow-modal: 0 8px 32px rgba(0,0,0,.4);--z-base: 1;--z-overlay: 10;--z-sticky: 50;--z-nav: 100;--z-modal: 1000;--z-toast: 2000;--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease;--blur-glass: blur(50px);--blur-soft: blur(16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg-app);color:var(--text);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-body)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-app);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.screen--gradient{background:var(--bg-onboarding)}.screen--black{background:var(--surface-base)}.screen--centered{align-items:center;justify-content:center}.screen--with-nav{padding-bottom:100px}.app-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.app-content{flex:1;overflow:hidden;position:relative;padding-bottom:90px}.stack-2xs{display:flex;flex-direction:column;gap:var(--space-2xs)}.stack-xs{display:flex;flex-direction:column;gap:var(--space-xs)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-sm)}.stack-md{display:flex;flex-direction:column;gap:var(--space-md)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-lg)}.stack-xl{display:flex;flex-direction:column;gap:var(--space-xl)}.stack-2xl{display:flex;flex-direction:column;gap:var(--space-2xl)}.cluster-2xs{display:flex;flex-wrap:wrap;gap:var(--space-2xs);align-items:center}.cluster-xs{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center}.cluster-sm{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.cluster-md{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}.cluster-lg{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.full{width:100%;height:100%}.full-w{width:100%}.flex-1{flex:1;min-width:0}.shrink-0{flex-shrink:0}.p-2xs{padding:var(--space-2xs)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-gutter{padding-left:var(--gutter);padding-right:var(--gutter)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.mb-2xs{margin-bottom:var(--space-2xs)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mx-auto{margin-left:auto;margin-right:auto}.text-display{font-size:var(--text-display);font-weight:var(--font-extra);line-height:1.15;letter-spacing:var(--tracking-tight)}.text-h1{font-size:var(--text-h1);font-weight:var(--font-extra);line-height:1.2;letter-spacing:var(--tracking-tight)}.text-h2{font-size:var(--text-h2);font-weight:var(--font-extra);line-height:1.25;letter-spacing:var(--tracking-tight)}.text-h3{font-size:var(--text-h3);font-weight:var(--font-bold);line-height:1.3}.text-body{font-size:var(--text-body);font-weight:var(--font-regular);line-height:1.45}.text-small{font-size:var(--text-small);font-weight:var(--font-regular);line-height:1.4}.text-caption{font-size:var(--text-caption);font-weight:var(--font-regular);line-height:1.4}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-dim{color:var(--text-dim)}.text-accent{color:var(--accent)}.text-tg{color:var(--tg-blue)}.text-gold{color:var(--gold)}.text-tight{letter-spacing:var(--tracking-tight)}.text-tighter{letter-spacing:var(--tracking-tighter)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-medium)}.font-semi{font-weight:var(--font-semi)}.font-bold{font-weight:var(--font-bold)}.font-extra{font-weight:var(--font-extra)}.font-black{font-weight:var(--font-black)}.glass{background:var(--surface-glass);border:1px solid var(--surface-glass-border);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-soft{background:var(--surface-glass-soft);backdrop-filter:var(--blur-soft);-webkit-backdrop-filter:var(--blur-soft)}.fade-bottom{position:absolute;bottom:0;left:0;right:0;height:45%;background:var(--gradient-fade-bottom);pointer-events:none}.btn-dark{width:100%;padding:var(--space-md);background:var(--surface-base);color:var(--text);border:none;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-semi);font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast)}.btn-dark:active{opacity:.8}.btn-dark:disabled{opacity:.45;cursor:default}.btn-pink{width:100%;padding:var(--space-md);background:var(--accent-grad);color:var(--text);border:none;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-semi);font-family:inherit;cursor:pointer;transition:opacity var(--transition-fast)}.btn-pink:active{opacity:.8}.btn-pink:disabled{opacity:.45;cursor:default}.btn-pink--sm{width:auto;padding:7px 16px;font-size:var(--text-small);font-weight:var(--font-bold)}.btn-pink--ghost{width:auto;padding:7px 16px;background:var(--accent-soft);border:1px solid rgba(233,30,140,.5);color:var(--text);border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--font-semi);font-family:inherit;cursor:pointer}.btn-tg{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px var(--space-md);background:var(--tg-blue);color:var(--text);border:none;border-radius:var(--radius-pill);font-size:var(--text-small);font-weight:var(--font-bold);font-family:inherit;cursor:pointer}.btn-ghost{background:transparent;border:none;color:var(--text);font-family:inherit;cursor:pointer;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill)}.bottom-nav{position:fixed;bottom:36px;left:54px;right:54px;height:54px;background:var(--surface-base);border-radius:37px;overflow:hidden;display:flex;align-items:center;justify-content:space-around;z-index:var(--z-nav)}.nav-btn{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff6;cursor:pointer;width:46px;height:50px;border-radius:25px;transition:color var(--transition-fast);flex-shrink:0}.nav-btn.active{color:var(--text)}.nav-btn-indicator{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:23px;background:var(--surface-elev-3);pointer-events:none}.nav-btn svg{width:24px;height:24px;position:relative;z-index:var(--z-base)}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.absolute-fill{position:absolute;top:0;right:0;bottom:0;left:0}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}.no-pointer{pointer-events:none}.overflow-hidden{overflow:hidden}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}