@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}a{color:inherit;text-decoration:none}body{text-rendering:optimizespeed}img,picture,svg{max-width:100%;display:block}:root{--palette-white:#fff;--palette-black:#000;--palette-slate-50:oklch(98.4% .003 247.858);--palette-slate-100:oklch(96.8% .007 247.896);--palette-slate-200:oklch(92.9% .013 255.508);--palette-slate-300:oklch(86.9% .022 252.894);--palette-slate-400:oklch(70.4% .04 256.788);--palette-slate-500:oklch(55.4% .046 257.417);--palette-slate-600:oklch(44.6% .043 257.281);--palette-slate-700:oklch(37.2% .044 257.287);--palette-slate-800:oklch(27.9% .041 260.031);--palette-slate-900:oklch(20.8% .042 265.755);--palette-slate-950:oklch(12.9% .042 264.695);--palette-blue-50:oklch(97% .014 254.604);--palette-blue-100:oklch(93.2% .032 255.585);--palette-blue-200:oklch(88.2% .059 254.128);--palette-blue-300:oklch(80.9% .105 251.813);--palette-blue-400:oklch(70.7% .165 254.624);--palette-blue-500:oklch(62.3% .214 259.815);--palette-blue-600:oklch(54.6% .245 262.881);--palette-blue-700:oklch(48.8% .243 264.376);--palette-blue-800:oklch(42.4% .199 265.638);--palette-blue-900:oklch(37.9% .146 265.522);--palette-blue-950:oklch(28.2% .091 267.935);--palette-red-50:oklch(97.1% .013 17.38);--palette-red-100:oklch(93.6% .032 17.717);--palette-red-200:oklch(88.5% .062 18.334);--palette-red-300:oklch(80.8% .114 19.571);--palette-red-400:oklch(70.4% .191 22.216);--palette-red-500:oklch(63.7% .237 25.331);--palette-red-600:oklch(57.7% .245 27.325);--palette-red-700:oklch(50.5% .213 27.518);--palette-red-800:oklch(44.4% .177 26.899);--palette-red-900:oklch(39.6% .141 25.723);--palette-red-950:oklch(25.8% .092 26.042);--palette-purple-base:oklch(54% .25 294);--palette-violet-base:oklch(54% .25 281);--palette-blue-base:oklch(64% .15 254);--palette-green-base:oklch(64% .15 161);--custom-slate-25:oklch(99% .003 248);--custom-slate-150:oklch(93% .012 255.508);--system-ui:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--inter:"Inter Variable", "Inter", sans-serif;--font-size-12:.75rem;--font-size-14:.875rem;--font-size-16:1rem;--font-size-20:1.25rem;--font-size-24:1.5rem;--font-size-32:2rem;--font-size-48:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:600;--text-box-width-small:40ch;--text-box-width-med:50ch;--text-box-width-large:70ch;--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-24:1.5rem;--space-36:2.25rem;--space-52:3.25rem;--space-72:4.5rem;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-page:var(--palette-slate-100);--color-bg-page-active:var(--palette-slate-200);--color-bg-surface-1:var(--custom-slate-25);--color-bg-surface-1-active:oklch(94% .01 256);--color-bg-surface-2:var(--palette-slate-100);--color-bg-surface-2-active:var(--palette-slate-200);--color-on-bg-surface:var(--palette-slate-900);--color-on-bg-surface-subtle:var(--palette-slate-500);--color-bg-primary:var(--palette-blue-500);--color-bg-primary-active:var(--palette-blue-600);--color-bg-primary-dark:var(--palette-blue-700);--color-on-bg-primary:var(--palette-white);--color-bg-primary-subtle:var(--palette-blue-100);--color-bg-primary-subtle-active:var(--palette-blue-200);--color-on-bg-primary-subtle:var(--palette-blue-700);--color-bg-secondary:var(--custom-slate-150);--color-bg-secondary-active:var(--palette-slate-300);--color-on-bg-secondary:var(--palette-slate-800);--color-bg-danger:var(--palette-red-500);--color-bg-danger-active:var(--palette-red-600);--color-bg-danger-subtle:var(--palette-red-50);--color-bg-tint-danger:var(--palette-red-50);--color-on-bg-danger:var(--palette-white);--color-bg-success:oklch(60% .24 143);--color-bg-success-subtle:oklch(97% .03 143);--color-bg-dark:var(--palette-slate-900);--color-bg-addon-purple:var(--palette-purple-base);--color-bg-addon-violet:var(--palette-violet-base);--color-bg-addon-blue:var(--palette-blue-base);--color-bg-addon-green:var(--palette-green-base);--color-bg-addon-red:var(--palette-red-500);--color-bg-addon-green-contrast:oklch(66% .24 143);--color-bg-addon-red-contrast:oklch(48% .4 25);--color-border:var(--palette-slate-400);--color-border-subtle:var(--palette-slate-300);--color-border-hr:var(--palette-slate-300);--color-focus:#fff;--shadow-1:0 2px 6px -2px #00000014, 0 1px 2px -1px #0000000a;--shadow-2:0 4px 12px -2px #0000001a, 0 2px 4px -1px #0000000d;--shadow-3:0 5px 16px -2px #0000001f, 0 3px 5px -1px #0000000f;--app-max-width:900px;--app-padding:var(--space-16) var(--space-36);--radius-base:8px;--radius-large:14px;--radius-full:9999px;--icon-size-small:20px;--icon-size-base:24px;--icon-size-large:32px;--ease-in-sine:cubic-bezier(.12, 0, .39, 0);--transition-color:background-color .2s var(--ease-in-sine);--font-size-sm:var(--font-size-12);--font-size-base:var(--font-size-14);--font-size-lg:var(--font-size-16);--font-size-xlg:var(--font-size-20);--font-size-2xlg:var(--font-size-24);--font-size-ui-lg:var(--font-size-32);--font-size-ui-xlg:var(--font-size-48)}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-page:oklch(20.8% .02 265);--color-bg-page-active:oklch(25.5% .03 265);--color-bg-surface-1:oklch(27% .026 260.031);--color-bg-surface-1-active:oklch(34.2% .026 257);--color-bg-surface-2:oklch(34% .034 257);--color-bg-surface-2-active:oklch(39% .034 257);--color-on-bg-surface:var(--palette-white);--color-on-bg-surface-subtle:oklch(80% .025 256);--color-bg-primary:oklch(58% .2 259.815);--color-bg-primary-subtle:oklch(34% .054 260);--color-bg-primary-subtle-active:oklch(36% .064 260);--color-on-bg-primary-subtle:oklch(91% .5 260);--color-bg-secondary:oklch(36% .032 260);--color-bg-secondary-active:oklch(34% .035 260);--color-on-bg-secondary:var(--palette-white);--color-bg-danger:oklch(66% .22 25.331);--color-bg-tint-danger:oklch(38% .025 26);--color-bg-success:oklch(80% .26 143);--color-bg-addon-green-contrast:oklch(80% .5 143);--color-bg-addon-red-contrast:oklch(80% .5 25);--color-border:oklch(50% .04 256);--color-border-subtle:oklch(37.203% .02295 272.953);--color-border-hr:oklch(54% .04 256);--shadow-1:0 2px 6px -2px #0000004d, 0 1px 2px -1px #0003;--shadow-2:0 4px 12px -2px #00000054, 0 2px 4px -1px #00000038;--shadow-3:0 5px 16px -2px #0006, 0 3px 5px -1px #00000040}body{font-family:var(--inter);background-color:var(--color-bg-page)}hr{background-color:var(--color-border-hr);border:none;height:1px}a{-webkit-tap-highlight-color:transparent}p,h1,h2,h3,span{color:var(--color-on-bg-surface)}:is(input,select,button,textarea,a):focus-visible{outline:2px solid var(--palette-blue-400);outline-offset:2px}h1,.text-heading-1{line-height:1.2;font-size:var(--font-size-xlg);font-weight:var(--font-weight-bold)}h2,.text-heading-2{line-height:1.2;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}h3,.text-heading-3{line-height:1.5;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}p,a,span,.text-body{line-height:1.5;font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.text-body-muted{line-height:1.5;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);max-width:var(--text-box-width-med);color:var(--color-on-bg-surface-subtle)}.text-caption{line-height:1.5;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.text-caption-muted{line-height:1.5;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-on-bg-surface-subtle)}.ui-xlarge{line-height:1.2;font-size:var(--font-size-ui-xlg);font-weight:var(--font-weight-bold)}.ui-large{line-height:1.2;font-size:var(--font-size-ui-lg);font-weight:var(--font-weight-bold)}.ui-base{line-height:1;font-size:var(--font-size-2xlg);font-weight:var(--font-weight-bold)}.text-max-width-large{max-width:var(--text-box-width-large)}.text-max-width-med{max-width:var(--text-box-width-med)}.text-max-width-small{max-width:var(--text-box-width-small)}.text-line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.separated-item:not(:first-child):before{content:"- "}.card{padding:var(--space-16);border:1px solid var(--color-border-subtle);border-radius:var(--radius-large);background-color:var(--color-bg-surface-1);box-shadow:var(--shadow-1)}.card-high{border-radius:var(--radius-large);padding:var(--space-12);background-color:var(--color-bg-surface-2);border:1px solid var(--color-border-subtle)}.icon-container{width:100%;max-width:44px;max-height:44px;padding:var(--space-8);aspect-ratio:1;border-radius:var(--radius-base);background-color:var(--color-bg-primary);color:var(--color-on-bg-primary);justify-content:center;align-items:center;display:flex}.icon-container.purple{background-color:var(--color-bg-addon-purple)}.icon-container.violet{background-color:var(--color-bg-addon-violet)}.icon-container.blue{background-color:var(--color-bg-addon-blue)}.icon-container.green{background-color:var(--color-bg-addon-green)}.pill{text-align:center;padding:var(--space-4) var(--space-8);height:fit-content;font-size:var(--font-size-sm);background-color:var(--color-bg-secondary);color:var(--color-on-bg-surface);border-radius:var(--radius-base)}.pill.primary{background-color:var(--color-bg-primary);color:var(--color-on-bg-primary)}.space-above-xsmall{margin-top:var(--space-4)}.space-above-small{margin-top:var(--space-8)}.space-above-base{margin-top:var(--space-16)}.space-above-large{margin-top:var(--space-24)}.space-above-xlarge{margin-top:var(--space-36)}.lay-row{align-items:center;gap:var(--space-8);display:flex}.lay-row--start-justify{justify-content:start!important}.lay-col--start-justify{align-items:start!important}.lay-col{justify-content:center;gap:var(--space-8);flex-direction:column;display:flex}.lay-grid-col{gap:var(--space-8);display:grid}.lay-grid-center{place-items:center;gap:var(--space-8);display:grid}.lay-input-label-col{gap:var(--space-4);flex-direction:column;display:flex}.lay-gap-24{gap:var(--space-24)}.lay-gap-16{gap:var(--space-16)}.lay-gap-4{gap:var(--space-4)}.lay-gap-0{gap:0}.vs-note.correct-note{color:var(--color-bg-addon-green-contrast)}.vs-note.wrong-note{color:var(--color-bg-addon-red-contrast)}a.btn.card-button{padding:var(--space-12);padding-bottom:var(--space-24);background-color:var(--color-bg-surface-1);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-1)}@media (width<=768px){:root{--app-padding:var(--space-16) var(--space-12)}.lay-grid-cards{grid-template-columns:repeat(auto-fill,minmax(9em,1fr))}}.mobile-navbar.svelte-129hoe0,.mobile-header.svelte-129hoe0,.backdrop.svelte-129hoe0{display:none}.desktop-header.svelte-129hoe0{justify-content:space-between;gap:var(--space-12);padding-right:var(--space-8)}aside.svelte-129hoe0{z-index:10;border-right:1px solid var(--color-border-subtle);background-color:var(--color-bg-surface-1);flex-direction:column;flex-shrink:0;width:25dvw;min-width:fit-content;max-width:260px;height:100dvh;display:flex;position:sticky;top:0;overflow:hidden auto}.logo-container.svelte-129hoe0{padding:var(--space-12)}nav.svelte-129hoe0>h3:where(.svelte-129hoe0){margin-top:var(--space-24);margin-bottom:var(--space-8);margin-left:var(--space-12)}ul.svelte-129hoe0{padding-inline:var(--space-8)}a.nav-link.svelte-129hoe0{align-items:center;gap:var(--space-8);padding:var(--space-12);border-radius:var(--radius-base);color:var(--color-on-bg-surface-subtle);transition:var(--transition-color);display:flex}a.nav-link.svelte-129hoe0:hover:not(.active){background-color:var(--color-bg-surface-1-active)}a.nav-link.active.svelte-129hoe0{color:var(--color-on-bg-primary-subtle);background-color:var(--color-bg-primary-subtle)}a.nav-link.active.svelte-129hoe0 span:where(.svelte-129hoe0){color:var(--color-on-bg-primary-subtle)}.mobile-navbar.svelte-129hoe0{padding:var(--space-8) var(--space-12);background-color:var(--color-bg-surface-1);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;width:100%}.mobile-header.svelte-129hoe0{padding-right:var(--space-8);justify-content:space-between}.light-mode-button-container.svelte-129hoe0{padding:var(--space-8)}@media (width<=768px){.mobile-navbar.svelte-129hoe0{display:flex}.desktop-header.svelte-129hoe0{display:none}.mobile-header.svelte-129hoe0{display:flex}aside.svelte-129hoe0{width:70dvw;max-width:320px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.backdrop.svelte-129hoe0{z-index:10;background-color:#0006;display:block;position:fixed;inset:0}aside.open.svelte-129hoe0{transform:translate(0)}}@media (width>=769px){aside.collapsed.svelte-129hoe0{width:68px;min-width:fit-content}aside.collapsed.svelte-129hoe0 .desktop-header:where(.svelte-129hoe0){justify-content:center;gap:var(--space-8);flex-direction:column;padding-right:0}aside.collapsed.svelte-129hoe0 h3:where(.svelte-129hoe0),aside.collapsed.svelte-129hoe0 h1:where(.svelte-129hoe0),aside.collapsed.svelte-129hoe0 .nav-link-text:where(.svelte-129hoe0){display:none}aside.collapsed.svelte-129hoe0 a.nav-link:where(.svelte-129hoe0){justify-content:center}}.render-perf__container{pointer-events:none;box-sizing:border-box;z-index:1000000000;position:fixed;inset:0}.render-perf__box{box-sizing:border-box;pointer-events:none;background-color:#2189b50d;border:1px solid #2189b5;font-family:sans-serif;transition:opacity .25s;display:block;position:fixed}.render-perf__title{box-sizing:content-box;color:#fff;background-color:#2189b5;border:1px solid #2189b5;border-bottom:none;min-width:max-content;padding:.125rem .5rem;font-size:.75rem;display:inline-block;position:relative;top:-1.5rem}button.svelte-1a7ponr{cursor:pointer;z-index:100000;border:none;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;transition:transform .2s,background-color .3s;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}button.svelte-1a7ponr:hover{transform:scale(1.1)}button.svelte-1a7ponr:active{transform:scale(.95)}div.svelte-1a7ponr{transition:transform .5s}div.enabled.svelte-1a7ponr{transform:rotate(360deg)}div.svelte-1a7ponr:not(.enabled){transform:rotate(0)}.app.svelte-12qhfyh{display:flex}.content-container.svelte-12qhfyh{flex:1;min-width:0}@media (width<=768px){.app.svelte-12qhfyh{flex-direction:column}}