*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:#060610;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,system-ui,sans-serif;color:#e4e4ec;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-overflow-scrolling:touch}html{overscroll-behavior:none}::-webkit-scrollbar{display:none}:root{--bg:#060610;--surface-0:#0a0a18;--surface-1:#0f0f1f;--surface-2:#161630;--surface-3:#1e1e40;--text-primary:#EEEEF2;--text-secondary:#9090AC;--text-tertiary:#606078;--text-muted:#404058;--border-subtle:rgba(255,255,255,.04);--border-medium:rgba(255,255,255,.07);--border-strong:rgba(255,255,255,.12);--shadow-card:0 2px 8px rgba(0,0,0,.15);--shadow-elevated:0 8px 32px rgba(0,0,0,.2);--shadow-modal:0 20px 60px rgba(0,0,0,.4);--accent:#FF3366;--accent-dim:#CC2952;--accent-soft:rgba(255,51,102,.08);--green:#26A17B;--green-soft:rgba(38,161,123,.08);--orange:#FF6B35;--gold:#E5B800;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--safe-top:max(16px, env(safe-area-inset-top));--safe-bottom:max(28px, env(safe-area-inset-bottom))}.t-hero{font-size:28px;font-weight:900;letter-spacing:-.5px;line-height:1.1}.t-h1{font-size:20px;font-weight:800;letter-spacing:-.3px}.t-h2{font-size:16px;font-weight:700}.t-h3{font-size:13px;font-weight:700;letter-spacing:.3px}.t-body{font-size:13px;font-weight:500;line-height:1.5;color:var(--text-secondary)}.t-caption{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-tertiary)}.t-micro{font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted)}.t-number{font-family:SF Mono,Menlo,monospace;font-weight:800;font-variant-numeric:tabular-nums}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 16px #ff33661f}50%{box-shadow:0 0 32px #ff336640}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.04)}70%{transform:scale(.97)}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes livePulse{0%,to{box-shadow:0 0 #ff6b3559}70%{box-shadow:0 0 0 6px #ff6b3500}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes toastIn{0%{transform:translateY(-16px) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:1}}@keyframes splashLogo{0%{transform:scale(.5);opacity:0;filter:blur(8px)}50%{transform:scale(1.08);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1}}@keyframes splashGlow{0%{opacity:0;transform:scale(.5)}50%{opacity:.5;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}@keyframes splashFadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes checkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleEffect{0%{transform:scale(0);opacity:.2}to{transform:scale(4);opacity:0}}@keyframes slideExpand{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes elevate{0%{transform:translateY(3px);opacity:0}to{transform:translateY(0);opacity:1;box-shadow:var(--shadow-card)}}.toast{position:fixed;top:calc(var(--safe-top) + 4px);left:50%;transform:translate(-50%);z-index:999;padding:12px 24px;border-radius:100px;font-size:13px;font-weight:600;animation:toastIn .3s ease;max-width:88%;text-align:center;box-shadow:var(--shadow-elevated)}.toast-success{background:#26a17b;color:#fff}.toast-error{background:#f36;color:#fff}.toast-info{background:#627eea;color:#fff}.skel{background:linear-gradient(90deg,var(--surface-1) 25%,var(--surface-2) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.glass{background:var(--surface-1);border:1px solid var(--border-subtle)}.glass-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.glass-hover{transition:all .15s ease}.glass-hover:active{transform:scale(.98)}.elevated{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-card)}.elevated-high{background:var(--surface-2);border:1px solid var(--border-medium);border-radius:20px;box-shadow:var(--shadow-elevated)}.glow-border{position:relative;overflow:hidden}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#f36,#ff6b35,gold,#f36);background-size:300% 300%;animation:gradientShift 4s ease infinite;border-radius:inherit;z-index:-1;opacity:.3}.glow-border:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--bg);border-radius:inherit;z-index:-1}.btn-press{transition:transform .08s ease;position:relative;overflow:hidden}.btn-press:active{transform:scale(.975)}.btn-press .ripple{position:absolute;border-radius:50%;background:#ffffff14;animation:rippleEffect .5s ease-out forwards;pointer-events:none}.progress-bar{height:3px;border-radius:2px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--orange));transition:width .5s ease}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:livePulse 2s infinite}.confetti-piece{position:fixed;width:10px;height:10px;top:-10px;z-index:999;animation:confettiFall linear forwards;pointer-events:none}.ptr-indicator{text-align:center;padding:12px;color:var(--text-tertiary);font-size:12px;font-weight:600;transition:all .3s}.spinner{width:22px;height:22px;border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}input{font-family:inherit;font-size:15px}input::placeholder{color:var(--text-muted)}@media (min-width:769px){.mobile-nav{display:none!important}.desktop-sidebar{display:flex!important}.app-shell{max-width:1200px!important;display:flex!important;flex-direction:row!important}.app-content{max-width:600px!important;flex:1;margin-left:260px!important;margin-right:auto!important}.app-header{position:sticky!important;top:0;z-index:100}}@media (max-width:768px){.desktop-sidebar{display:none!important}.app-content{max-width:430px!important}}@media (min-width:900px){body{background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(255,45,85,.04) 0%,transparent 60%),#04040c}.app-shell,.app-content{max-width:430px!important;margin:0 auto!important}.desktop-sidebar{display:flex!important;width:240px;position:fixed;left:calc(50% - 455px);top:0;bottom:0;flex-direction:column;padding:28px 20px;border-right:1px solid rgba(255,255,255,.06);background:#04040cfa;z-index:100}.mobile-nav{display:none!important}.app-content{padding-bottom:40px!important}}@media (min-width:1140px){.desktop-right{display:flex!important;width:200px;position:fixed;left:calc(50% + 216px);top:0;bottom:0;flex-direction:column;padding:28px 20px;border-left:1px solid rgba(255,255,255,.04);background:#04040cfa;gap:24px}}