:root{--violet: #7c6fe0;--violet-deep: #6152c4;--violet-050: #e7e3f9;--peach: #f7c6a0;--peach-deep: #f2ac7e;--pink: #f2c4d6;--gold: #f5c64b;--ink: #1a1a2e;--ink-muted: #565571;--bg: #efeef8;--bg-grad-a: #f3f1fb;--bg-grad-b: #e7e9f4;--card: #ffffff;--card-alt: #f7f6fd;--card-blue: #dce7f2;--card-lilac: #ece8fa;--border: rgba(124, 111, 224, .14);--nav: #1a1a2e;--on-nav: #ffffff;--on-accent: #1a1a2e;--violet-surface: #6e60d6;--on-violet: #ffffff;--success: #34b988;--success-soft: #e2f6ee;--info: #4f9dd9;--info-soft: #e6f2fb;--warn: #b7791f;--warn-soft: #fff6e3;--danger: #c8455f;--danger-soft: #fdeef1;--radius-card: 28px;--radius-tile: 24px;--radius-pill: 999px;--shadow-soft: 0 10px 30px -12px rgba(26, 26, 46, .16), 0 2px 8px -4px rgba(26, 26, 46, .08);--shadow-lift: 0 22px 44px -18px rgba(26, 26, 46, .26), 0 4px 12px -6px rgba(26, 26, 46, .1);--shadow-nav: 0 16px 40px -12px rgba(26, 26, 46, .42);color-scheme:light}[data-theme=dark]{--violet: #8f84ea;--violet-deep: #a79ef2;--violet-050: #2b2a4a;--ink: #edebf7;--ink-muted: #a7a4c4;--bg: #141420;--bg-grad-a: #16162a;--bg-grad-b: #101019;--card: #1e1e30;--card-alt: #26264a;--card-blue: #24314a;--card-lilac: #272446;--border: rgba(143, 132, 234, .22);--nav: #0f0f1a;--on-nav: #ffffff;--on-accent: #1a1a2e;--violet-surface: #6b5dd3;--on-violet: #ffffff;--success: #45cf9b;--success-soft: #17342b;--info: #6cb6ec;--info-soft: #172836;--warn: #e3b055;--warn-soft: #33290f;--danger: #f0798f;--danger-soft: #37202a;--shadow-soft: 0 10px 30px -12px rgba(0, 0, 0, .6), 0 2px 8px -4px rgba(0, 0, 0, .4);--shadow-lift: 0 22px 44px -18px rgba(0, 0, 0, .7), 0 4px 12px -6px rgba(0, 0, 0, .5);--shadow-nav: 0 16px 40px -12px rgba(0, 0, 0, .7);color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Poppins,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 90% at 12% 0%,var(--bg-grad-a) 0%,var(--bg-grad-b) 68%);background-attachment:fixed;-webkit-font-smoothing:antialiased;transition:background-color .24s ease,color .24s ease}button,input,select,textarea{font-family:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:8px}@keyframes lesson-spin{to{transform:rotate(360deg)}}.spin{animation:lesson-spin 1s linear infinite;display:inline-block}@keyframes lx-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1.5deg)}}@keyframes lx-wave{0%,to{transform:rotate(-2deg)}25%{transform:rotate(6deg) scale(1.03)}60%{transform:rotate(-5deg)}}@keyframes lx-celebrate{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.16) rotate(-6deg)}55%{transform:scale(.96) rotate(5deg)}80%{transform:scale(1.06) rotate(-2deg)}to{transform:scale(1) rotate(0)}}@keyframes lx-snooze{0%,to{transform:translateY(0) rotate(4deg);opacity:.85}50%{transform:translateY(-3px) rotate(4deg);opacity:1}}@keyframes lx-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lx-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-3%,0) scale(1.05)}}.lx-mascot--idle{animation:lx-float 5.2s ease-in-out infinite}.lx-mascot--wave{animation:lx-wave 2.4s ease-in-out infinite;transform-origin:60% 85%}.lx-mascot--celebrate{animation:lx-celebrate .9s cubic-bezier(.34,1.56,.64,1)}.lx-mascot--sleepy{animation:lx-snooze 3.6s ease-in-out infinite}.lx-rise{animation:lx-rise .52s cubic-bezier(.22,1,.36,1) both}.lx-blob{animation:lx-drift 18s ease-in-out infinite}.lx-squish{transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .16s ease,color .16s ease}.lx-squish:active:not(:disabled){transform:scale(.945)}.lx-lift{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.lx-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.lx-squish:active:not(:disabled),.lx-lift:hover{transform:none}}.lx-shell{min-height:100vh;position:relative}.lx-main{position:relative;z-index:1;padding:20px 16px 116px;max-width:1320px;margin:0 auto}.lx-nav-bottom{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:50;display:flex;align-items:center;gap:6px;padding:8px;border-radius:var(--radius-pill);background:var(--nav);box-shadow:var(--shadow-nav)}.lx-nav-rail{display:none}.lx-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 4px;max-width:1320px;margin:0 auto}.lx-shell--fill{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lx-shell--fill .lx-topbar{flex:0 0 auto}.lx-main--fill{flex:1 1 auto;min-height:0;max-width:none;overflow:hidden;display:flex;padding:4px 16px 88px}@media(min-width:1024px){.lx-nav-bottom{display:none}.lx-nav-rail{position:fixed;top:20px;bottom:20px;left:20px;width:84px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0;border-radius:42px;background:var(--nav);box-shadow:var(--shadow-nav)}.lx-shell{padding-left:124px}.lx-main{padding:8px 28px 40px}.lx-main--fill{padding:4px 28px 16px}.lx-topbar{padding:20px 28px 0}}.lx-bento{display:grid;grid-template-columns:1fr;gap:16px}.lx-bento-main,.lx-bento-rail{display:flex;flex-direction:column;gap:16px;min-width:0}.lx-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.lx-cards{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:641px){.lx-tiles{grid-template-columns:repeat(3,1fr)}.lx-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.lx-bento{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}.lx-bento-main{gap:20px}.lx-bento-rail{position:sticky;top:20px}.lx-tiles{grid-template-columns:repeat(5,1fr)}.lx-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1360px){.lx-cards{grid-template-columns:repeat(3,1fr)}}.lx-only-desktop{display:none}@media(min-width:1024px){.lx-only-desktop{display:flex}.lx-not-desktop{display:none!important}}.lx-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.lx-pills::-webkit-scrollbar{display:none}