@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.debug-panel[data-v-d83030c9]{position:fixed;left:0;right:0;bottom:0;max-height:42vh;background:#0a0a0af0;color:#4ade80;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4;z-index:99999;display:flex;flex-direction:column;border-top:2px solid #4ade80;padding-bottom:env(safe-area-inset-bottom)}.debug-panel-header[data-v-d83030c9]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;flex-shrink:0}.debug-panel-actions button[data-v-d83030c9]{margin-left:6px;font-size:11px;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff}.debug-panel-body[data-v-d83030c9]{overflow-y:auto;padding:6px 10px;white-space:pre-wrap;word-break:break-all}.app-root[data-v-59a9ca5a]{min-height:100dvh;position:relative}:root{--bg: #0a0a0f;--bg-2: #111118;--surface: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.1);--surface-high: rgba(255,255,255,.14);--border: rgba(255,255,255,.08);--border-high: rgba(255,255,255,.16);--text-1: rgba(255,255,255,1);--text-2: rgba(255,255,255,.6);--text-3: rgba(255,255,255,.35);--accent-1: #fc3c44;--accent-2: #ff6b35;--accent-3: #bf5af2;--accent-4: #0a84ff;--accent-grad: linear-gradient(135deg, #fc3c44 0%, #ff6b35 50%, #bf5af2 100%);--accent-grad-blue: linear-gradient(135deg, #0a84ff 0%, #bf5af2 100%);--score-gold: #ffd60a;--score-silver: #aeaeb2;--score-bronze: #c77b3a;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--blur-sm: blur(10px);--blur-md: blur(20px);--blur-lg: blur(40px);--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-xl: 32px;--r-full: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 8px 32px rgba(0,0,0,.5);--shadow-lg: 0 20px 60px rgba(0,0,0,.7);--shadow-glow-red: 0 0 40px rgba(252,60,68,.35);--shadow-glow-purple: 0 0 40px rgba(191,90,242,.35);--shadow-glow-gold: 0 0 40px rgba(255,214,10,.4);--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 44px;--text-5xl: 60px;--text-6xl: 80px;--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-base: .25s cubic-bezier(.4, 0, .2, 1);--t-slow: .45s cubic-bezier(.4, 0, .2, 1);--t-spring: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:none;text-size-adjust:none}body{font-family:-apple-system,Inter,BlinkMacSystemFont,SF Pro Display,sans-serif;background:var(--bg);color:var(--text-1);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.bg-orbs:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(252,60,68,.12) 0%,transparent 70%);top:-200px;left:-100px;animation:orbFloat 12s ease-in-out infinite alternate}.bg-orbs:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(191,90,242,.1) 0%,transparent 70%);bottom:-150px;right:-100px;animation:orbFloat 15s ease-in-out infinite alternate-reverse}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.glass{background:var(--surface);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border);border-radius:var(--r-lg)}.glass-high{background:var(--surface-high);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-high);border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:var(--r-full);font-family:inherit;font-size:var(--text-base);font-weight:600;cursor:pointer;transition:transform var(--t-fast),opacity var(--t-fast),box-shadow var(--t-base);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:active{transform:none}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:0 4px 20px #fc3c4466}.btn-primary:hover{box-shadow:0 6px 30px #fc3c4499}.btn-secondary{background:var(--surface-high);color:var(--text-1);border:1px solid var(--border-high);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.btn-secondary:hover{background:var(--surface-hover)}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-lg{padding:18px 40px;font-size:var(--text-lg);border-radius:var(--r-xl)}.btn-xl{padding:22px 56px;font-size:var(--text-xl);font-weight:700;border-radius:var(--r-xl);letter-spacing:-.02em}.display{font-size:var(--text-5xl);font-weight:800;letter-spacing:-.04em;line-height:1}.headline{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;line-height:1.1}.title{font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em}.body{font-size:var(--text-base);line-height:1.5}.caption{font-size:var(--text-sm);color:var(--text-2)}.label-xs{font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.gradient-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 18px;font-family:inherit;font-size:var(--text-lg);color:var(--text-1);outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);-webkit-appearance:none}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent-1);background:var(--surface-hover);box-shadow:0 0 0 3px #fc3c4426}.input-xl{font-size:var(--text-3xl);font-weight:700;text-align:center;letter-spacing:.15em;padding:20px;border-radius:var(--r-lg)}.pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--r-full);font-size:var(--text-sm);font-weight:500;background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:all var(--t-fast);-webkit-user-select:none;user-select:none}.pill:active{transform:scale(.95)}.pill-count{opacity:.6;font-weight:400}.pill.active{background:#fc3c4426;border-color:#fc3c4466;color:var(--accent-1)}.toggle-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle{position:relative;width:51px;height:31px;flex-shrink:0}.toggle input{display:none}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--r-full);background:#ffffff26;transition:background var(--t-base);cursor:pointer}.toggle input:checked~.toggle-track{background:linear-gradient(135deg,var(--accent-1),var(--accent-3))}.toggle-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d;transition:transform var(--t-spring);pointer-events:none}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(20px)}.score-bar-track{height:6px;background:var(--surface-high);border-radius:var(--r-full);overflow:hidden}.score-bar-fill{height:100%;border-radius:var(--r-full);background:var(--accent-grad);transition:width .8s cubic-bezier(.4,0,.2,1)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countdownPulse{0%{transform:scale(1.4);opacity:0}30%{opacity:1}to{transform:scale(1);opacity:1}}@keyframes scorePopIn{0%{transform:scale(0) rotate(-10deg);opacity:0}70%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.anim-fade-up{animation:fadeUp var(--t-slow) both}.anim-fade-in{animation:fadeIn var(--t-base) both}.anim-scale-in{animation:scaleIn var(--t-spring) both}.anim-score-pop{animation:scorePopIn .6s var(--t-spring) both}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.center{display:flex;align-items:center;justify-content:center}.spacer{flex:1}.safe-top{padding-top:max(20px,calc(var(--safe-top) + 12px))}.safe-bottom{padding-bottom:max(20px,calc(var(--safe-bottom) + 12px))}::-webkit-scrollbar{width:0}.page-enter-active{animation:fadeUp .4s cubic-bezier(.4,0,.2,1) both}.page-leave-active{animation:fadeIn .2s reverse both}.slide-up-enter-active{animation:fadeUp .35s cubic-bezier(.34,1.56,.64,1) both}.slide-up-leave-active{transition:all .2s}.slide-up-leave-to{opacity:0;transform:translateY(10px)}.pop-enter-active{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.pop-leave-active{transition:all .2s}.pop-leave-to{opacity:0;transform:scale(.9)}
