._topbar_2yd28_1{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:var(--topbar-height);padding:0 var(--space-4);background:var(--bg-card);border-bottom:3px solid rgba(0,0,0,.05);gap:var(--space-3);box-shadow:0 3px 12px #0000000a,inset 0 -1px #00000005}._left_2yd28_16{display:flex;align-items:center;gap:var(--space-3)}._backBtn_2yd28_22{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-full);background:var(--bg-input);transition:all var(--duration-fast) var(--ease-bounce);cursor:pointer;border:2px solid rgba(0,0,0,.04);color:var(--text-primary);box-shadow:0 2px #0000000a,inset 0 1px 2px #ffffff80}._backBtn_2yd28_22:hover{background:var(--color-primary-light);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 3px #0000000f,inset 0 1px 2px #ffffff80}._backBtn_2yd28_22:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #00000014}._title_2yd28_49{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--text-primary)}._right_2yd28_56{display:flex;align-items:center;gap:var(--space-2)}._coinDisplay_2yd28_62{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);background:var(--color-highlight-light);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-highlight-dark);border:2px solid rgba(245,158,11,.15);box-shadow:0 2px #00000008,inset 0 1px 2px #ffffff80}._coinIcon_2yd28_77{font-size:var(--text-base)}._streakDisplay_2yd28_81{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);background:var(--color-streak-light);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-streak);border:2px solid rgba(239,68,68,.15);box-shadow:0 2px #00000008,inset 0 1px 2px #ffffff80}._streakIcon_2yd28_96{display:inline-flex;animation:_streakFlame_2yd28_1 1s ease-in-out infinite}._xpDisplay_2yd28_101{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);background:var(--color-xp-light);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-xp);border:2px solid rgba(139,92,246,.15);box-shadow:0 2px #00000008,inset 0 1px 2px #ffffff80}._langToggle_2yd28_116{display:flex;align-items:center;justify-content:center;padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--bg-input);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);cursor:pointer;border:2px solid rgba(0,0,0,.04);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-bounce);text-transform:uppercase;box-shadow:0 2px #0000000a,inset 0 1px 2px #ffffff80}._langToggle_2yd28_116:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}._langToggle_2yd28_116:active{transform:translateY(1px)}@media(min-width:768px){._topbar_2yd28_1{padding:0 var(--space-6)}}._bottomNav_5kijp_1{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-around;height:var(--bottomnav-height);background:var(--bg-card);border-top:3px solid rgba(0,0,0,.05);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -3px 16px #0000000f,inset 0 1px #fffc}._navItem_5kijp_17{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);cursor:pointer;border:none;background:none;color:var(--text-muted);font-size:var(--text-xs);font-family:var(--font-display);font-weight:var(--weight-semibold);transition:all var(--duration-normal) var(--ease-bounce);-webkit-tap-highlight-color:transparent;min-width:64px}._navItem_5kijp_17:hover{color:var(--color-primary);transform:translateY(-2px)}._active_5kijp_41{color:var(--color-primary)}._active_5kijp_41 ._iconWrap_5kijp_45{background:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:0 3px 0 var(--color-primary-dark),0 4px 12px #0d948840,inset 0 1px 2px #fff3;border-radius:var(--radius-md)}._iconWrap_5kijp_45{display:flex;align-items:center;justify-content:center;width:42px;height:34px;border-radius:var(--radius-md);transition:all var(--duration-normal) var(--ease-bounce)}._label_5kijp_63{font-size:11px;line-height:1;letter-spacing:.02em}@media(min-width:768px){._bottomNav_5kijp_1{display:none}}._sidebar_1ycah_1{display:none;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-card);border-right:3px solid rgba(0,0,0,.05);z-index:var(--z-sticky);padding:var(--space-6) var(--space-4);flex-direction:column;gap:var(--space-2);overflow-y:auto;box-shadow:4px 0 20px #0000000a,inset -1px 0 #00000005}._logo_1ycah_18{font-family:var(--font-display);font-weight:var(--weight-extrabold);font-size:var(--text-3xl);color:var(--color-primary);text-align:center;padding-bottom:var(--space-6);border-bottom:3px solid rgba(0,0,0,.05);margin-bottom:var(--space-4);cursor:pointer;text-shadow:0 3px 0 rgba(0,0,0,.08);letter-spacing:.03em}._logoAccent_1ycah_32{color:var(--color-secondary)}._motivationBox_1ycah_34{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));border-radius:var(--radius-lg);border:2px solid rgba(0,0,0,.04);margin-bottom:var(--space-4);text-align:center;box-shadow:0 2px #00000008,inset 0 1px 2px #fff9}._motivationText_1ycah_44{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-xs);color:var(--color-primary-dark);line-height:var(--leading-normal)}._navList_1ycah_52{display:flex;flex-direction:column;gap:var(--space-1);flex:1}._navItem_1ycah_59{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;background:none;color:var(--text-secondary);font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-smooth);width:100%;text-align:left}._navItem_1ycah_59:hover{background:var(--bg-input);color:var(--text-primary);transform:translate(4px);border-color:#00000008;box-shadow:0 2px #00000008}._active_1ycah_85{background:var(--color-primary)!important;color:#fff!important;font-weight:var(--weight-bold);border-color:var(--color-primary-dark)!important;box-shadow:0 3px 0 var(--color-primary-dark),0 4px 12px #0d948833,inset 0 1px 2px #ffffff26!important}._userSection_1ycah_93{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:3px solid rgba(0,0,0,.05);margin-top:auto;background:var(--bg-input);border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0000000a,inset 0 -1px 2px #ffffff80}._avatar_1ycah_105{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);border:2px solid var(--color-primary);box-shadow:0 2px #0000000f}._userInfo_1ycah_118{flex:1;min-width:0}._userName_1ycah_123{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._xpBar_1ycah_133{height:8px;background:#0000000f;border-radius:var(--radius-full);margin-top:4px;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}._xpFill_1ycah_142{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width .6s var(--ease-bounce);box-shadow:0 1px 4px #0d94884d}._levelBadge_1ycah_150{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-xp);background:var(--color-xp-light);padding:3px 10px;border-radius:var(--radius-full);border:2px solid rgba(139,92,246,.15);box-shadow:0 2px #00000008,inset 0 1px 2px #ffffff80}@media(min-width:768px){._sidebar_1ycah_1{display:flex}}._btn_b5mof_1{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);cursor:pointer;border:3px solid transparent;outline:none;transition:all var(--duration-normal) var(--ease-bounce);position:relative;overflow:hidden;min-height:48px;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._btn_b5mof_1:active{animation:_buttonPress_b5mof_1 .2s ease}._primary_b5mof_27{background:var(--color-primary);color:var(--text-on-primary);border-color:var(--color-primary-dark);box-shadow:0 5px 0 var(--color-primary-dark),0 8px 16px #0d948833,inset 0 1px 2px #fff3}._primary_b5mof_27:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 8px 0 var(--color-primary-dark),0 12px 24px #0d948840,inset 0 1px 2px #fff3}._primary_b5mof_27:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-primary-dark),inset 0 2px 4px #0000001a}._secondary_b5mof_45{background:var(--color-secondary);color:var(--text-on-primary);border-color:var(--color-secondary-dark);box-shadow:0 5px 0 var(--color-secondary-dark),0 8px 16px #ea580c33,inset 0 1px 2px #fff3}._secondary_b5mof_45:hover{background:var(--color-secondary-hover);transform:translateY(-3px);box-shadow:0 8px 0 var(--color-secondary-dark),0 12px 24px #ea580c40,inset 0 1px 2px #fff3}._secondary_b5mof_45:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-secondary-dark),inset 0 2px 4px #0000001a}._accent_b5mof_63{background:var(--color-accent);color:var(--text-on-primary);border-color:var(--color-accent-dark);box-shadow:0 5px 0 var(--color-accent-dark),0 8px 16px #0ea5e933,inset 0 1px 2px #fff3}._accent_b5mof_63:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--color-accent-dark),0 12px 24px #0ea5e940,inset 0 1px 2px #fff3}._accent_b5mof_63:active{transform:translateY(3px);box-shadow:0 2px 0 var(--color-accent-dark),inset 0 2px 4px #0000001a}._ghost_b5mof_80{background:transparent;color:var(--text-primary);border:3px solid var(--bg-input);box-shadow:0 2px #0000000a}._ghost_b5mof_80:hover{background:var(--bg-input);transform:translateY(-2px);box-shadow:0 4px #0000000f}._ghost_b5mof_80:active{transform:translateY(1px);box-shadow:none}._danger_b5mof_98{background:var(--color-danger);color:var(--text-on-primary);border-color:#dc2626;box-shadow:0 5px #dc2626,0 8px 16px #ef444433,inset 0 1px 2px #fff3}._fullWidth_b5mof_105{width:100%}._large_b5mof_109{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);min-height:56px;border-radius:var(--radius-xl)}._small_b5mof_116{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px;border-radius:var(--radius-md)}._loading_b5mof_123{pointer-events:none;opacity:.7}._spinner_b5mof_128{width:20px;height:20px;border:3px solid transparent;border-top-color:currentColor;border-radius:50%;animation:_spin_b5mof_128 .8s linear infinite}._disabled_b5mof_137{opacity:.5;cursor:not-allowed;pointer-events:none}._card_1m4s9_1{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:3px solid var(--bg-input);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-bounce);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:68px;box-shadow:var(--shadow-clay)}._card_1m4s9_1:hover{transform:translateY(-3px);box-shadow:var(--shadow-clay-hover);border-color:var(--color-accent)}._card_1m4s9_1:active{transform:scale(.97) translateY(1px);box-shadow:var(--shadow-clay-pressed)}._selected_1m4s9_29{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-glow-accent)}._correct_1m4s9_35{border-color:var(--color-success);background:var(--color-success-light);animation:_pulseGlow_1m4s9_1 .6s ease;box-shadow:0 4px #10b98133,0 0 20px #10b98126}._wrong_1m4s9_42{border-color:var(--color-danger);background:var(--color-danger-light);animation:_shake_1m4s9_1 .5s ease;box-shadow:0 4px #ef444433}._disabled_1m4s9_49{pointer-events:none;opacity:.7}._optionLabel_1m4s9_54{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-input);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-secondary);flex-shrink:0;transition:all var(--duration-normal) var(--ease-smooth);box-shadow:inset 0 -2px 4px #0000000f,inset 0 2px 2px #ffffff80;border:2px solid rgba(0,0,0,.04)}._selected_1m4s9_29 ._optionLabel_1m4s9_54{background:var(--color-accent);color:var(--text-on-primary);box-shadow:inset 0 -2px 4px #00000026,0 2px 8px #0ea5e94d;border-color:var(--color-accent-dark)}._correct_1m4s9_35 ._optionLabel_1m4s9_54{background:var(--color-success);color:var(--text-on-primary);box-shadow:inset 0 -2px 4px #00000026,0 2px 8px #10b9814d;border-color:#059669}._wrong_1m4s9_42 ._optionLabel_1m4s9_54{background:var(--color-danger);color:var(--text-on-primary);box-shadow:inset 0 -2px 4px #00000026,0 2px 8px #ef44444d;border-color:#dc2626}._optionText_1m4s9_93{font-weight:var(--weight-bold);font-size:var(--text-base);color:var(--text-primary);flex:1}._resultIcon_1m4s9_100{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}._resultIcon_1m4s9_100 svg{width:24px;height:24px}:root{--color-primary: #0D9488;--color-primary-light: #CCFBF1;--color-primary-dark: #0F766E;--color-primary-hover: #0F766E;--color-secondary: #EA580C;--color-secondary-light: #FFF7ED;--color-secondary-dark: #C2410C;--color-secondary-hover: #DC5B0D;--color-accent: #0EA5E9;--color-accent-light: #E0F2FE;--color-accent-dark: #0284C7;--color-highlight: #F59E0B;--color-highlight-light: #FEF3C7;--color-highlight-dark: #B45309;--color-xp: #8B5CF6;--color-xp-light: #EDE9FE;--color-streak: #EF4444;--color-streak-light: #FEE2E2;--color-level: #06B6D4;--color-level-light: #CFFAFE;--color-success: #10B981;--color-success-light: #D1FAE5;--color-danger: #EF4444;--color-danger-light: #FEE2E2;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--bg-primary: #F0FDFA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-overlay: hsla(220, 25%, 10%, .5);--bg-input: #F1F5F9;--text-primary: #134E4A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--text-on-primary: #FFFFFF;--font-display: "Baloo 2", cursive;--font-body: "Comic Neue", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--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: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 0 rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06);--shadow-md: 0 3px 0 rgba(0,0,0,.06), 0 6px 20px rgba(0,0,0,.08);--shadow-lg: 0 4px 0 rgba(0,0,0,.07), 0 10px 36px rgba(0,0,0,.1);--shadow-xl: 0 6px 0 rgba(0,0,0,.08), 0 16px 48px rgba(0,0,0,.14);--shadow-clay: 0 4px 0 rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.06), inset 0 -2px 4px rgba(0,0,0,.04), inset 0 2px 4px rgba(255,255,255,.8);--shadow-clay-hover: 0 6px 0 rgba(0,0,0,.1), 0 12px 32px rgba(0,0,0,.08), inset 0 -2px 4px rgba(0,0,0,.04), inset 0 2px 4px rgba(255,255,255,.9);--shadow-clay-pressed: 0 1px 0 rgba(0,0,0,.06), 0 2px 8px rgba(0,0,0,.04), inset 0 2px 6px rgba(0,0,0,.08);--shadow-clay-inset: inset 0 2px 8px rgba(0,0,0,.06), inset 0 -1px 2px rgba(255,255,255,.6);--shadow-glow-primary: 0 4px 20px rgba(13, 148, 136, .3);--shadow-glow-secondary: 0 4px 20px rgba(234, 88, 12, .3);--shadow-glow-accent: 0 4px 20px rgba(14, 165, 233, .3);--shadow-glow-highlight: 0 4px 20px rgba(245, 158, 11, .3);--shadow-glow-xp: 0 4px 20px rgba(139, 92, 246, .3);--border-clay: 3px solid rgba(0,0,0,.06);--border-clay-colored: 3px solid;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-jelly: cubic-bezier(.25, .46, .45, 1.6);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--z-confetti: 60;--sidebar-width: 260px;--topbar-height: 68px;--bottomnav-height: 76px;--max-content-width: 1200px;--content-padding: var(--space-4);--quiz-time-per-question: 90}[data-theme=dark]{--bg-primary: #0F1419;--bg-card: #1A2332;--bg-elevated: #1E293B;--bg-input: #243447;--bg-overlay: hsla(220, 25%, 5%, .7);--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-muted: #64748B;--color-primary: #2DD4BF;--color-primary-light: rgba(45, 212, 191, .15);--color-secondary: #FB923C;--color-secondary-light: rgba(251, 146, 60, .15);--color-accent: #38BDF8;--color-accent-light: rgba(56, 189, 248, .15);--shadow-sm: 0 2px 8px hsla(0, 0%, 0%, .3);--shadow-md: 0 4px 16px hsla(0, 0%, 0%, .35);--shadow-lg: 0 8px 32px hsla(0, 0%, 0%, .4);--shadow-clay: 0 4px 0 rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.15), inset 0 -2px 4px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.05);--shadow-clay-hover: 0 6px 0 rgba(0,0,0,.25), 0 12px 32px rgba(0,0,0,.2), inset 0 -2px 4px rgba(0,0,0,.1), inset 0 2px 4px rgba(255,255,255,.08);--shadow-clay-pressed: 0 1px 0 rgba(0,0,0,.15), 0 2px 8px rgba(0,0,0,.1), inset 0 2px 6px rgba(0,0,0,.2)}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes jelly{0%{transform:scale(1)}25%{transform:scale(.93,1.07)}50%{transform:scale(1.05,.95)}75%{transform:scale(.98,1.02)}to{transform:scale(1)}}@keyframes letterBounce{0%{opacity:0;transform:translateY(-60px) scale(.5)}60%{transform:translateY(8px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes pulseGlow{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes coinPop{0%{opacity:0;transform:translateY(0) scale(0)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes xpPop{0%{opacity:0;transform:translateY(10px) scale(.5)}40%{opacity:1;transform:translateY(-20px) scale(1.2)}to{opacity:0;transform:translateY(-40px) scale(.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@keyframes celebrate{0%{transform:scale(0) rotate(0);opacity:0}25%{transform:scale(1.3) rotate(15deg);opacity:1}50%{transform:scale(.9) rotate(-10deg);opacity:1}75%{transform:scale(1.1) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes streakFlame{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.15) scaleX(.92)}50%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.1) scaleX(.95)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.08)}30%{transform:scale(1)}45%{transform:scale(1.05)}60%{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes progressFill{0%{width:0%}}@keyframes timerDrain{0%{width:100%}to{width:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes buttonPress{0%{transform:scale(1) translateY(0)}50%{transform:scale(.96) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes levelUp{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.2) rotate(10deg);opacity:1}70%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ringFill{0%{stroke-dashoffset:283}}.stagger-children>*:nth-child(1){animation-delay:50ms}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.animate-bounce-in{animation:bounceIn .6s var(--ease-bounce) both}.animate-slide-up{animation:slideUp .4s var(--ease-smooth) both}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-wiggle{animation:wiggle .4s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-jelly{animation:jelly .5s var(--ease-jelly)}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-celebrate{animation:celebrate .8s var(--ease-bounce) both}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-relaxed);color:var(--text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-smooth)}a:hover{color:var(--color-primary-dark)}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-input);border:3px solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);outline:none;transition:all var(--duration-normal) var(--ease-smooth);width:100%;box-shadow:var(--shadow-clay-inset)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #0d948826,var(--shadow-clay-inset)}input::placeholder{color:var(--text-muted)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;background:none}img,svg{display:block;max-width:100%}ul,ol{list-style:none}::selection{background-color:var(--color-primary-light);color:var(--color-primary-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full);opacity:.4}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.clay-card{background:var(--bg-card);border:3px solid rgba(0,0,0,.05);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);transition:all var(--duration-normal) var(--ease-smooth)}.clay-card:hover{box-shadow:var(--shadow-clay-hover);transform:translateY(-2px)}.clay-card:active{box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)}.clay-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-xs);box-shadow:0 2px #0000000f,inset 0 1px 2px #fff9;border:2px solid rgba(0,0,0,.04)}.clay-icon{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);box-shadow:inset 0 -2px 4px #0000000f,inset 0 2px 4px #ffffff80,0 2px #0000000a;border:2px solid rgba(0,0,0,.03)}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,rgba(0,0,0,.04) 50%,var(--bg-input) 75%);background-size:400px 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-primary-color{color:var(--color-primary)}.text-secondary-color{color:var(--color-secondary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}