body{margin:0;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;height:100dvh}body *{scrollbar-color:var(--color-scrollbar) var(--color-scrollbarContainer);scrollbar-width:thin}:root[data-theme=light] body{background-color:var(--cb-gray30)}:root[data-theme=dark] body{background-color:var(--cb-gray600)}._splash_1ht24_26{position:fixed;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding-bottom:40px;z-index:9999;font-size:32px;font-weight:500;color:var(--color-brandBgPrimary)}._splash_1ht24_26:nth-of-type(2){display:none}._loader_1ht24_47{width:85px;height:50px;background-repeat:no-repeat;background-image:linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0),linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0),linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0),linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0),linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0),linear-gradient(var(--color-brandBgPrimary) 50px,transparent 0);background-position:0 center,15px center,30px center,45px center,60px center,75px center,90px center;animation:_loader_1ht24_47 .65s linear infinite alternate}@keyframes _loader_1ht24_47{0%{background-size:10px 3px}16%{background-size:10px 50px,10px 3px,10px 3px,10px 3px,10px 3px,10px 3px}33%{background-size:10px 30px,10px 50px,10px 3px,10px 3px,10px 3px,10px 3px}50%{background-size:10px 10px,10px 30px,10px 50px,10px 3px,10px 3px,10px 3px}66%{background-size:10px 3px,10px 10px,10px 30px,10px 50px,10px 3px,10px 3px}83%{background-size:10px 3px,10px 3px,10px 10px,10px 30px,10px 50px,10px 3px}to{background-size:10px 3px,10px 3px,10px 3px,10px 10px,10px 30px,10px 50px}}:root{--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--snappy: cubic-bezier(.232, 1.115, 1, .988);--duration-fast: .1s;--duration-normal: .2s}:root{--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}@font-face{font-family:Actor;src:url(/actor.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-family-actor: "Actor", system-ui, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5}:root{--cb-transparent: #ffffff00;--cb-gray0: #fff;--cb-gray15: #fafafa;--cb-gray30: #eeeeee;--cb-gray50: #dddddd;--cb-gray75: #9b9b9b;--cb-gray90: #7f7f7f;--cb-gray100: #5a5a5a;--cb-gray200: rgb(35 35 35);--cb-gray300: #2f2f2f;--cb-gray400: #252525;--cb-gray500: #202020;--cb-gray600: #1e1e1e;--cb-gray700: #1c1c1c;--cb-gray800: #191919;--cb-gray850: #151515;--cb-gray900: #000;--cb-pink0: #f6daf7;--cb-pink30: #d15796;--cb-pink50: #c94b8c;--cb-pink75: #d85795;--cb-pink100: #dc4c91;--cb-pink200: #dc4c91;--cb-pink300: #dc4c91;--cb-pink400: #dc4c91;--cb-pink500: #dc4c91;--cb-pink600: #dc4c91;--cb-pink700: #4e2c3c;--cb-pink800: #302228;--cb-purple0: #e8def6;--cb-purple30: #9d68d3;--cb-purple50: #9d67d2;--cb-purple75: #9b61d3;--cb-purple100: #9b61d3;--cb-purple200: #9b61d3;--cb-purple300: #a85bf2;--cb-purple400: #9b61d3;--cb-purple500: #9b61d3;--cb-purple600: #9b61d3;--cb-purple700: #3c2d49;--cb-purple800: #2b2431;--cb-green0: oklch(1 .15 143);--cb-green30: oklch(.97 .15 143);--cb-green50: oklch(.95 .15 143);--cb-green75: oklch(.93 .15 143);--cb-green100: oklch(.9 .15 143);--cb-green200: oklch(.8 .15 143);--cb-green300: oklch(.7 .15 143);--cb-green400: oklch(.6 .15 143);--cb-green500: oklch(.5 .15 143);--cb-green600: oklch(.4 .15 143);--cb-green700: oklch(.3 .15 143);--cb-green800: oklch(.2 .15 143);--cb-orange0: #f0e0c8;--cb-orange30: #c77d48;--cb-orange50: #e48539;--cb-orange75: #e97e20;--cb-orange100: #e97e21;--cb-orange200: #e97e22;--cb-orange300: #e97e23;--cb-orange400: #e97e25;--cb-orange500: #e97e27;--cb-orange600: #e97e28;--cb-orange700: #5c3b23;--cb-orange800: #38281e;--cb-brown0: #f4f4d3;--cb-brown30: #ba856f;--cb-brown50: #b27e67;--cb-brown75: #bb7d64;--cb-brown100: #d18a6d;--cb-brown200: #ef9976;--cb-brown300: #b86543;--cb-brown400: #b86545;--cb-brown500: #b86547;--cb-brown600: #b86548;--cb-brown700: #4a3228;--cb-brown800: #2f2723;--cb-red0: oklch(1 .19 24);--cb-red30: oklch(.97 .19 24);--cb-red50: oklch(.95 .19 24);--cb-red75: oklch(.93 .19 24);--cb-red100: oklch(.9 .19 24);--cb-red200: oklch(.8 .19 24);--cb-red300: oklch(.7 .19 24);--cb-red400: oklch(.6 .19 24);--cb-red500: oklch(.5 .19 24);--cb-red600: oklch(.4 .19 24);--cb-red700: oklch(.3 .19 24);--cb-red800: oklch(.2 .19 24);--cb-red900: oklch(.1 .19 24);--cb-yellow0: #f0e2cb;--cb-yellow30: #ca984d;--cb-yellow50: #d99e35;--cb-yellow75: #dd9a22;--cb-yellow100: #e8a225;--cb-yellow200: #f0a633;--cb-yellow300: #fab143;--cb-yellow400: #b3813d;--cb-yellow500: #986630;--cb-yellow600: #a26932;--cb-yellow700: #564328;--cb-yellow800: #392e1e;--cb-blue0: oklch(1 .1 235);--cb-blue30: oklch(.97 .1 235);--cb-blue50: oklch(.95 .1 235);--cb-blue75: oklch(.93 .1 235);--cb-blue100: oklch(.9 .1 235);--cb-blue200: oklch(.8 .1 235);--cb-blue300: oklch(.7 .1 235);--cb-blue400: oklch(.6 .1 235);--cb-blue500: oklch(.5 .1 235);--cb-blue600: oklch(.4 .1 235);--cb-blue700: oklch(.3 .1 235);--cb-blue800: oklch(.2 .1 235);--cb-eq-color-1: oklch(.4067 .1926 272.65);--cb-eq-color-2: oklch(.78 .1926 139.24);--cb-eq-color-3: oklch(.58 .1926 328.76);--cb-eq-color-4: oklch(.7867 .1926 45);--cb-eq-color-5: oklch(.7267 .1926 255.71)}:root{--shadow-color: 0deg 0% 65%;--shadow-elevation-low: 1px 1px 1px hsl(var(--shadow-color) / .06), 2px 2px 4px -2px hsl(var(--shadow-color) / .08);--shadow-elevation-medium: 1px 1px 1px hsl(var(--shadow-color) / .06), 4px 3px 5px -1px hsl(var(--shadow-color) / .07), 12px 9px 18px -2px hsl(var(--shadow-color) / .07);--shadow-elevation-high: .8px .6px 1.2px hsl(var(--shadow-color) / .06), 4.8px 3.5px 7.1px -.5px hsl(var(--shadow-color) / .07), 10.2px 7.5px 15.2px -1px hsl(var(--shadow-color) / .07);--shadow-elevation-low-inset: inset 1px 1px 1px hsl(var(--shadow-color) / .06), inset 2px 2px 4px -2px hsl(var(--shadow-color) / .08);--shadow-elevation-medium-inset: inset .8px .6px 1.2px hsl(var(--shadow-color) / .06), inset 3.5px 2.6px 5.2px -1px hsl(var(--shadow-color) / .07), inset 12.1px 8.9px 18px -2px hsl(var(--shadow-color) / .07)}:root[data-theme=dark]{--shadow-color: 0deg 0% 5%;--shadow-elevation-low: 0px 1px 15px -3px rgba(0, 0, 0, .1);--shadow-elevation-medium: 0px 0px 10px -3px rgba(0, 0, 0, .1), 0px 10px 20px -3px rgba(0, 0, 0, .1);--shadow-elevation-high: 0px .1px .1px hsl(var(--shadow-color) / .41), -.1px .6px .7px -.3px hsl(var(--shadow-color) / .41), -.2px 1.1px 1.3px -.6px hsl(var(--shadow-color) / .41), -.3px 1.7px 1.9px -.8px hsl(var(--shadow-color) / .41), -.4px 2.4px 2.7px -1.1px hsl(var(--shadow-color) / .41), -.6px 3.5px 4px -1.4px hsl(var(--shadow-color) / .41), -.9px 5px 5.7px -1.7px hsl(var(--shadow-color) / .41), -1.2px 7.1px 8.1px -1.9px hsl(var(--shadow-color) / .41), -1.7px 9.7px 11.1px -2.2px hsl(var(--shadow-color) / .41), -2.3px 20.1px 15px -2.5px hsl(var(--shadow-color) / .41);--shadow-elevation-low-inset: inset 0px 3px 15px -3px rgba(0, 0, 0, .1);--shadow-elevation-medium-inset: inset 0px 0px 10px -3px rgba(0, 0, 0, .1), inset 0px 10px 20px -3px rgba(0, 0, 0, .1)}:root[data-theme=dark]{--color-appFg: var(--cb-gray50);--color-appFgHover: oklch(from var(--color-appFg) calc(l - .025) c h / alpha);--color-appFgActive: oklch(from var(--color-appFg) calc(l - .05) c h / alpha);--color-bgPrimary: var(--cb-gray850);--color-bgPrimaryBorder: oklch(from var(--color-bgPrimary) calc(l + .05) c h / alpha);--color-bgPrimaryHover: var(--cb-gray600);--color-bgPrimaryActive: var(--cb-gray500);--color-fgPrimary: var(--cb-gray30);--color-fgPrimaryHover: var(--cb-gray90);--color-bgFormField: var(--cb-gray800);--color-fgSecondary: var(--cb-gray75);--color-fgSecondaryDisabled: oklch(from var(--color-fgSecondary) calc(l + .1) c h / alpha);--color-bgSecondary: var(--cb-gray600);--color-bgSecondaryActive: oklch(from var(--color-bgSecondary) calc(l - .05) c h / alpha);--color-bgSecondaryHover: oklch(from var(--color-bgSecondary) calc(l + .05) c h / alpha);--color-bgSecondaryBorder: oklch(from var(--color-bgSecondary) calc(l + .05) c h / alpha);--color-bgSecondaryActiveBorder: oklch(from var(--color-bgSecondaryActive) calc(l - .02) c h / alpha);--color-bgTertiary: var(--cb-gray300);--color-bgTertiaryHover: oklch(from var(--color-bgTertiary) calc(l + .005) c h / alpha);--color-bgTertiaryBorder: oklch(from var(--color-bgTertiary) calc(l + .05) c h / alpha);--color-bgTertiaryBorderHover: oklch(from var(--color-bgTertiaryBorder) calc(l - .2) c h / alpha);--color-fgTertiary: var(--cb-gray75);--color-bgDisabled: var(--cb-gray300);--color-bgDisabledBorder: oklch(from var(--color-bgDisabled) calc(l + .02) c h / alpha);--color-fgDisabled: var(--cb-gray400);--color-bgShadow: var(--cb-gray800);--color-fgShadow: var(--cb-gray800);--color-brandBgPrimary: var(--cb-red400);--color-brandBgBorder: oklch(from var(--color-brandBgPrimary) calc(l - .002) c h / alpha);--color-brandBgHover: oklch(from var(--color-brandBgPrimary) calc(l - .1) c h / alpha);--color-brandBgActive: oklch(from var(--color-brandBgPrimary) calc(l - .2) c h / alpha);--color-brandFgPrimary: oklch(from var(--color-brandBgPrimary) calc(l + 1) c h / alpha);--color-brandFgBorder: oklch(from var(--color-brandFgPrimary) calc(l - .001) c h / alpha);--color-brandFgHover: oklch(from var(--color-brandFgPrimary) calc(l - .025) c h / alpha);--color-brandFgActive: oklch(from var(--color-brandFgPrimary) calc(l - .05) c h / alpha);--color-bgError: var(--cb-red100);--color-bgErrorBorder: oklch(from var(--color-bgError) calc(l + .1) c h / alpha);--color-fgError: var(--cb-red800);--color-scrollbar: var(--cb-gray100);--color-scrollbarContainer: var(--cb-transparent);--color-skeleton1: var(--cb-gray100);--color-skeleton2: oklch(from var(--color-skeleton1) calc(l - .2) c h / alpha);--color-focusRing: var(--cb-blue30);--color-correctAnswer: var(--cb-green100);--color-incorrectAnswer: var(--cb-red100);--color-livesBg: var(--cb-red300);--color-livesBorder: var(--cb-red400);--color-livesText: var(--cb-red800);--color-scoreBg: var(--cb-blue300);--color-scoreBorder: var(--cb-blue400);--color-scoreText: var(--cb-blue800);--color-levelBg: var(--cb-green300);--color-levelBorder: var(--cb-green400);--color-levelText: var(--cb-green800);--colorEqPrimary1: var(--cb-eq-color-1);--colorEqPrimary1Border: oklch(from var(--colorEqPrimary1) calc(l + .1) c h / alpha);--colorEqPrimary1Hover: oklch(from var(--colorEqPrimary1) calc(l - .025) c h / alpha);--colorEqPrimary1Active: oklch(from var(--colorEqPrimary1) calc(l - .05) c h / alpha);--colorEqPrimary2: var(--cb-eq-color-2);--colorEqPrimary2Border: oklch(from var(--colorEqPrimary2) calc(l + .1) c h / alpha);--colorEqPrimary2Hover: oklch(from var(--colorEqPrimary2) calc(l - .025) c h / alpha);--colorEqPrimary2Active: oklch(from var(--colorEqPrimary2) calc(l - .05) c h / alpha);--colorEqPrimary3: var(--cb-eq-color-3);--colorEqPrimary3Border: oklch(from var(--colorEqPrimary3) calc(l + .1) c h / alpha);--colorEqPrimary3Hover: oklch(from var(--colorEqPrimary3) calc(l - .025) c h / alpha);--colorEqPrimary3Active: oklch(from var(--colorEqPrimary3) calc(l - .05) c h / alpha);--colorEqPrimary4: var(--cb-eq-color-4);--colorEqPrimary4Border: oklch(from var(--colorEqPrimary4) calc(l + .1) c h / alpha);--colorEqPrimary4Hover: oklch(from var(--colorEqPrimary4) calc(l - .025) c h / alpha);--colorEqPrimary4Active: oklch(from var(--colorEqPrimary4) calc(l - .05) c h / alpha);--colorEqPrimary5: var(--cb-eq-color-5);--colorEqPrimary5Border: oklch(from var(--colorEqPrimary5) calc(l + .1) c h / alpha);--colorEqPrimary5Hover: oklch(from var(--colorEqPrimary5) calc(l - .025) c h / alpha);--colorEqPrimary5Active: oklch(from var(--colorEqPrimary5) calc(l - .05) c h / alpha)}:root{--color-appFg: var(--cb-gray200);--color-appFgHover: oklch(from var(--color-appFg) calc(l - .025) c h / alpha);--color-appFgActive: oklch(from var(--color-appFg) calc(l - .05) c h / alpha);--color-bgPrimary: var(--cb-gray50);--color-bgPrimaryBorder: var(--cb-gray30);--color-bgPrimaryHover: var(--cb-gray50);--color-bgPrimaryActive: var(--cb-gray75);--color-fgPrimary: var(--cb-gray900);--color-fgPrimaryHover: var(--cb-gray90);--color-bgFormField: var(--cb-gray0);--color-bgSecondary: var(--cb-gray30);--color-bgSecondaryActive: oklch(from var(--color-bgSecondary) calc(l - .02) c h / alpha);--color-bgSecondaryHover: oklch(from var(--color-bgSecondary) calc(l + .03) c h / alpha);--color-bgSecondaryBorder: oklch(from var(--color-bgSecondary) calc(l - .05) c h / alpha);--color-bgSecondaryActiveBorder: oklch(from var(--color-bgSecondaryActive) calc(l - .05) c h / alpha);--color-fgSecondary: var(--cb-gray400);--color-fgSecondaryDisabled: oklch(from var(--color-fgSecondary) calc(l + .5) c h / alpha);--color-bgTertiary: var(--cb-gray15);--color-bgTertiaryHover: oklch(from var(--color-bgTertiary) calc(l + .01) c h / alpha);--color-bgTertiaryBorder: oklch(from var(--color-bgTertiary) calc(l - .05) c h / alpha);--color-bgTertiaryBorderHover: oklch(from var(--color-bgTertiaryBorder) calc(l - .1) c h / alpha);--color-fgTertiary: var(--cb-gray200);--color-bgDisabled: var(--cb-gray50);--color-bgDisabledBorder: oklch(from var(--color-bgDisabled) calc(l - .02) c h / alpha);--color-fgDisabled: var(--cb-gray800);--color-bgShadow: var(--cb-gray900);--color-fgShadow: var(--cb-gray900);--color-brandBgPrimary: var(--cb-red400);--color-brandBgBorder: oklch(from var(--color-brandBgPrimary) calc(l - .002) c h / alpha);--color-brandBgHover: oklch(from var(--color-brandBgPrimary) calc(l - .1) c h / alpha);--color-brandBgActive: oklch(from var(--color-brandBgPrimary) calc(l - .2) c h / alpha);--color-brandFgPrimary: oklch(from var(--color-brandBgPrimary) calc(l - .4) c h / alpha);--color-brandFgBorder: oklch(from var(--color-brandFgPrimary) calc(l - .001) c h / alpha);--color-brandFgHover: oklch(from var(--color-brandFgPrimary) calc(l - .025) c h / alpha);--color-brandFgActive: oklch(from var(--color-brandFgPrimary) calc(l - .05) c h / alpha);--color-bgError: var(--cb-red100);--color-bgErrorBorder: oklch(from var(--color-bgError) calc(l + .1) c h / alpha);--color-fgError: var(--cb-red500);--color-scrollbar: var(--cb-gray75);--color-scrollbarContainer: var(--cb-transparent);--color-skeleton1: var(--cb-gray50);--color-skeleton2: oklch(from var(--color-skeleton1) calc(l - .1) c h / alpha);--color-focusRing: var(--cb-blue400);--color-correctAnswer: var(--cb-green300);--color-incorrectAnswer: var(--cb-red400);--color-livesBg: var(--cb-red300);--color-livesBorder: var(--cb-red200);--color-livesText: var(--cb-red800);--color-scoreBg: var(--cb-blue300);--color-scoreBorder: var(--cb-blue200);--color-scoreText: var(--cb-blue800);--color-levelBg: var(--cb-green300);--color-levelBorder: var(--cb-green200);--color-levelText: var(--cb-green800);--colorEqPrimary1: var(--cb-eq-color-1);--colorEqPrimary1Border: oklch(from var(--colorEqPrimary1) calc(l + .1) c h / alpha);--colorEqPrimary1Hover: oklch(from var(--colorEqPrimary1) calc(l - .025) c h / alpha);--colorEqPrimary1Active: oklch(from var(--colorEqPrimary1) calc(l - .05) c h / alpha);--colorEqPrimary2: var(--cb-eq-color-2);--colorEqPrimary2Border: oklch(from var(--colorEqPrimary2) calc(l + .1) c h / alpha);--colorEqPrimary2Hover: oklch(from var(--colorEqPrimary2) calc(l - .025) c h / alpha);--colorEqPrimary2Active: oklch(from var(--colorEqPrimary2) calc(l - .05) c h / alpha);--colorEqPrimary3: var(--cb-eq-color-3);--colorEqPrimary3Border: oklch(from var(--colorEqPrimary3) calc(l + .1) c h / alpha);--colorEqPrimary3Hover: oklch(from var(--colorEqPrimary3) calc(l - .025) c h / alpha);--colorEqPrimary3Active: oklch(from var(--colorEqPrimary3) calc(l - .05) c h / alpha);--colorEqPrimary4: var(--cb-eq-color-4);--colorEqPrimary4Border: oklch(from var(--colorEqPrimary4) calc(l + .1) c h / alpha);--colorEqPrimary4Hover: oklch(from var(--colorEqPrimary4) calc(l - .025) c h / alpha);--colorEqPrimary4Active: oklch(from var(--colorEqPrimary4) calc(l - .05) c h / alpha);--colorEqPrimary5: var(--cb-eq-color-5);--colorEqPrimary5Border: oklch(from var(--colorEqPrimary5) calc(l + .1) c h / alpha);--colorEqPrimary5Hover: oklch(from var(--colorEqPrimary5) calc(l - .025) c h / alpha);--colorEqPrimary5Active: oklch(from var(--colorEqPrimary5) calc(l - .05) c h / alpha)}
