:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body,#root{border:none;outline:none;width:100%;margin:0;padding:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#4a90d9;border:none;border-radius:50%;width:14px;height:14px}input[type=range]::-moz-range-thumb{cursor:pointer;background:#4a90d9;border:none;border-radius:50%;width:14px;height:14px}:root{--board:#15212c;--wood:#8b6914;--chalk:#f5f0e8;--blue:#4a90d9;--gold:#e8c44a;--red:#e05252;--green:#1d9e75;--bg:#0f1923;--surface:#1a2730}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--chalk);font-family:Outfit,sans-serif}@keyframes chalk-stroke{to{stroke-dashoffset:0}}@keyframes chalk-fade{to{opacity:1}}@keyframes chalk-fade-half{to{opacity:.5}}@keyframes chalk-typewriter{0%{clip-path:inset(-4px 100% -4px -4px)}to{clip-path:inset(-4px)}}@keyframes chalk-point-pop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes chalk-arrow-pop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes chalk-text-write{0%{clip-path:inset(-4px 100% -4px -4px);opacity:1}to{clip-path:inset(-4px);opacity:1}}@keyframes chalk-motion-grow{0%{transform:scaleY(.12)}to{transform:scaleY(1)}}@keyframes chalk-motion-drop{0%{opacity:0;transform:translateY(-60px)}70%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes chalk-motion-land{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes chalk-motion-slam{0%{opacity:0;transform:scale(2.2)}45%{opacity:1;transform:scale(.92)}60%{transform:scale(1)translate(3px)}72%{transform:scale(1)translate(-3px)}84%{transform:scale(1)translate(2px)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes chalk-motion-drain{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes chalk-motion-fly_out{0%{opacity:1;transform:translate(0)rotate(0)}55%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(16px,-46px)rotate(12deg)}}@keyframes chalk-motion-fade_in{0%{opacity:0}to{opacity:1}}@keyframes chalk-motion-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes chalk-motion-pulse{0%,to{transform:scale(1)}30%{transform:scale(1.14)}60%{transform:scale(.98)}}@keyframes chalk-motion-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes chalk-motion-glow{0%{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes chalk-motion-slide_in{0%{opacity:0;transform:translate(-46px)}to{opacity:1;transform:translate(0)}}@keyframes chalk-motion-fly_in{0%{opacity:0;transform:translate(16px,-46px)rotate(12deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes chalk-motion-flip{0%{transform:scaleX(1)}50%{transform:scaleX(.14)}to{transform:scaleX(1)}}@keyframes chalk-motion-settle{0%{transform:scale(1)}35%{transform:scale(1.08)}55%{transform:scale(.94,.9)}75%{transform:scale(1.02,1.03)}to{transform:scale(1)}}@keyframes chalk-rain-drop{0%{opacity:0;transform:translateY(0)}15%{opacity:.85}82%{opacity:.4}to{opacity:0;transform:translateY(var(--rain-fall,48px))}}@keyframes chalk-converge-particle{0%{opacity:0;transform:translate(var(--from-x,0), var(--from-y,0)) scale(.85)}18%{opacity:1}78%{opacity:.85}to{opacity:0;transform:translate(0)scale(.5)}}@keyframes chalk-icon-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes chalk-path-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes chalk-point-bounce{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}@keyframes chalk-thinking-dots{0%{opacity:0}33%{opacity:.4}66%{opacity:.4}to{opacity:.4}}@keyframes chalk-thinking-line{0%{stroke-dashoffset:400px;opacity:.08}80%{stroke-dashoffset:0;opacity:.12}to{stroke-dashoffset:0;opacity:0}}@keyframes thinking-text-cycle{0%{opacity:0}12%{opacity:.5}82%{opacity:.5}to{opacity:0}}@keyframes thinking-dust{0%{opacity:0;transform:translateY(0)}10%{opacity:.4}to{opacity:0;transform:translateY(-30px)}}@keyframes thinking-pulse{0%,to{opacity:.15}50%{opacity:.45}}@keyframes chalk-dust-particle{0%{opacity:.55;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-16px)scale(.3)}}@keyframes eraser-sweep{0%{transform:translate(640px)}to{transform:translate(-220px)}}@keyframes chalk-erase-fade{0%{opacity:1}60%{opacity:.4}to{opacity:0}}@keyframes eraser-dust{0%{opacity:.3;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes mr-white-idle{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes mr-white-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes subtitle-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chip-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes erase-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dust-float{0%{opacity:.8;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-20px)scale(.5)}}@keyframes chalkErase{0%{x:0;width:0}50%{x:0;width:640px}to{x:640;width:0}}.erase-sweep{animation:.35s ease-in-out forwards chalkErase}@keyframes thinking-dots{0%,80%,to{opacity:0}40%{opacity:1}}.chalkboard-surface{position:relative}.chalkboard-surface:before{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(circle at 20% 25%,#f5f0e80a 0,#0000 28%),radial-gradient(circle at 75% 60%,#f5f0e808 0,#0000 30%),repeating-linear-gradient(0deg,#0000 0 29px,#f5f0e804 29px 30px),repeating-linear-gradient(90deg,#0000 0 29px,#f5f0e804 29px 30px);position:absolute;inset:0}@keyframes chalk-idle-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.04)rotate(.5deg)}}@keyframes chalk-emph-punch{0%{transform:scale(1)}40%{transform:scale(1.32)}65%{transform:scale(.95)}to{transform:scale(1)}}@keyframes chalk-offset-run{0%{offset-distance:0%}to{offset-distance:100%}}@keyframes chalk-idle-glowpulse{0%,to{opacity:.82}50%{opacity:1}}@keyframes chalk-idle-shimmer{0%,to{opacity:.75}50%{opacity:1}}@keyframes chalk-idle-glint{0%,to{opacity:.85}50%{opacity:1}}@keyframes chalk-idle-strain_fig{0%,to{transform:rotate(0)}35%{transform:rotate(-7deg)}55%{transform:rotate(-6deg)}75%{transform:rotate(1deg)}}@keyframes chalk-idle-strain_chain{0%,to{transform:translate(0)}35%{transform:translate(-7px,-3px)}55%{transform:translate(-6px,-2.5px)}75%{transform:translate(1px)}}@keyframes chalk-idle-strain_ball{0%,30%,to{transform:translate(0)rotate(0)}50%{transform:translate(-9px)rotate(-3deg)}62%{transform:translate(-8px)rotate(-2.8deg)}85%{transform:translate(.5px)rotate(.2deg)}}@keyframes chalk-idle-sheen{0%,86%,to{opacity:0;transform:translate(-26px)rotate(18deg)}90%{opacity:.85}94%{opacity:0;transform:translate(30px)rotate(18deg)}}@keyframes chalk-ride-grow{0%{transform:scale(var(--grow-from,.3))}to{transform:scale(1)}}@keyframes chalk-sparkle-burst{0%{opacity:0;transform:scale(0)}45%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.4)}}@keyframes chalk-tip-puff{0%{opacity:.7;transform:translate(0)scale(1)}to{transform:translate(var(--dx,0), -14px) scale(.2);opacity:0}}@keyframes chalk-confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(150px)rotate(220deg)}}@keyframes chalk-scene-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes chalk-cam-punch{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes chalk-cam-punch-b{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes chalk-establish-land{0%{opacity:0;transform:var(--est-start)}14%{opacity:1;transform:var(--est-start)}58%{opacity:1;transform:var(--est-start)}to{opacity:1;transform:translate(0)scale(1)}}
