.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-md{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,#0EA5E9 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 0 0 0 var(--color-accent-primary-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow-teal);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-elevated);border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-lg),0 0 20px #ef444466}.btn-disabled,.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-full{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;font-size:1.1em}.card{border-radius:var(--radius-xl);transition:all var(--transition-base)}.card-default{background:var(--color-bg-secondary)}.card-elevated{background:var(--color-bg-secondary);box-shadow:var(--shadow-lg)}.card-outlined{background:var(--color-bg-primary);border:1px solid var(--color-border)}.card-glass{background:#1a2332cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-5)}.card-padding-lg{padding:var(--space-8)}.card-hoverable{cursor:pointer}.card-hoverable:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card-hoverable.card-outlined:hover{border-color:var(--color-accent-primary)}.landing{min-height:100vh}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#0b1220d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.nav-logo{display:flex;align-items:center}.logo-image{height:48px;width:auto}.footer-brand .logo-image{height:64px}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:color var(--transition-fast);padding:var(--space-2) 0}.nav-link:hover{color:var(--color-text-primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-6) var(--space-16);background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,211,238,.15),transparent),var(--color-bg-deep)}.hero-container{max-width:800px;text-align:center}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--color-accent-primary-muted);color:var(--color-accent-primary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);margin-bottom:var(--space-6);animation:fadeIn .6s ease-out .1s backwards}.hero-title{font-size:clamp(var(--text-4xl),8vw,var(--text-6xl));font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text-primary);animation:slideUp .6s ease-out .2s backwards}.hero-title-accent{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto var(--space-8);animation:slideUp .6s ease-out .3s backwards}.hero-ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12);animation:slideUp .6s ease-out .4s backwards}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-6);flex-wrap:wrap;animation:fadeIn .6s ease-out .6s backwards}.stat{text-align:center}.stat-value{display:block;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.section-container{max-width:1200px;margin:0 auto;padding:var(--space-20) var(--space-6)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.benefits{background:var(--color-bg-primary)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.benefit-card{text-align:center;transition:transform var(--transition-base)}.benefit-card:hover{transform:translateY(-4px)}.benefit-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:inline-block;transition:transform var(--transition-base)}.benefit-card:hover .benefit-icon{transform:scale(1.1)}.benefit-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.benefit-desc{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.how-it-works{background:var(--color-bg-deep)}.steps{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.step{flex:1;min-width:240px;max-width:300px;text-align:center}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),#0EA5E9);color:var(--color-text-inverse);font-size:var(--text-xl);font-weight:var(--font-bold);border-radius:var(--radius-full);margin:0 auto var(--space-4);transition:transform var(--transition-base),box-shadow var(--transition-base)}.step:hover .step-number{transform:scale(1.1);box-shadow:var(--shadow-glow-teal)}.step-connector{width:60px;height:2px;background:var(--color-border);margin-top:24px;flex-shrink:0}.step-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.step-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.games{background:var(--color-bg-primary)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.game-card{text-align:center;transition:all var(--transition-base)}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow-teal)}.game-card-wide{grid-column:span 2}.game-icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.game-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.game-desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.game-skills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.skill-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:var(--text-xs);border-radius:var(--radius-full)}.faq{background:var(--color-bg-deep)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.faq-card{text-align:left}.faq-question{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.faq-answer{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.coming-soon{background:var(--color-bg-deep);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.coming-soon-content{text-align:center;max-width:600px;margin:0 auto}.coming-soon-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-accent-warm-muted);color:var(--color-accent-warm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.coming-soon-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-3);color:var(--color-text-primary)}.coming-soon-desc{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cta-section{background:var(--color-bg-primary)}.cta-card{text-align:center;background:radial-gradient(ellipse 60% 50% at 50% 120%,rgba(34,211,238,.15),transparent),#1a2332e6;border:1px solid var(--color-border)}.cta-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.cta-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.landing-footer{background:var(--color-bg-deep);border-top:1px solid var(--color-border-subtle)}.footer-container{max-width:1200px;margin:0 auto;padding:var(--space-12) var(--space-6);text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer-tagline{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.footer-copy{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-copyright{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}@media(max-width:768px){.nav-links{display:none}.hero{padding-top:var(--space-20)}.hero-ctas{flex-direction:column;align-items:center}.hero-ctas .btn{width:100%;max-width:300px}.stat-divider{display:none}.hero-stats{gap:var(--space-8)}.step-connector{display:none}.steps{flex-direction:column;align-items:center}.game-card-wide{grid-column:span 1}}.setup-screen{min-height:100vh;background:var(--color-bg-deep)}.setup-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-primary)}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;margin-bottom:var(--space-4);padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.back-icon{font-size:var(--text-lg)}.setup-title-group{max-width:600px;margin:0 auto;text-align:center}.setup-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.setup-subtitle{color:var(--color-text-secondary)}.setup-content{max-width:600px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.setup-section{display:flex;flex-direction:column;gap:var(--space-4)}.section-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mode-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.mode-card{display:flex;align-items:flex-start;gap:var(--space-3);position:relative;cursor:pointer}.mode-card-active{border-color:var(--color-accent-primary)!important;background:var(--color-accent-primary-muted)!important}.mode-card-icon{font-size:var(--text-2xl);flex-shrink:0}.mode-card-content{flex:1;min-width:0}.mode-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.mode-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.mode-card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold)}.game-chips{display:flex;flex-wrap:wrap;gap:var(--space-3)}.game-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);font-family:inherit;font-size:var(--text-base);color:var(--color-text-primary)}.game-chip:active{transform:scale(.96)}.game-chip:hover{border-color:var(--color-text-muted);background:var(--color-bg-tertiary)}.game-chip-active{border-color:var(--color-accent-primary);background:var(--color-accent-primary-muted);animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55)}.game-chip-active:hover{border-color:var(--color-accent-primary)}.game-chip-icon{font-size:var(--text-xl)}.game-chip-name{font-weight:var(--font-medium)}.settings-card{background:var(--color-bg-secondary)}.settings-row{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:flex-start}.setting-group{flex:1;min-width:140px;display:flex;flex-direction:column;gap:var(--space-3)}.setting-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.setting-options{display:flex;gap:var(--space-2);flex-wrap:wrap}.setting-btn{min-width:44px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.setting-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.setting-btn-active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse);animation:popIn .25s cubic-bezier(.68,-.55,.265,1.55)}.setting-btn-active:hover{background:var(--color-accent-primary-hover)}.setting-btn-success.setting-btn-active{background:var(--color-success);border-color:var(--color-success)}.setting-btn-warning.setting-btn-active{background:var(--color-accent-warm);border-color:var(--color-accent-warm)}.setting-btn-error.setting-btn-active{background:var(--color-error);border-color:var(--color-error)}.setting-divider{width:1px;height:60px;background:var(--color-border);align-self:center}.setup-action{margin-top:var(--space-4)}.session-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.summary-item strong{color:var(--color-text-primary)}.summary-dot{color:var(--color-text-muted)}@media(max-width:600px){.mode-cards{grid-template-columns:1fr}.settings-row{flex-direction:column}.setting-divider{width:100%;height:1px}.setting-group{width:100%}.setting-options{justify-content:flex-start}}.math-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);height:100%;transition:all var(--transition-fast)}.math-game.correct{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.math-game.wrong{border-color:var(--color-error);animation:shake .3s ease}.math-game .game-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.math-game .problem{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-family:var(--font-mono)}.math-game .options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);width:100%;max-width:180px}.math-game .option-btn{padding:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);font-family:var(--font-mono);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.math-game .option-btn:hover:not(:disabled){background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse);transform:scale(1.05);box-shadow:var(--shadow-glow-teal)}.math-game .option-btn:active:not(:disabled){transform:scale(.98)}.math-game .option-btn:disabled{cursor:not-allowed;opacity:.6}.math-game .option-btn.correct-answer{background:var(--color-success);border-color:var(--color-success);color:#fff}.math-game.loading{color:var(--color-text-muted);font-style:italic}.pattern-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);height:100%;transition:all var(--transition-fast)}.pattern-game.correct{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.pattern-game.wrong{border-color:var(--color-error);animation:shake .3s ease}.pattern-game .game-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pattern-game .pattern-prompt{font-size:var(--text-sm);color:var(--color-text-secondary)}.pattern-game .pattern-sequence{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.pattern-game .pattern-block{width:36px;height:36px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.pattern-game .pattern-block.unknown{background:var(--color-bg-elevated);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-muted)}.pattern-game .pattern-options{display:flex;gap:var(--space-2)}.pattern-game .pattern-option{width:44px;height:44px;border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.pattern-game .pattern-option:hover:not(:disabled){transform:scale(1.1);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-teal)}.pattern-game .pattern-option:active:not(:disabled){transform:scale(.98)}.pattern-game .pattern-option:disabled{cursor:not-allowed;opacity:.6}.pattern-game .pattern-option.correct-answer{border-color:var(--color-success);box-shadow:0 0 15px #10b98166}.word-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);height:100%;transition:all var(--transition-fast)}.word-game.correct{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.word-game.wrong{border-color:var(--color-error);animation:shake .3s ease}.word-game .game-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.word-game .word-prompt{font-size:var(--text-sm);color:var(--color-text-secondary)}.word-game .scrambled-word{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:.15em;color:var(--color-accent-primary);text-transform:uppercase;padding:var(--space-3) var(--space-5);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-family:var(--font-mono)}.word-game .word-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.word-game .word-input{width:100%;max-width:180px;padding:var(--space-3);font-size:var(--text-base);font-family:var(--font-mono);text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.word-game .word-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-muted)}.word-game .word-input::placeholder{color:var(--color-text-muted);font-family:var(--font-body)}.word-game .word-actions{display:flex;gap:var(--space-2)}.word-game .submit-btn,.word-game .skip-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.word-game .submit-btn{background:var(--color-accent-primary);color:var(--color-text-inverse)}.word-game .submit-btn:hover:not(:disabled){background:var(--color-accent-primary-hover);box-shadow:var(--shadow-glow-teal)}.word-game .skip-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.word-game .skip-btn:hover:not(:disabled){background:var(--color-bg-elevated);color:var(--color-text-primary)}.word-game .submit-btn:disabled,.word-game .skip-btn:disabled{opacity:.5;cursor:not-allowed}.word-game .correct-answer-reveal{font-size:var(--text-sm);color:var(--color-error);font-weight:var(--font-medium)}.word-game.loading{color:var(--color-text-muted);font-style:italic}.reaction-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);height:100%;transition:all var(--transition-fast)}.reaction-game.correct{border-color:var(--color-success);box-shadow:0 0 20px #10b98133}.reaction-game.wrong{border-color:var(--color-error);animation:shake .3s ease}.reaction-game .game-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.reaction-game .reaction-prompt{font-size:var(--text-sm);color:var(--color-text-secondary)}.reaction-game .reaction-area{width:100%;flex:1;min-height:120px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);position:relative;overflow:hidden;cursor:crosshair}.reaction-game .reaction-target{position:absolute;border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast);box-shadow:var(--shadow-md);animation:target-appear .15s ease}.reaction-game .reaction-target:hover{transform:scale(1.15);box-shadow:var(--shadow-glow-teal)}.reaction-game .reaction-target:active{transform:scale(.95)}@keyframes target-appear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.training-hud{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-subtle);gap:var(--space-4)}.hud-left{display:flex;align-items:center;gap:var(--space-3);min-width:120px}.hud-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.hud-btn:hover{background:var(--color-bg-elevated)}.hud-btn-icon{font-size:var(--text-lg);color:var(--color-text-secondary)}.hud-btn-quit:hover{background:var(--color-error-muted)}.hud-btn-quit:hover .hud-btn-icon{color:var(--color-error)}.hud-btn-pause:hover{background:var(--color-accent-primary-muted)}.hud-btn-pause:hover .hud-btn-icon{color:var(--color-accent-primary)}.hud-difficulty{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.hud-difficulty-easy{background:var(--color-success-muted);color:var(--color-success)}.hud-difficulty-medium{background:var(--color-accent-warm-muted);color:var(--color-accent-warm)}.hud-difficulty-hard{background:var(--color-error-muted);color:var(--color-error)}.hud-center{flex:1;max-width:300px}.hud-timer-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hud-timer{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);transition:color var(--transition-fast)}.hud-timer-warning{color:var(--color-accent-warm);animation:pulse .5s ease infinite}.hud-progress{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.hud-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent-primary),#0EA5E9);border-radius:var(--radius-full);transition:width .3s linear;position:relative;overflow:hidden}.hud-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.hud-right{display:flex;align-items:center;gap:var(--space-4);min-width:120px;justify-content:flex-end}.hud-stats{display:flex;align-items:center;gap:var(--space-3)}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:0}.hud-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-accent-primary);line-height:1;transition:transform var(--transition-fast)}.hud-stat-value.score-bump{animation:bounce .3s ease}.hud-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.hud-stat-divider{width:1px;height:24px;background:var(--color-border)}@media(max-width:600px){.training-hud{padding:var(--space-2) var(--space-3)}.hud-difficulty{display:none}.hud-timer{font-size:var(--text-xl)}.hud-stats{gap:var(--space-2)}.hud-stat-value{font-size:var(--text-base)}.hud-stat-divider{display:none}}.results-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg-deep)}.results-content{max-width:500px;width:100%;text-align:center;animation:popIn .5s cubic-bezier(.68,-.55,.265,1.55)}.results-header{margin-bottom:var(--space-8)}.results-grade{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--text-4xl);font-weight:var(--font-bold);border-radius:var(--radius-full)}.results-grade-success{background:var(--color-success-muted);color:var(--color-success);box-shadow:0 0 30px #10b9814d;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55),successPulse .6s ease .3s}.results-grade-warning{background:var(--color-accent-warm-muted);color:var(--color-accent-warm);box-shadow:0 0 30px #f59e0b4d;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55)}.results-grade-error{background:var(--color-error-muted);color:var(--color-error);box-shadow:0 0 30px #ef44444d;animation:popIn .6s cubic-bezier(.68,-.55,.265,1.55),errorPulse .6s ease .3s}.results-message{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.results-subtitle{color:var(--color-text-secondary)}.results-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.stat-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);animation:countUp .5s ease-out backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card-primary{background:var(--color-accent-primary-muted)}.stat-card-primary .stat-value{color:var(--color-accent-primary)}.stat-card .stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);display:block;margin-bottom:var(--space-1)}.stat-card .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.results-breakdown{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8)}.breakdown-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.breakdown-grid{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);animation:slideInRight .4s ease-out backwards}.breakdown-item:nth-child(1){animation-delay:.4s}.breakdown-item:nth-child(2){animation-delay:.45s}.breakdown-item:nth-child(3){animation-delay:.5s}.breakdown-item:nth-child(4){animation-delay:.55s}.breakdown-item:nth-child(5){animation-delay:.6s}.breakdown-icon{font-size:var(--text-lg)}.breakdown-label{flex:1;text-align:left;color:var(--color-text-secondary);font-size:var(--text-sm)}.breakdown-score{font-weight:var(--font-semibold);color:var(--color-text-primary)}.breakdown-accuracy{min-width:50px;text-align:right;color:var(--color-accent-primary);font-weight:var(--font-medium)}.results-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:500px){.results-stats{grid-template-columns:repeat(2,1fr)}}.training-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-deep)}.training-ready{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.ready-content{text-align:center;max-width:400px}.ready-icon{font-size:4rem;margin-bottom:var(--space-4);animation:pulse 2s ease infinite}.ready-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.ready-config{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);color:var(--color-text-secondary)}.config-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.config-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.config-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.config-divider{color:var(--color-text-muted)}.difficulty-easy{color:var(--color-success)}.difficulty-medium{color:var(--color-accent-warm)}.difficulty-hard{color:var(--color-error)}.start-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-5) var(--space-8);background:linear-gradient(135deg,var(--color-accent-primary) 0%,#0EA5E9 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--space-4)}.start-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-teal)}.start-button-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-inverse)}.start-button-hint{font-size:var(--text-xs);color:#0b122099}.back-button{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast)}.back-button:hover{color:var(--color-text-primary)}.training-grid{flex:1;display:grid;gap:var(--space-4);padding:var(--space-4);align-content:center}.training-grid-1{grid-template-columns:1fr;max-width:400px;margin:0 auto;width:100%}.training-grid-2{grid-template-columns:repeat(2,1fr)}.training-grid-3{grid-template-columns:repeat(3,1fr)}.training-grid-4{grid-template-columns:repeat(4,1fr)}.training-grid-5{grid-template-columns:repeat(5,1fr)}.game-slot{display:flex;align-items:stretch;justify-content:stretch;min-height:200px}.game-slot>*{flex:1}.pause-overlay{position:fixed;inset:0;background:#0b1220e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.pause-content{text-align:center}.pause-icon{font-size:3rem;margin-bottom:var(--space-4)}.pause-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.pause-actions{display:flex;flex-direction:column;gap:var(--space-3);width:200px}.pause-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.pause-btn:hover{background:var(--color-bg-elevated)}.pause-btn-primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.pause-btn-primary:hover{background:var(--color-accent-primary-hover)}.pause-btn-danger{background:transparent;color:var(--color-error)}.pause-btn-danger:hover{background:var(--color-error-muted)}@media(max-width:1200px){.training-grid-4{grid-template-columns:repeat(2,1fr)}.training-grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.training-grid-3,.training-grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.training-grid-2,.training-grid-3,.training-grid-4,.training-grid-5{grid-template-columns:1fr}.game-slot{min-height:180px}}.chat-wrapper{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-deep);padding:var(--space-4)}.chat-game{display:flex;flex-direction:column;flex:1;max-width:800px;margin:0 auto;width:100%;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.chatting-phase .chat-header{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-subtle)}.chat-timer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-mono);color:var(--color-accent-primary)}.bot-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.bot-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative;font-family:inherit;color:var(--color-text-primary)}.bot-tab:hover{background:var(--color-bg-elevated);border-color:var(--color-text-muted)}.bot-tab.active{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:var(--color-accent-primary)}.bot-tab .bot-avatar{font-size:var(--text-lg)}.bot-tab .bot-name{font-weight:var(--font-medium);font-size:var(--text-sm)}.unread-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-accent-warm);border-radius:50%}.chat-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-topic{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.chat-topic strong{color:var(--color-accent-primary)}.messages-container{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-hint{text-align:center;color:var(--color-text-muted);padding:var(--space-8);font-style:italic}.message{display:flex;gap:var(--space-2);max-width:80%;animation:slideUp var(--transition-base)}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.bot{align-self:flex-start}.message-avatar{font-size:var(--text-xl);flex-shrink:0}.message-content{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.message.user .message-content{background:var(--color-accent-primary);color:var(--color-text-inverse);border-bottom-right-radius:var(--radius-sm)}.message.bot .message-content{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-input-form{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-subtle)}.chat-input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-primary);outline:none;transition:all var(--transition-fast)}.chat-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-muted)}.chat-input::placeholder{color:var(--color-text-muted)}.send-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:inherit;background:var(--color-accent-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.send-btn:hover:not(:disabled){background:var(--color-accent-primary-hover);box-shadow:var(--shadow-glow-teal)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.summary-phase{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.summary-phase h2{font-size:var(--text-2xl);margin-bottom:var(--space-2);color:var(--color-text-primary)}.summary-progress{color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:var(--text-sm)}.summary-question{margin-bottom:var(--space-6)}.summary-bot-info{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.summary-bot-info .bot-avatar{font-size:var(--text-3xl)}.summary-bot-info .bot-name{font-size:var(--text-xl);font-weight:var(--font-semibold)}.summary-question p{font-size:var(--text-base);color:var(--color-text-secondary)}.summary-question strong{color:var(--color-accent-primary)}.summary-options{display:flex;flex-direction:column;gap:var(--space-3);max-width:500px;width:100%}.summary-option{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);font-family:inherit;text-align:left;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-primary)}.summary-option:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary);transform:translate(4px)}.results-phase{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center}.results-phase h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--color-text-primary)}.results-score{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-accent-primary);margin-bottom:var(--space-8)}.results-breakdown{display:flex;flex-direction:column;gap:var(--space-3);max-width:300px;width:100%}.result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.result-item.correct{border-color:var(--color-success);background:var(--color-success-muted)}.result-item.wrong{border-color:var(--color-error);background:var(--color-error-muted)}.result-item .bot-avatar{font-size:var(--text-xl)}.result-item .bot-name{flex:1;text-align:left;font-weight:var(--font-medium)}.result-item .result-icon{font-size:var(--text-lg);font-weight:var(--font-bold)}.result-item.correct .result-icon{color:var(--color-success)}.result-item.wrong .result-icon{color:var(--color-error)}:root{--color-bg-deep: #0B1220;--color-bg-primary: #0F1729;--color-bg-secondary: #1A2332;--color-bg-tertiary: #243044;--color-bg-elevated: #2A3A52;--color-accent-primary: #22D3EE;--color-accent-primary-hover: #06B6D4;--color-accent-primary-muted: rgba(34, 211, 238, .15);--color-accent-primary-glow: rgba(34, 211, 238, .4);--color-accent-warm: #F59E0B;--color-accent-warm-hover: #D97706;--color-accent-warm-muted: rgba(245, 158, 11, .15);--color-success: #10B981;--color-success-muted: rgba(16, 185, 129, .15);--color-error: #EF4444;--color-error-muted: rgba(239, 68, 68, .15);--color-warning: #F59E0B;--color-text-primary: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-text-inverse: #0B1220;--color-border: #334155;--color-border-subtle: #1E293B;--color-border-focus: var(--color-accent-primary);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-glow-teal: 0 0 20px var(--color-accent-primary-glow);--shadow-glow-amber: 0 0 20px rgba(245, 158, 11, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-modal: 30;--z-toast: 40}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-deep);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}:focus{outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-accent-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:var(--shadow-glow-teal)}50%{box-shadow:0 0 30px var(--color-accent-primary-glow)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes successPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes errorPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-slide-up{animation:slideUp var(--transition-slow) ease}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease}.animate-pulse{animation:pulse 1s ease infinite}.animate-glow{animation:glow 2s ease infinite}.animate-shake{animation:shake .3s ease}.animate-scale-in{animation:scaleIn var(--transition-base) ease}.animate-bounce{animation:bounce .6s ease}.animate-spin{animation:spin 1s linear infinite}.animate-pop-in{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.animate-count-up{animation:countUp .5s ease-out}.animate-success-pulse{animation:successPulse .6s ease}.animate-error-pulse{animation:errorPulse .6s ease}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.interactive{cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.interactive:hover{transform:translateY(-2px)}.interactive:active{transform:translateY(0)}.loading-shimmer{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.loading-skeleton{background:var(--color-bg-tertiary);border-radius:var(--radius-md);position:relative;overflow:hidden}.loading-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}