:root{--bg-deep: #1a0a24;--bg-mid: #261242;--bg-surface: #341a5c;--berry: #ff5a94;--berry-dark: #e04480;--berry-glow: rgba(255, 90, 148, .3);--leaf: #4ade80;--leaf-dark: #36b86a;--leaf-glow: rgba(74, 222, 128, .25);--honey: #ffca3a;--honey-dark: #e8b020;--honey-glow: rgba(255, 202, 58, .3);--sky: #818cf8;--sky-dark: #6366f1;--sky-glow: rgba(129, 140, 248, .25);--orange-fruit: #ff8c42;--red: #ff5252;--card-bg: rgba(52, 26, 92, .85);--card-bg-hover: rgba(62, 32, 105, .9);--card-border: rgba(255, 255, 255, .08);--card-highlight: rgba(255, 255, 255, .06);--white: #ffffff;--white-03: rgba(255, 255, 255, .03);--white-05: rgba(255, 255, 255, .05);--white-08: rgba(255, 255, 255, .08);--white-10: rgba(255, 255, 255, .1);--white-12: rgba(255, 255, 255, .12);--white-15: rgba(255, 255, 255, .15);--white-20: rgba(255, 255, 255, .2);--white-40: rgba(255, 255, 255, .4);--white-60: rgba(255, 255, 255, .6);--white-80: rgba(255, 255, 255, .8);--text-xs: 11px;--text-sm: 13px;--text-base: 16px;--text-lg: 20px;--text-xl: 25px;--text-2xl: 31px;--text-3xl: 39px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--radius-pill: 100px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .4);--glow-berry: 0 0 20px var(--berry-glow), 0 4px 16px rgba(0, 0, 0, .3);--glow-leaf: 0 0 20px var(--leaf-glow), 0 4px 16px rgba(0, 0, 0, .3);--glow-honey: 0 0 20px var(--honey-glow), 0 4px 16px rgba(0, 0, 0, .3);--glow-sky: 0 0 20px var(--sky-glow), 0 4px 16px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-deep);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(255,90,148,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(74,222,128,.07) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 10% 70%,rgba(255,202,58,.06) 0%,transparent 50%),linear-gradient(170deg,var(--bg-deep) 0%,var(--bg-mid) 45%,var(--bg-surface) 100%);background-attachment:fixed;color:var(--white);min-height:100vh;min-height:100dvh;overflow-x:hidden}.screen{display:none;min-height:100vh;min-height:100dvh;padding:var(--sp-5);max-width:500px;margin:0 auto;flex-direction:column;align-items:center;contain:layout style}.screen.active{display:flex;animation:screenEnter .4s ease-out}@media(min-width:769px){.screen{max-width:540px}}@supports (padding: env(safe-area-inset-bottom)){.screen{padding-left:max(var(--sp-5),env(safe-area-inset-left));padding-right:max(var(--sp-5),env(safe-area-inset-right))}}.glass{background:var(--card-bg);border:1px solid var(--card-border);border-top-color:#ffffff1f;border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow),inset 0 1px 0 var(--card-highlight)}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.toast{position:fixed;top:var(--sp-5);left:50%;max-width:calc(100% - var(--sp-8));text-align:center;transform:translate(-50%) translateY(calc(-100% - var(--sp-5) - var(--sp-6)));background:linear-gradient(135deg,var(--berry),var(--berry-dark));color:var(--white);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-pill);font-weight:600;z-index:1000;transition:transform .3s ease;box-shadow:var(--glow-berry);pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}#confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:16px 28px;border:none;border-radius:var(--radius-pill);font-size:17px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;color:var(--white);text-shadow:0 1px 3px rgba(0,0,0,.25);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px #fff3,inset 0 -3px #00000026;pointer-events:none}.btn:hover{transform:translateY(-2px) scale(1.02)}.btn:active{transform:translateY(2px) scale(.95)}.btn:active:after{box-shadow:inset 0 -2px #ffffff1a,inset 0 3px #0000001f}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.4)}.btn-magenta{background:linear-gradient(135deg,var(--berry),var(--berry-dark));box-shadow:var(--glow-berry)}.btn-magenta:hover{box-shadow:0 0 28px var(--berry-glow),0 6px 20px #0000004d}.btn-blue{background:linear-gradient(135deg,var(--sky),var(--sky-dark));box-shadow:var(--glow-sky)}.btn-blue:hover{box-shadow:0 0 28px var(--sky-glow),0 6px 20px #0000004d}.btn-green{background:linear-gradient(135deg,var(--leaf),var(--leaf-dark));color:var(--bg-deep);text-shadow:none;box-shadow:var(--glow-leaf)}.btn-green:hover{box-shadow:0 0 28px var(--leaf-glow),0 6px 20px #0000004d}.btn-gold{background:linear-gradient(135deg,var(--honey),var(--honey-dark));color:var(--bg-deep);text-shadow:none;box-shadow:var(--glow-honey)}.btn-gold:hover{box-shadow:0 0 28px var(--honey-glow),0 6px 20px #0000004d}.input{width:100%;padding:14px 18px;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);background:#ffffff0f;color:var(--white);font-size:var(--text-base);font-weight:500;outline:none;transition:border-color .25s,box-shadow .25s,background .25s}.input::placeholder{color:var(--white-40)}.input:focus{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-glow);background:#ffffff14}select.input,select.input:focus{background-color:var(--bg-surface)}.choice-marker{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--white-10);font-size:var(--text-xs);font-weight:700}.choice-text{flex:1;line-height:1.4}[appScrollFade]{--scroll-fade-top: 0;--scroll-fade-bottom: 0;--scroll-fade-size: 24px;--scroll-fade-mask: linear-gradient( to bottom, transparent 0, #000 calc(var(--scroll-fade-top) * var(--scroll-fade-size)), #000 calc(100% - var(--scroll-fade-bottom) * var(--scroll-fade-size)), transparent 100% );-webkit-mask-image:var(--scroll-fade-mask);mask-image:var(--scroll-fade-mask)}.waiting-text{text-align:center;color:var(--white-40);font-size:var(--text-sm);font-weight:500;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buzzerPulse{0%,to{box-shadow:0 0 12px var(--berry-glow);transform:scale(1)}50%{box-shadow:0 0 32px var(--berry-glow),0 0 64px #ff5a941f;transform:scale(1.03)}}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.35}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}40%{transform:scale(1.2);opacity:1}65%{transform:scale(.92)}85%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes countdownPop{0%{transform:scale(2);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes comboPop{0%{transform:translate(-50%) scale(1.5);opacity:.6}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes floatBob{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(.5deg)}75%{transform:translateY(2px) rotate(-.5deg)}}@keyframes screenEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glowBreath{0%,to{box-shadow:0 0 8px var(--berry-glow)}50%{box-shadow:0 0 20px var(--berry-glow),0 0 40px #ffca3a26}}@keyframes podiumGrow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes codeGlow{0%,to{text-shadow:0 0 20px var(--honey-glow),0 2px 4px rgba(0,0,0,.3)}50%{text-shadow:0 0 36px var(--honey-glow),0 0 60px rgba(255,202,58,.15),0 2px 4px rgba(0,0,0,.3)}}