*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,html[data-theme=classic]{--color-bg: #0B0F14;--color-bg-secondary: #151B23;--color-text: #F5F7FA;--color-text-secondary: #9CA3AF;--color-border: rgba(156,163,175,.15);--color-border-secondary:rgba(156,163,175,.25);--color-accent: #2563FF;--color-highlight: #c0d02f;--color-highlight-on: #0B0F14;--color-highlight-bg: rgba(192,208,47,.12);--color-highlight-bg-strong:rgba(192,208,47,.18);--color-highlight-border: rgba(192,208,47,.35);--color-success-text: #34D399;--color-success-bg: rgba(52,211,153,.1);--color-warning-text: #FBBF24;--color-warning-bg: rgba(251,191,36,.1);--color-danger-text: #FCA5A5;--color-danger-bg: rgba(252,165,165,.1);--color-danger-border: rgba(252,165,165,.35);--color-info-text: #7BAEFF;--color-info-bg: rgba(123,174,255,.1);--color-regen-text: #C4B5FD;--color-regen-bg: rgba(196,181,253,.12);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(180,239,17,.28) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(0,88,251,.3) 0%, transparent 65%), #0B0F14;--offense-primary: #F97316;--offense-light: #150A03;--offense-border: rgba(249,115,22,.25);--offense-text: #FBA86C;--offense-badge: rgba(249,115,22,.15);--defense-primary: #2563FF;--defense-light: #0A1229;--defense-border: rgba(37,99,255,.25);--defense-text: #7BAEFF;--defense-badge: rgba(37,99,255,.15);--color-nav-btn-bg: rgba(11,15,20,.88);--color-nav-btn-hover: rgba(30,38,50,.96);--color-nav-drawer: rgba(11,15,20,.97);--color-nav-border: rgba(156,163,175,.14);--color-card-bg: linear-gradient(160deg, rgba(21,27,35,.97), rgba(11,15,20,.99));--logo-fg: #fcfbfb;--logo-blue: #0058fb;--logo-lime: #b4ef11;--color-correct-bg: rgba(52,211,153,.1);--color-correct-border: rgba(52,211,153,.45);--color-correct-text: #34D399;--color-correct-glow: rgba(52,211,153,.2);--color-diff-beginner: #4ade80;--color-diff-beginner-bg: rgba(74,222,128,.12);--color-diff-intermediate: #fb923c;--color-diff-intermediate-bg: rgba(251,146,60,.12);--color-diff-advanced: #a78bfa;--color-diff-advanced-bg: rgba(167,139,250,.12);--color-diff-xpert: #ec4899;--color-diff-xpert-bg: rgba(236,72,153,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--home-icon-filter: saturate(1.15) brightness(.88)}html[data-theme=light]{--color-bg: #EEF4EC;--color-bg-secondary: #E2EBE0;--color-text: #0C1A09;--color-text-secondary: #4A6347;--color-border: rgba(12,26,9,.1);--color-border-secondary:rgba(12,26,9,.18);--color-highlight: #5a6e00;--color-highlight-on: #FFFFFF;--color-highlight-bg: rgba(90,110,0,.12);--color-highlight-bg-strong:rgba(90,110,0,.18);--color-highlight-border: rgba(90,110,0,.3);--color-success-text: #047857;--color-success-bg: rgba(4,120,87,.1);--color-warning-text: #B45309;--color-warning-bg: rgba(180,83,9,.1);--color-danger-text: #B91C1C;--color-danger-bg: rgba(185,28,28,.08);--color-danger-border: rgba(185,28,28,.3);--color-info-text: #1D4ED8;--color-info-bg: rgba(29,78,216,.08);--color-regen-text: #6D28D9;--color-regen-bg: rgba(109,40,217,.1);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(180,239,17,.28) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(0,88,251,.14) 0%, transparent 65%), #EEF4EC;--offense-light: #FFF3E8;--offense-text: #C2410C;--offense-border: rgba(249,115,22,.22);--offense-badge: rgba(249,115,22,.12);--defense-light: #EBF0FF;--defense-text: #1D4ED8;--defense-border: rgba(37,99,255,.22);--defense-badge: rgba(37,99,255,.12);--color-nav-btn-bg: rgba(238,244,236,.92);--color-nav-btn-hover: rgba(226,235,224,.98);--color-nav-drawer: rgba(238,244,236,.97);--color-nav-border: rgba(12,26,9,.1);--color-card-bg: linear-gradient(160deg, rgba(255,255,255,.97), rgba(238,244,236,.98));--logo-fg: #0C1A09;--logo-blue: #0058fb;--logo-lime: #5a6e00;--color-correct-bg: rgba(4,120,87,.1);--color-correct-border: rgba(4,120,87,.45);--color-correct-text: #047857;--color-correct-glow: rgba(4,120,87,.22);--color-diff-beginner: #16a34a;--color-diff-beginner-bg: rgba(22,163,74,.1);--color-diff-intermediate: #c2410c;--color-diff-intermediate-bg: rgba(194,65,12,.1);--color-diff-advanced: #6d28d9;--color-diff-advanced-bg: rgba(109,40,217,.1);--color-diff-xpert: #be185d;--color-diff-xpert-bg: rgba(190,24,93,.1);--home-icon-filter: saturate(1.15) brightness(.72)}html[data-theme=neon]{--color-bg: #0A0612;--color-bg-secondary: #14091F;--color-text: #F5F7FA;--color-text-secondary: #A7B0D8;--color-border: rgba(0,229,255,.2);--color-border-secondary:rgba(255,32,144,.3);--color-accent: #00E5FF;--color-highlight: #00E5FF;--color-highlight-on: #0A0612;--color-highlight-bg: rgba(0,229,255,.12);--color-highlight-bg-strong:rgba(0,229,255,.22);--color-highlight-border: rgba(0,229,255,.5);--color-success-text: #00E5FF;--color-success-bg: rgba(0,229,255,.12);--color-warning-text: #FFB400;--color-warning-bg: rgba(255,180,0,.12);--color-danger-text: #FF2090;--color-danger-bg: rgba(255,32,144,.12);--color-danger-border: rgba(255,32,144,.45);--color-info-text: #C77DFF;--color-info-bg: rgba(199,125,255,.12);--color-regen-text: #C77DFF;--color-regen-bg: rgba(199,125,255,.14);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(0,210,255,.32) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(255,32,144,.3) 0%, transparent 65%), #0A0612;--offense-primary: #FF2090;--offense-light: #1A0814;--offense-border: rgba(255,32,144,.3);--offense-text: #FF6FB3;--offense-badge: rgba(255,32,144,.18);--defense-primary: #00E5FF;--defense-light: #061A22;--defense-border: rgba(0,229,255,.3);--defense-text: #7FECFF;--defense-badge: rgba(0,229,255,.18);--color-nav-btn-bg: rgba(10,6,18,.88);--color-nav-btn-hover: rgba(36,18,56,.96);--color-nav-drawer: rgba(10,6,18,.97);--color-nav-border: rgba(0,229,255,.22);--color-card-bg: linear-gradient(160deg, rgba(20,9,31,.97), rgba(13,13,24,.99));--logo-fg: #F5F7FA;--logo-blue: #00E5FF;--logo-lime: #FF2090;--color-correct-bg: rgba(0,229,255,.12);--color-correct-border: rgba(0,229,255,.5);--color-correct-text: #00E5FF;--color-correct-glow: rgba(0,229,255,.22);--color-diff-beginner: #FF6FB3;--color-diff-beginner-bg: rgba(255,111,179,.14);--color-diff-intermediate: #FFB400;--color-diff-intermediate-bg: rgba(255,180,0,.14);--color-diff-advanced: #C77DFF;--color-diff-advanced-bg: rgba(199,125,255,.14);--color-diff-xpert: #C6FF00;--color-diff-xpert-bg: rgba(198,255,0,.14);--home-icon-filter: hue-rotate(-36deg) saturate(1.15) brightness(.92)}html[data-theme=twins]{--color-bg: #0A1628;--color-bg-secondary: #11233F;--color-text: #F5F7FA;--color-text-secondary: #8B9FBE;--color-border: rgba(0,43,92,.3);--color-border-secondary:rgba(211,17,69,.3);--color-accent: #D31145;--color-highlight: #D31145;--color-highlight-on: #FFFFFF;--color-highlight-bg: rgba(211,17,69,.12);--color-highlight-bg-strong:rgba(211,17,69,.22);--color-highlight-border: rgba(211,17,69,.5);--color-success-text: #34D399;--color-success-bg: rgba(52,211,153,.12);--color-warning-text: #FBB024;--color-warning-bg: rgba(251,176,36,.12);--color-danger-text: #F97316;--color-danger-bg: rgba(249,115,22,.12);--color-danger-border: rgba(249,115,22,.4);--color-info-text: #60A5FA;--color-info-bg: rgba(96,165,250,.1);--color-regen-text: #C4B5FD;--color-regen-bg: rgba(196,181,253,.12);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(0,43,92,.55) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(211,17,69,.28) 0%, transparent 65%), #0A1628;--offense-primary: #D31145;--offense-light: #1F0A12;--offense-border: rgba(211,17,69,.3);--offense-text: #FF6B8A;--offense-badge: rgba(211,17,69,.18);--defense-primary: #002B5C;--defense-light: #061229;--defense-border: rgba(0,43,92,.5);--defense-text: #7BAEFF;--defense-badge: rgba(0,43,92,.3);--color-nav-btn-bg: rgba(10,22,40,.88);--color-nav-btn-hover: rgba(17,35,63,.96);--color-nav-drawer: rgba(10,22,40,.97);--color-nav-border: rgba(0,43,92,.3);--color-card-bg: linear-gradient(160deg, rgba(17,35,63,.97), rgba(10,22,40,.99));--logo-fg: #F5F7FA;--logo-blue: #002B5C;--logo-lime: #D31145;--color-correct-bg: rgba(52,211,153,.12);--color-correct-border: rgba(52,211,153,.5);--color-correct-text: #34D399;--color-correct-glow: rgba(52,211,153,.22);--color-diff-beginner: #34D399;--color-diff-beginner-bg: rgba(52,211,153,.12);--color-diff-intermediate: #FBB024;--color-diff-intermediate-bg: rgba(251,176,36,.12);--color-diff-advanced: #C4B5FD;--color-diff-advanced-bg: rgba(196,181,253,.12);--color-diff-xpert: #D31145;--color-diff-xpert-bg: rgba(211,17,69,.14);--home-icon-filter: hue-rotate(123deg) saturate(.95) brightness(.85)}html[data-theme=bananas]{--color-bg: #07101E;--color-bg-secondary: #0F1A2E;--color-text: #F5F5F0;--color-text-secondary: #8AA4BF;--color-border: rgba(255,205,0,.18);--color-border-secondary:rgba(255,205,0,.3);--color-accent: #FFCD00;--color-highlight: #FFCD00;--color-highlight-on: #07101E;--color-highlight-bg: rgba(255,205,0,.12);--color-highlight-bg-strong:rgba(255,205,0,.22);--color-highlight-border: rgba(255,205,0,.5);--color-success-text: #22C55E;--color-success-bg: rgba(34,197,94,.12);--color-warning-text: #FFCD00;--color-warning-bg: rgba(255,205,0,.12);--color-danger-text: #F87171;--color-danger-bg: rgba(248,113,113,.1);--color-danger-border: rgba(248,113,113,.4);--color-info-text: #93C5FD;--color-info-bg: rgba(147,197,253,.1);--color-regen-text: #C4B5FD;--color-regen-bg: rgba(196,181,253,.12);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(255,205,0,.22) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(34,197,94,.16) 0%, transparent 65%), #07101E;--offense-primary: #FFCD00;--offense-light: #18160A;--offense-border: rgba(255,205,0,.28);--offense-text: #FFE050;--offense-badge: rgba(255,205,0,.15);--defense-primary: #22C55E;--defense-light: #051A0E;--defense-border: rgba(34,197,94,.28);--defense-text: #6EE09A;--defense-badge: rgba(34,197,94,.15);--color-nav-btn-bg: rgba(7,16,30,.88);--color-nav-btn-hover: rgba(15,26,46,.96);--color-nav-drawer: rgba(7,16,30,.97);--color-nav-border: rgba(255,205,0,.2);--color-card-bg: linear-gradient(160deg, rgba(15,26,46,.97), rgba(7,16,30,.99));--logo-fg: #F5F5F0;--logo-blue: #FFCD00;--logo-lime: #22C55E;--color-correct-bg: rgba(34,197,94,.15);--color-correct-border: rgba(34,197,94,.55);--color-correct-text: #22C55E;--color-correct-glow: rgba(34,197,94,.22);--color-diff-beginner: #22C55E;--color-diff-beginner-bg: rgba(34,197,94,.12);--color-diff-intermediate: #FFCD00;--color-diff-intermediate-bg: rgba(255,205,0,.12);--color-diff-advanced: #C4B5FD;--color-diff-advanced-bg: rgba(196,181,253,.12);--color-diff-xpert: #FFCD00;--color-diff-xpert-bg: rgba(255,205,0,.14);--home-icon-filter: hue-rotate(-174deg) saturate(1.2) brightness(.95)}html[data-theme=coconuts]{--color-bg: #061220;--color-bg-secondary: #0D1E30;--color-text: #EFF8FF;--color-text-secondary: #7BAFC5;--color-border: rgba(0,185,210,.22);--color-border-secondary:rgba(255,100,55,.25);--color-accent: #00B9D2;--color-highlight: #00B9D2;--color-highlight-on: #061220;--color-highlight-bg: rgba(0,185,210,.14);--color-highlight-bg-strong:rgba(0,185,210,.24);--color-highlight-border: rgba(0,185,210,.5);--color-success-text: #00B9D2;--color-success-bg: rgba(0,185,210,.12);--color-warning-text: #FFB800;--color-warning-bg: rgba(255,184,0,.12);--color-danger-text: #FF6437;--color-danger-bg: rgba(255,100,55,.12);--color-danger-border: rgba(255,100,55,.45);--color-info-text: #7FE2EF;--color-info-bg: rgba(127,226,239,.1);--color-regen-text: #FFB800;--color-regen-bg: rgba(255,184,0,.12);--bg-gradient: radial-gradient(ellipse 70% 50% at -10% 0%, rgba(0,185,210,.3) 0%, transparent 60%), radial-gradient(ellipse 60% 45% at 110% 100%, rgba(255,100,55,.22) 0%, transparent 65%), #061220;--offense-primary: #FF6437;--offense-light: #1A0E08;--offense-border: rgba(255,100,55,.3);--offense-text: #FF9A7A;--offense-badge: rgba(255,100,55,.18);--defense-primary: #00B9D2;--defense-light: #051A26;--defense-border: rgba(0,185,210,.3);--defense-text: #7FE2EF;--defense-badge: rgba(0,185,210,.18);--color-nav-btn-bg: rgba(6,18,32,.88);--color-nav-btn-hover: rgba(13,30,48,.96);--color-nav-drawer: rgba(6,18,32,.97);--color-nav-border: rgba(0,185,210,.22);--color-card-bg: linear-gradient(160deg, rgba(13,30,48,.97), rgba(6,18,32,.99));--logo-fg: #EFF8FF;--logo-blue: #00B9D2;--logo-lime: #FF6437;--color-correct-bg: rgba(0,185,210,.15);--color-correct-border: rgba(0,185,210,.55);--color-correct-text: #00B9D2;--color-correct-glow: rgba(0,185,210,.22);--color-diff-beginner: #00B9D2;--color-diff-beginner-bg: rgba(0,185,210,.12);--color-diff-intermediate: #FFB800;--color-diff-intermediate-bg: rgba(255,184,0,.12);--color-diff-advanced: #FF6437;--color-diff-advanced-bg: rgba(255,100,55,.12);--color-diff-xpert: #FF6437;--color-diff-xpert-bg: rgba(255,100,55,.14);--home-icon-filter: hue-rotate(-33deg) saturate(1.15) brightness(.95)}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none}html{background:var(--color-bg)}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--bg-gradient);pointer-events:none}#root{min-height:100%;max-width:480px;margin:0 auto}button,input{font-family:inherit}select{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-bg-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center / 12px!important;color:var(--color-text)!important;padding-right:34px!important;cursor:pointer}@keyframes ge-spin{to{transform:rotate(360deg)}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translateY(105vh) rotate(800deg) scale(.6);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(2px)}}@keyframes popIn{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes hrXltr{0%{transform:translate(-70px)}to{transform:translate(calc(100vw + 70px))}}@keyframes hrXrtl{0%{transform:translate(calc(100vw + 70px))}to{transform:translate(-70px)}}@keyframes hrY{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-210px) rotate(540deg)}to{transform:translateY(100px) rotate(1080deg)}}@keyframes hrText{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(-10deg)}14%{opacity:1;transform:translate(-50%,-50%) scale(1.4) rotate(4deg)}28%{transform:translate(-50%,-50%) scale(1) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.15) rotate(0)}}@keyframes hrTrail{0%{opacity:.7;transform:scaleX(0)}40%{opacity:.4;transform:scaleX(1)}to{opacity:0}}@keyframes fwRing{0%{transform:scale(.05);opacity:1}80%{opacity:.4}to{transform:scale(1);opacity:0}}@keyframes fwSpark{0%{transform:translate(0) scale(1.2);opacity:1}to{transform:translate(78px) scale(0);opacity:0}}@keyframes trophyRise{0%{transform:translateY(70px) scale(.2) rotate(-8deg);opacity:0}30%{transform:translateY(-22px) scale(1.18) rotate(4deg);opacity:1}50%{transform:translateY(5px) scale(.96) rotate(-1deg);opacity:1}70%{transform:translateY(-7px) scale(1) rotate(0);opacity:1}to{transform:translateY(-20px) scale(.88);opacity:0}}@keyframes greatPlayBanner{0%{opacity:0;transform:translate(-50%) scale(.5) rotate(-4deg)}20%{opacity:1;transform:translate(-50%) scale(1.08) rotate(2deg)}35%{transform:translate(-50%) scale(1) rotate(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-14px) scale(.94)}}@keyframes starDrift{0%{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:translateY(-40px) scale(.6)}}@keyframes badgeOverlay{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes badgeEmojiPop{0%{transform:scale(0) rotate(-15deg);opacity:0}55%{transform:scale(1.28) rotate(5deg);opacity:1}75%{transform:scale(.93) rotate(-2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes badgeLabel{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tab-bar-scroll{scrollbar-width:none;-ms-overflow-style:none}.tab-bar-scroll::-webkit-scrollbar{display:none}@keyframes streakBanner{0%{opacity:0;transform:translate(-50%) translateY(-40px) scale(.85)}14%{opacity:1;transform:translate(-50%) translateY(0) scale(1.06)}22%{transform:translate(-50%) translateY(0) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.92)}}