:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--color-bg: #020617;--color-panel: rgba(30, 41, 59, .7);--color-text: #f8fafc;--color-accent: #4cc9f0;--color-accent-glow: #4cc9f0;--color-secondary: #f72585;--color-secondary-glow: #f72585;--color-muted: #64748b;--color-border: rgba(255, 255, 255, .1);--font-sans-fallback: "Fredoka";--glow-intensity: 1}[data-theme=paper]{--color-bg: #f5f2ed;--color-panel: rgba(255, 255, 255, .8);--color-text: #1a1a1a;--color-accent: #5A5A40;--color-accent-glow: #8a8a60;--color-secondary: #8B4513;--color-secondary-glow: #b5651d;--color-muted: #7a7a7a;--color-border: rgba(0, 0, 0, .1);--font-sans-fallback: "Libre Baskerville"}[data-theme=warm]{--color-bg: #1a1410;--color-panel: rgba(42, 32, 24, .85);--color-text: #f5e6d3;--color-accent: #e8a849;--color-accent-glow: #f0bc5e;--color-secondary: #c75a3a;--color-secondary-glow: #e87a4e;--color-muted: #a89080;--color-border: rgba(245, 230, 211, .15)}[data-theme=ocean]{--color-bg: #0a1628;--color-panel: rgba(15, 52, 96, .75);--color-text: #e0f2fe;--color-accent: #38bdf8;--color-accent-glow: #67c9fc;--color-secondary: #0ea5e9;--color-secondary-glow: #38bdf8;--color-muted: #64748b;--color-border: rgba(56, 189, 248, .2)}[data-theme=forest]{--color-bg: #0f1f15;--color-panel: rgba(20, 46, 30, .8);--color-text: #dcfce7;--color-accent: #4ade80;--color-accent-glow: #6ee7a0;--color-secondary: #22c55e;--color-secondary-glow: #4ade80;--color-muted: #6b7280;--color-border: rgba(74, 222, 128, .15)}[data-theme=sunset]{--color-bg: #1f1520;--color-panel: rgba(45, 25, 45, .8);--color-text: #fef3c7;--color-accent: #fbbf24;--color-accent-glow: #fcd34d;--color-secondary: #f59e0b;--color-secondary-glow: #fbbf24;--color-muted: #a8917a;--color-border: rgba(251, 191, 36, .15)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:"Inter",var(--font-sans-fallback),system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}::selection{background:var(--color-accent);color:var(--color-bg)}.safe-top{padding-top:max(.5rem,var(--safe-top))}.safe-bottom{padding-bottom:max(.5rem,var(--safe-bottom))}.glow{box-shadow:0 0 5px var(--color-accent-glow),0 0 10px var(--color-accent-glow),0 0 15px var(--color-accent-glow)}.glow-secondary{box-shadow:0 0 5px var(--color-secondary-glow),0 0 10px var(--color-secondary-glow),0 0 15px var(--color-secondary-glow)}.glow-text{text-shadow:0 0 5px var(--color-accent-glow),0 0 10px var(--color-accent-glow),0 0 20px var(--color-accent-glow)}.glow-text-secondary{text-shadow:0 0 5px var(--color-secondary-glow),0 0 10px var(--color-secondary-glow),0 0 20px var(--color-secondary-glow)}.glow-intense{box-shadow:0 0 10px var(--color-accent-glow),0 0 20px var(--color-accent-glow),0 0 30px var(--color-accent-glow),0 0 40px var(--color-accent-glow)}.glow-ambient{position:relative}.glow-ambient:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 70%);opacity:.15;filter:blur(40px);z-index:-1;animation:ambient-pulse 4s ease-in-out infinite}.glow-border{position:relative;border:2px solid transparent;background:var(--color-panel)}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(45deg,var(--color-accent),var(--color-secondary));border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.glow-border:hover:before,.glow-border:focus-within:before{opacity:1}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px;opacity:.5}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.btn-press{transition:transform .15s ease-out,box-shadow .15s ease-out;-webkit-tap-highlight-color:transparent}.btn-press:active{transform:scale(.96)}.glass-panel{background:var(--color-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.glass-panel-glow{background:var(--color-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);box-shadow:0 0 20px #0000004d,inset 0 0 20px #ffffff0d}.bg-theme-bg{background:var(--color-bg)}.bg-theme-panel{background:var(--color-panel)}.text-theme-text{color:var(--color-text)}.text-theme-muted{color:var(--color-muted)}.text-theme-accent{color:var(--color-accent)}.text-theme-secondary{color:var(--color-secondary)}.border-theme-border{border-color:var(--color-border)}.bg-neon-blue{background:#00d4ff}.bg-neon-pink{background:#ff0080}.bg-neon-yellow{background:#ffde00}.bg-neon-green{background:#0f8}.bg-brand-danger{background:#ef4444}.bg-brand-success{background:#22c55e}.bg-brand-warning{background:#f59e0b}.text-brand-danger{color:#ef4444}.text-brand-success{color:#22c55e}.text-brand-warning{color:#f59e0b}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-accent),0 0 10px var(--color-accent)}50%{box-shadow:0 0 15px var(--color-accent),0 0 30px var(--color-accent),0 0 45px var(--color-accent)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow-enhanced{0%,to{box-shadow:0 0 8px var(--color-accent-glow),0 0 16px var(--color-accent-glow)}50%{box-shadow:0 0 20px var(--color-accent-glow),0 0 40px var(--color-accent-glow),0 0 60px var(--color-accent-glow)}}@keyframes ambient-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes rainbow-glow{0%{border-color:red;box-shadow:0 0 10px red}16%{border-color:#f80;box-shadow:0 0 10px #f80}33%{border-color:#ff0;box-shadow:0 0 10px #ff0}50%{border-color:#0f0;box-shadow:0 0 10px #0f0}66%{border-color:#08f;box-shadow:0 0 10px #08f}83%{border-color:#80f;box-shadow:0 0 10px #80f}to{border-color:red;box-shadow:0 0 10px red}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes rotate-glow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.3) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-pulse-glow-enhanced{animation:pulse-glow-enhanced 2s ease-in-out infinite}.animate-rainbow{animation:rainbow-glow 3s linear infinite}.animate-breathe{animation:breathe 2s ease-in-out infinite}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,select,textarea{font-family:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.app-container{width:100%;height:100%;max-width:100vw;overflow:hidden}@media(max-width:374px){.text-responsive{font-size:.75rem}.text-responsive-lg{font-size:.875rem}.text-responsive-xl{font-size:1rem}.text-responsive-2xl{font-size:1.125rem}.p-responsive{padding:.375rem}.gap-responsive{gap:.25rem}}@media(min-width:375px)and (max-width:639px){.text-responsive{font-size:.875rem}.text-responsive-lg{font-size:1rem}.text-responsive-xl{font-size:1.125rem}.text-responsive-2xl{font-size:1.25rem}.p-responsive{padding:.5rem}.gap-responsive{gap:.25rem}}@media(min-width:640px)and (max-width:767px){.text-responsive{font-size:1rem}.text-responsive-lg{font-size:1.125rem}.text-responsive-xl{font-size:1.25rem}.text-responsive-2xl{font-size:1.5rem}.p-responsive{padding:.75rem}.gap-responsive{gap:.5rem}}@media(min-width:768px)and (max-width:1023px){.text-responsive{font-size:1rem}.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.875rem}.p-responsive{padding:1rem}.gap-responsive{gap:.75rem}}@media(min-width:1024px)and (max-width:1279px){.text-responsive{font-size:1.125rem}.text-responsive-lg{font-size:1.25rem}.text-responsive-xl{font-size:1.5rem}.text-responsive-2xl{font-size:1.875rem}.p-responsive{padding:1rem}.gap-responsive{gap:.75rem}}@media(min-width:1280px){.text-responsive{font-size:1.125rem}.text-responsive-lg{font-size:1.375rem}.text-responsive-xl{font-size:1.625rem}.text-responsive-2xl{font-size:2rem}.p-responsive{padding:1.25rem}.gap-responsive{gap:1rem}}@media(max-width:479px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:480px)and (max-width:767px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){button,.btn{min-height:48px;min-width:48px;padding:.75rem 1rem}.touch-target-lg{min-height:56px;padding:1rem 1.5rem}}@media(min-width:769px){button,.btn{min-height:44px;min-width:44px}}@media(orientation:landscape)and (max-height:500px){.landscape-compact{padding-top:.25rem;padding-bottom:.25rem}}@media(prefers-color-scheme:dark){:root[data-theme=system]{--color-bg: #020617;--color-panel: rgba(30, 41, 59, .7);--color-text: #f8fafc}}@media(prefers-color-scheme:light){:root[data-theme=system]{--color-bg: #f5f2ed;--color-panel: rgba(255, 255, 255, .8);--color-text: #1a1a1a}}@media(prefers-contrast:high){.glass-panel,.glow-border{border-width:2px;border-color:var(--color-accent)}*{text-shadow:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:hover){.glow-on-hover:hover{box-shadow:0 0 10px var(--color-accent-glow),0 0 20px var(--color-accent-glow),0 0 30px var(--color-accent-glow)}.btn-press:hover{transform:translateY(-2px)}.btn-press:hover:active{transform:scale(.96)}}html{scroll-behavior:smooth}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.smooth-scroll-y{overflow-y:scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.smooth-scroll-x{overflow-x:scroll;scroll-behavior:smooth;-webkit-overfall-scrolling:touch;scrollbar-gutter:stable}.scroll-snap{scroll-snap-type:y mandatory;overscroll-behavior:contain}.scroll-snap-center{scroll-snap-align:center;scroll-snap-stop:always}.scroll-snap-start{scroll-snap-align:start;scroll-snap-stop:always}.scroll-snap-end{scroll-snap-align:end;scroll-snap-stop:always}.scroll-indicator{position:relative}.scroll-indicator:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--color-bg));pointer-events:none}.scroll-indicator-top:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(var(--color-bg),transparent);pointer-events:none;z-index:1}@supports (scrollbar-gutter: stable){.scroll-momentum{scrollbar-gutter:stable}}@supports not (scrollbar-gutter: stable){.scroll-momentum{padding-right:10px}}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}.scroll-hide::-webkit-scrollbar{display:none}.scroll-center{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.scroll-pad-top{scroll-padding-top:80px}.scroll-pad-bottom{scroll-padding-bottom:80px}.scroll-into-view:fullscreen,.scroll-into-view:-webkit-full-screen,.scroll-into-view:-moz-full-screen{scroll-margin-top:100px;scroll-margin-bottom:100px}[role=region][aria-label],[role=main],main{scrollbar-width:thin;scrollbar-color:var(--color-accent) transparent}.will-change-transform{will-change:transform}.backface-hidden{backface-visibility:hidden}.perspective-1000{perspective:1000px}.gradient-glow{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);position:relative}.gradient-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-secondary) 100%);filter:blur(20px);opacity:.5;z-index:-1}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.scroll-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-bg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:transform .2s,box-shadow .2s;z-index:50;cursor:pointer}.scroll-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.scroll-btn:active{transform:scale(.95)}.scroll-btn-up{bottom:80px}.scroll-btn-down{bottom:24px}@media(max-width:640px){.scroll-btn{bottom:16px;right:16px;width:44px;height:44px}.scroll-btn-up{bottom:68px}}.scroll-key-nav{outline:none}.scroll-key-nav:focus{outline:2px solid var(--color-accent);outline-offset:-2px}.game-container{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.game-hud{position:absolute;top:0;left:0;right:0;z-index:10;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 100%)}.game-hud-bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%)}.game-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.game-question{font-size:clamp(2rem,8vw,4rem);font-weight:700;text-align:center;line-height:1.2;user-select:none;-webkit-user-select:none}.game-question-large{font-size:clamp(3rem,12vw,6rem)}.game-question-operator{font-size:.6em;opacity:.7;vertical-align:middle}.game-input-container{position:relative;width:100%;max-width:280px;margin:0 auto}.game-answer-input{width:100%;padding:16px 24px;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700;text-align:center;background:var(--color-panel);border:3px solid var(--color-border);border-radius:16px;color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.game-answer-input:focus{border-color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.game-answer-input.correct{border-color:#22c55e;box-shadow:0 0 20px #22c55e;animation:pulse-correct .5s ease}.game-answer-input.incorrect{border-color:#ef4444;box-shadow:0 0 20px #ef4444;animation:shake .5s ease}@keyframes pulse-correct{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.game-timer{position:relative;width:80px;height:80px}.game-timer-ring{transform:rotate(-90deg)}.game-timer-progress{fill:none;stroke:var(--color-accent);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.game-timer-bg{fill:none;stroke:var(--color-border);stroke-width:4}.game-timer-text{font-size:1.25rem;font-weight:700;fill:var(--color-text)}.game-score{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-panel);border-radius:24px;font-weight:600}.game-score-value{font-size:1.25rem;color:var(--color-accent)}.game-combo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1rem,4vw,1.5rem);font-weight:800;text-transform:uppercase;animation:combo-pulse .3s ease}@keyframes combo-pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.game-progress{width:100%;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.game-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));border-radius:4px;transition:width .3s ease}.game-progress-label{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-muted);margin-bottom:4px}.game-lives{display:flex;gap:4px}.game-life{width:16px;height:16px;border-radius:50%;background:var(--color-secondary);transition:transform .2s,opacity .2s}.game-life.lost{opacity:.2;transform:scale(.8)}.game-feedback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.game-feedback-correct{background:#22c55e33;animation:feedback-fade .5s ease}.game-feedback-incorrect{background:#ef444433;animation:feedback-fade .5s ease}@keyframes feedback-fade{0%{opacity:1}to{opacity:0}}.floating-score{position:absolute;font-size:1.5rem;font-weight:700;animation:float-up 1s ease forwards;pointer-events:none}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.game-result{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.game-result-title{font-size:clamp(2rem,8vw,3rem);font-weight:800;margin-bottom:16px}.game-result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;width:100%;max-width:300px}.game-result-stat{display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--color-panel);border-radius:16px}.game-result-stat-value{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.game-result-stat-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;margin-top:4px}.game-countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:50}.game-countdown-number{font-size:clamp(6rem,25vw,12rem);font-weight:900;color:var(--color-accent);animation:countdown-pulse 1s ease infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.game-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50}@media(max-width:768px){.game-touch-area{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;z-index:20;pointer-events:none}.game-touch-cell{pointer-events:auto}}.game-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:320px;margin:0 auto}.game-numpad-btn{aspect-ratio:1.2;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;background:var(--color-panel);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);transition:all .15s ease;-webkit-tap-highlight-color:transparent}.game-numpad-btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.game-numpad-btn:active{transform:scale(.95)}.game-numpad-btn.submit{grid-column:span 2;background:var(--color-secondary);border-color:var(--color-secondary);font-weight:700;text-transform:uppercase}.game-numpad-btn.clear{background:transparent;border-color:var(--color-border)}@media(max-width:480px){.game-numpad{gap:6px}.game-numpad-btn{font-size:1.25rem}}.game-enter{animation:game-enter .3s ease}@keyframes game-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-exit{animation:game-exit .3s ease}@keyframes game-exit{to{opacity:0;transform:scale(1.1)}}.difficulty-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background:#22c55e33;color:#22c55e}.difficulty-badge.medium{background:#fbbf2433;color:#fbbf24}.difficulty-badge.hard{background:#ef444433;color:#ef4444}.campaign-card{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.campaign-card:active{transform:scale(.98)}.campaign-card-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;border-radius:50%;filter:blur(40px);opacity:.3;transition:opacity .3s}.campaign-card:hover .campaign-card-glow{opacity:.5}.arcade-card{position:relative;padding:24px;background:linear-gradient(135deg,var(--color-panel) 0%,rgba(0,0,0,.2) 100%);border-radius:24px;overflow:hidden;transition:all .3s ease}.arcade-card:hover{transform:translateY(-4px) scale(1.02)}.arcade-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:16px}.level-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.level-button{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:12px;transition:all .15s ease}.level-button.locked{opacity:.3;cursor:not-allowed}.level-button.current{border:2px solid var(--color-accent);box-shadow:0 0 12px var(--color-accent-glow)}.streak-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fbbf2433,#ef444433);border-radius:20px;font-weight:700}.streak-display.fire{animation:streak-glow .5s ease infinite alternate}@keyframes streak-glow{0%{box-shadow:0 0 8px #fbbf244d}to{box-shadow:0 0 16px #fbbf2499}}.accuracy-display{display:flex;align-items:center;gap:4px}.accuracy-bar{width:60px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.accuracy-fill{height:100%;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));transition:width .3s ease}.custom-scrollbar{overflow-y:scroll;scrollbar-gutter:both}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff14;border-radius:4px;margin:4px 2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#a855f7);border-radius:4px;border:2px solid rgba(255,255,255,.15);min-height:50px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#22d3ee,#c084fc)}.custom-scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#22d3ee,#d8b4fe)}.custom-scrollbar::-webkit-scrollbar-button{display:none}::-webkit-scrollbar{display:block;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#a855f7,#d946ef);border-radius:4px;border:1px solid rgba(255,255,255,.2)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06b6d4,#22d3ee,#a855f7)}.glass-panel-glow{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,inset 0 0 20px #ffffff05}.glass-panel-glow:hover{border-color:#ffffff1f}.form-field-enter{animation:form-field-slide-in .3s ease forwards}@keyframes form-field-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-group{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;transition:color .2s ease}.input-focus .input-icon{color:var(--color-accent)}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffc;font-weight:500;transition:all .3s ease}.auth-social-btn:hover:not(:disabled){background:#fff3;transform:translateY(-2px)}.auth-tab{position:relative;overflow:hidden}.auth-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));opacity:0;transition:opacity .3s ease}.auth-tab.active:before{opacity:1}.auth-card-glow{position:relative}.auth-card-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#4cc9f04d,#f725854d);border-radius:inherit;filter:blur(20px);opacity:0;transition:opacity .3s ease;z-index:-1}.auth-card-glow:hover:before{opacity:.5}.password-strength-bar{display:flex;gap:4px}.password-strength-segment{flex:1;height:4px;border-radius:2px;background:#ffffff1a;transition:background .3s ease}.password-strength-segment.active{background:var(--color-accent)}.password-strength-segment.weak{background:#ef4444}.password-strength-segment.fair{background:#f59e0b}.password-strength-segment.good{background:#eab308}.password-strength-segment.strong{background:#22c55e}.password-check-list{display:flex;flex-direction:column;gap:4px}.password-check-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff6;transition:color .2s ease}.password-check-item.met{color:#22c55e}.password-check-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:background .2s ease}.password-check-item.met .password-check-dot{background:#22c55e}@media(max-width:480px){.auth-form-space{gap:1rem}}.auth-error{animation:auth-error-shake .5s ease}@keyframes auth-error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.auth-spinner{animation:auth-spin 1s linear infinite}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gradient-text{background:linear-gradient(135deg,#06b6d4,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.input-wrapper:focus-within .input-icon{color:var(--color-accent)}.input-wrapper:focus-within input{border-color:var(--color-accent);box-shadow:0 0 0 3px #4cc9f01a}