@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0a0f;--bg-surface:#111118;--bg-elevated:#1a1a24;--bg-glass:#ffffff0a;--accent-purple:#7c6af5;--accent-blue:#4f8ef7;--accent-teal:#2dd4bf;--accent-glow:#7c6af540;--text-primary:#f0efff;--text-secondary:#9b9ab0;--text-muted-new:#5a5970;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#7c6af566;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-hero:clamp(2.5rem, 6vw, 4.5rem);--navy-950:#0a0a0f;--navy-900:#111118;--navy-800:#1a1a24;--navy-700:#252540;--navy-600:#3a3a5a;--navy-500:#7c6af5;--navy-400:#7c6af5;--navy-300:#9b8df8;--navy-200:#9b9ab0;--navy-100:#f0efff;--navy-50:#f0efff;--gold:#2dd4bf;--gold-dim:#25b8a5;--white:#f0efff;--off-white:#f0efff;--muted:#9b9ab0;--subtle:#5a5970;--glass-bg:#111118cc;--glass-bg-alt:#1a1a24cc;--glass-border:#7c6af540;--input-bg:#111118cc;--card-bg:#1a1a24cc;--panel-bg:#0a0a0f99;--tab-bg:#7c6af514;--overlay-bg:#1a1a246b;--surface-panel-strong:#111118f5;--surface-panel-soft:#1a1a24bd;--surface-panel-muted:#111118e0;--surface-border-strong:#7c6af52e;--page-grid-line:#7c6af50a;--page-orb-primary:radial-gradient(circle, #7c6af52e 0%, transparent 70%);--page-orb-secondary:radial-gradient(circle, #2dd4bf1a 0%, transparent 70%);--success-soft:#2dd4bf29;--success-border:#2dd4bf59;--success-text:#2dd4bf;--warning-soft:#f59e0b1f;--warning-border:#f59e0b38;--warning-text:#f6c35b;--danger-soft:#f095951f;--danger-border:#f095954d;--danger-text:#f09595;--btn-primary-text:#fff;--chat-bg:#0a0a0ff5;--chat-header-bg:#1a1a24e6;--chat-footer-bg:#111118eb;--chat-border:#7c6af52e;--chat-shadow:0 18px 46px #00000057;--chat-text:#f0efff;--chat-text-muted:#9b9ab0;--chat-text-soft:#5a5970;--chat-system-bg:#ffffff0d;--chat-system-border:#ffffff14;--chat-avatar-ring:#7c6af547;--chat-bubble-self-bg:linear-gradient(180deg, #7c6af557 0%, #6452dc4d 100%);--chat-bubble-self-border:#7c6af54d;--chat-bubble-other-bg:#1a1a24eb;--chat-bubble-other-border:#7c6af529;--chat-bubble-shadow:0 10px 24px #01010a38;--chat-reaction-bg:#111118f0;--chat-reaction-border:#7c6af53d;--chat-reaction-hover-bg:#242434fa;--chat-reaction-active-bg:#7c6af547;--chat-reaction-active-border:#7c6af561;--chat-accent:#7c6af5;--chat-accent-hover:#9b8df8;--chat-disabled-bg:#7c6af51f;--chat-input-bg:#0a0a0feb;--chat-input-border:#7c6af538;--chat-input-placeholder:#5a5970;--chat-panel-btn-bg:#1a1a24e6;--chat-panel-btn-hover:#242434f2;--font-display:"Inter", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 12px 48px #00000080;--shadow-card:0 1px 3px #0006, 0 0 0 1px var(--border-subtle);--shadow-elevated:0 8px 32px #00000080;--shadow-glow:0 0 40px var(--accent-glow)}[data-theme=light]{--bg-primary:#f8f7ff;--bg-surface:#fff;--bg-elevated:#f0eff8;--text-primary:#1a1829;--text-secondary:#5a5870;--text-muted-new:#8a89a0;--border-subtle:#0000000f;--border-default:#0000001a;--border-strong:#7c6af54d;--navy-950:#f8f7ff;--navy-900:#fff;--navy-800:#f0eff8;--navy-700:#e0dff0;--navy-600:#7c6af5;--navy-500:#6c5ce7;--navy-400:#5a4bd4;--navy-300:#4a3dc4;--navy-200:#5a5870;--navy-100:#1a1829;--navy-50:#0a0a0f;--gold:#0d9b85;--gold-dim:#0a8472;--white:#1a1829;--off-white:#f8f7ff;--muted:#5a5870;--subtle:#8a89a0;--glass-bg:#ffffffb3;--glass-bg-alt:#ffffffe6;--glass-border:#7c6af52e;--input-bg:#ffffffe6;--card-bg:#ffffffd9;--panel-bg:#ffffffa6;--tab-bg:#7c6af50f;--overlay-bg:#ffffffc7;--surface-panel-strong:#fffffff5;--surface-panel-soft:#ffffffe0;--surface-panel-muted:#ffffffeb;--surface-border-strong:#7c6af524;--page-grid-line:#7c6af50d;--page-orb-primary:radial-gradient(circle, #7c6af51f 0%, transparent 70%);--page-orb-secondary:radial-gradient(circle, #2dd4bf1a 0%, transparent 70%);--success-soft:#2dd4bf24;--success-border:#2dd4bf47;--success-text:#0d9b85;--warning-soft:#f59e0b24;--warning-border:#f59e0b3d;--warning-text:#9a6500;--danger-soft:#e24b4a1a;--danger-border:#e24b4a38;--danger-text:#b64242;--btn-primary-text:#fff;--chat-bg:#f8f7fffa;--chat-header-bg:#f0eff8f0;--chat-footer-bg:#f8f7fff5;--chat-border:#7c6af529;--chat-shadow:0 18px 38px #1a18291f;--chat-text:#1a1829;--chat-text-muted:#5a5870;--chat-text-soft:#8a89a0;--chat-system-bg:#7c6af50f;--chat-system-border:#7c6af51f;--chat-avatar-ring:#7c6af538;--chat-bubble-self-bg:linear-gradient(180deg, #7c6af529 0%, #7c6af51c 100%);--chat-bubble-self-border:#7c6af53d;--chat-bubble-other-bg:#fffffff0;--chat-bubble-other-border:#7c6af51f;--chat-bubble-shadow:0 10px 22px #1a182914;--chat-reaction-bg:#fffffff5;--chat-reaction-border:#7c6af529;--chat-reaction-hover-bg:#f0eff8fa;--chat-reaction-active-bg:#7c6af529;--chat-reaction-active-border:#7c6af53d;--chat-accent:#6c5ce7;--chat-accent-hover:#5a4bd4;--chat-disabled-bg:#7c6af51a;--chat-input-bg:#fffffffa;--chat-input-border:#7c6af52e;--chat-input-placeholder:#8a89a0;--chat-panel-btn-bg:#fffffff2;--chat-panel-btn-hover:#f0eff8fa;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 20px #0000001f;--shadow-lg:0 12px 48px #0000002e;--shadow-card:0 1px 3px #0000001a, 0 0 0 1px var(--border-subtle);--shadow-elevated:0 8px 32px #00000026;--shadow-glow:0 0 40px #7c6af51f}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--navy-950);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.7;overflow-x:hidden}#root{min-height:100dvh}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-purple);outline-offset:3px}input,textarea,select,option{font-family:var(--font-body);border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-900)}::-webkit-scrollbar-thumb{background:var(--subtle);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #7c6af580}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{animation:.6s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.delay-1{opacity:0;animation-delay:80ms}.delay-2{opacity:0;animation-delay:.16s}.delay-3{opacity:0;animation-delay:.24s}.delay-4{opacity:0;animation-delay:.32s}.delay-5{opacity:0;animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-fade-up,.animate-fade-in,.delay-1,.delay-2,.delay-3,.delay-4,.delay-5{opacity:1!important;animation:none!important;transform:none!important}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}#next-steps{text-align:center;flex-direction:column}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@media (width<=768px){.mobile-header{display:flex!important}.app-sidebar{transition:transform .3s;transform:translate(-100%);height:100dvh!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important}.app-sidebar.open{transform:translate(0)}main,[style*="padding: 2.5rem 3rem"]{padding:1.25rem 1rem!important}[style*="max-width: 1000px"]{flex-direction:column!important;padding:1.5rem 1rem!important}[style*=heroText]{display:none}[style*="grid-template-columns: repeat(auto-fill, minmax(260px"],[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important}[style*="gridTemplateColumns: 32px 1fr auto 120px"]{grid-template-columns:32px 1fr auto!important}.mydecks-deck-actions button{box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important}[style*="minmax(160px, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="minmax(200px, 1fr)"]{grid-template-columns:1fr!important}[style*=controlsRight]{flex-direction:column!important;align-items:flex-start!important}[style*="minHeight: 340px"]{min-height:260px!important}[style*="maxWidth: 560px"]{max-width:100%!important}[style*="maxWidth: 720px"],[style*="maxWidth: 700px"]{padding:1rem!important}}@media (width<=480px){h1[style*=clamp]{font-size:1.5rem!important}.count-btn-hide-mobile{display:none!important}[style*="width: fit-content"]{width:100%!important}[style*="padding: '0.5rem 1.25rem'"]{padding:.4rem .75rem!important;font-size:.78rem!important}}@media (width<=680px){.dash-main{gap:1.25rem!important;padding:1.25rem 1rem!important}.dash-card-inner{padding:1.25rem!important}.dash-tabs{width:100%!important}.dash-tab{flex:1!important;justify-content:center!important;gap:5px!important;padding:.55rem .4rem!important;font-size:.8rem!important}.dash-usage-row{flex-wrap:wrap!important;gap:.55rem 1.25rem!important}.dash-input-row{flex-direction:column!important}.dash-input-wrap{width:100%!important;min-width:0!important}.dash-gen-btns{width:100%!important}.dash-gen-btn{flex:1!important;justify-content:center!important;padding-left:1rem!important;padding-right:1rem!important}.dash-file-drop{min-height:120px!important;padding:2rem 1.5rem!important}.dash-count-btn{touch-action:manipulation!important;width:48px!important;height:38px!important;font-size:.9rem!important}}.progress-year-scroll{padding-bottom:4px;overflow-x:auto}.progress-year-scroll::-webkit-scrollbar{height:4px}.progress-year-months{gap:3px;min-width:max-content;height:14px;margin-bottom:4px;display:flex}.progress-year-month-cell{width:11px;color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:9px;overflow:visible}.progress-year-grid{gap:3px;min-width:max-content;display:flex}.progress-year-week{flex-direction:column;gap:3px;display:flex}.progress-year-cell{cursor:default;border-radius:2px;flex-shrink:0;width:11px;height:11px;transition:transform .15s}.progress-year-cell:hover{z-index:1;position:relative;transform:scale(1.5)}@media (width<=768px){.progress-root{padding-left:1rem!important}.progress-best-card{flex-direction:column!important;align-items:flex-start!important}.progress-best-card>div:first-child{align-self:center}.mydecks-root{padding-left:1rem!important;padding-right:1rem!important}}.deck-btn-enabled{transition:box-shadow .15s,border-color .15s}.deck-btn-enabled:hover{box-shadow:0 0 10px #7c6af559;border-color:#7c6af580!important}@media (width<=1280px) and (width>=769px){.app-sidebar{width:clamp(200px,18vw,240px)!important;min-width:200px!important}[style*="minmax(220px, 1fr)"]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}@media (width<=480px){.lc-root{border-left:none!important;border-radius:0!important;width:100vw!important;left:0!important;right:0!important}}.deck-card-actions-row{flex-wrap:wrap;gap:.35rem;display:flex}.deck-card-actions-row button{white-space:nowrap;min-width:0}body{overflow-x:hidden}main,[role=main]{max-width:100vw}.katex{color:inherit!important}.katex-display{padding:.5rem 0;overflow-x:auto;color:inherit!important}.katex-display>.katex{white-space:normal}.ai-markdown{font-family:var(--font-sans,system-ui)}.ai-markdown p{margin:0 0 .65rem;line-height:1.6}.ai-markdown p:last-child{margin-bottom:0}.ai-markdown h1,.ai-markdown h2,.ai-markdown h3,.ai-markdown h4{color:inherit;margin:.5rem 0 .35rem}.ai-markdown h1{font-size:1.3rem;font-weight:800}.ai-markdown h2{font-size:1.15rem;font-weight:800}.ai-markdown h3{font-size:1.05rem;font-weight:700}.ai-markdown h4{font-size:.97rem;font-weight:700}.ai-markdown ul,.ai-markdown ol{flex-direction:column;gap:.3rem;margin:0 0 .65rem;padding-left:1.5rem;display:flex}.ai-markdown ul:last-child,.ai-markdown ol:last-child{margin-bottom:0}.ai-markdown li{line-height:1.55}.ai-markdown strong{color:inherit;font-weight:700}.ai-markdown em{font-style:italic}.ai-markdown code{font-size:.88em;font-family:var(--font-mono,monospace);background:#7c6af51f;border:1px solid #7c6af533;border-radius:4px;padding:.1em .4em}.ai-markdown pre{background:#0000004d;border:1px solid #7c6af533;border-radius:8px;margin:0 0 .65rem;padding:.9rem 1rem;overflow-x:auto}.ai-markdown pre code{background:0 0;border:none;padding:0;font-size:.85em}.ai-markdown blockquote{color:var(--muted);border-left:3px solid #7c6af566;margin:0 0 .65rem;padding:.3rem 0 .3rem .9rem}.ai-markdown hr{border:none;border-top:1px solid #7c6af526;margin:.75rem 0}.ai-markdown table{border-collapse:collapse;width:100%;margin:0 0 .65rem;font-size:.88rem}.ai-markdown th,.ai-markdown td{text-align:left;border:1px solid #7c6af533;padding:.45rem .7rem}.ai-markdown th{background:#7c6af51a;font-weight:700}.quiz-answer-math .ai-markdown{display:contents}.quiz-answer-math .ai-markdown p{margin:0}.quiz-answer-math .katex{color:inherit}math-field::part(virtual-keyboard-toggle),math-field::part(menu-toggle){display:none!important}.logo img,.logo svg{mix-blend-mode:normal;background:0 0}