@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Mono:wght@400;700&display=swap";.avatar-frame{background:var(--cream-deep);box-sizing:border-box;border-radius:50%;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.avatar-frame>img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-frame.has-ring{padding:3px;overflow:visible}.frame-none{border:2px solid var(--accent-yellow)}.frame-gold-ring{border:4px solid #f5c842;box-shadow:0 0 0 1px #0003}.frame-crimson-glow{border:3px solid #e05555;box-shadow:0 0 18px #e05555b3,inset 0 0 4px #e05555e6}.frame-ocean-pulse{border:3px solid #5599e0;animation:2.4s ease-in-out infinite oceanPulse}@keyframes oceanPulse{0%,to{box-shadow:0 0 8px #5599e080}50%{box-shadow:0 0 22px #5599e0}}.frame-aurora{background:conic-gradient(#5599e0,#b478ff,#ff78c8,#f5c842,#78ffd1,#5599e0);animation:6s linear infinite auroraSpin}@keyframes auroraSpin{to{transform:rotate(360deg)}}.frame-aurora>img{animation:6s linear infinite reverse auroraSpin}.frame-sunset{background:linear-gradient(135deg,#ff7e3f 0%,#ff4f8a 50%,#b13bd9 100%);box-shadow:0 0 14px #ff4f8a8c}.frame-royal-velvet{border:3px solid #4b1d8c;animation:3.5s ease-in-out infinite velvetShimmer;box-shadow:inset 0 0 0 2px #f5c842,0 0 16px #4b1d8cb3}@keyframes velvetShimmer{0%,to{box-shadow:inset 0 0 0 2px #f5c842,0 0 16px #4b1d8cb3}50%{box-shadow:inset 0 0 0 2px #ffd86b,0 0 24px #9650dce6}}.frame-holo{background:conic-gradient(#ff78c8 0deg,#78d8ff 60deg,#b8ff78 120deg,#ffd078 180deg,#ff78c8 240deg,#b478ff 300deg,#ff78c8 360deg);animation:4s linear infinite holoSpin;box-shadow:0 0 24px #fff6}@keyframes holoSpin{to{transform:rotate(360deg)}}.frame-holo>img{animation:4s linear infinite reverse holoSpin}:root{--bg-dark:var(--cream);--bg-medium:var(--cream-deep);--bg-light:var(--cream-deep);--text-chalk:var(--ink);--text-dim:var(--ink-soft);--text-faint:var(--ink-soft);--accent-yellow:var(--yellow);--accent-red:#e05555;--accent-blue:#5599e0;--accent-green:#4cdb8a;--accent-gold:#ffb703;--border-chalk:2px solid #e8f5e866;--font-chalk:var(--font-script);--font-board-text:var(--font-chalk), "STIX Two Math", "Cambria Math", "Latin Modern Math", "Noto Sans Math", "DejaVu Sans", "Segoe UI Symbol", "Apple Symbols", serif;--font-sans:var(--font-body);--font-mono:var(--font-mono);--font-serif:var(--font-chalk);--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--radius-full:50%;--border-faint:1px solid #e8f5e81a;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--shadow-xl:0 20px 50px #00000080;--shadow-glow-yellow:0 0 20px #f5c84266;--shadow-glow-blue:0 0 20px #5599e04d;--ease-soft:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-med:.25s;--duration-slow:.4s;--app-vh:100vh}@supports (height:100svh){:root{--app-vh:100svh}}html,body{max-width:100%;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{min-height:var(--app-vh);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-weight:400;line-height:1.1}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}button{cursor:pointer;font-family:var(--font-body);color:inherit;transition:all var(--duration-fast) var(--ease-soft);background:0 0;border:none}input,textarea,select{color:var(--ink);font-family:var(--font-body)}a{color:inherit;text-decoration:none}.btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-md);border:var(--border-chalk);color:var(--text-chalk);justify-content:center;align-items:center;gap:var(--space-2);transition:transform var(--duration-fast) var(--ease-soft), background-color var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft), box-shadow var(--duration-fast) var(--ease-soft);background-color:#0000;display:inline-flex}.btn:hover{background-color:var(--ink-a08);border-color:var(--ink-a30);transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--text-chalk);color:var(--bg-dark);border:none}.btn-primary:hover{background-color:var(--cream);box-shadow:var(--shadow-sm)}.btn-accent{background-color:var(--accent-yellow);color:var(--ink-on-accent);border:none;font-weight:700}.btn-accent:hover{background-color:var(--accent-yellow);box-shadow:var(--shadow-glow-yellow)}.btn-ghost{border:var(--border-faint);color:var(--text-dim);background-color:#0000}.btn-ghost:hover{color:var(--text-chalk);border-color:var(--ink-a30)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRed{0%{color:var(--accent-red);filter:drop-shadow(0 0 0px var(--accent-red));transform:scale(1)}50%{color:#f77;filter:drop-shadow(0 0 8px var(--accent-red));transform:scale(1.05)}to{color:var(--accent-red);filter:drop-shadow(0 0 0px var(--accent-red));transform:scale(1)}}@keyframes topicDrop{0%{opacity:0;transform:translateY(-100px)}60%{transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chalkDust{0%{opacity:0;transform:translateY(0)}50%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .6s var(--ease-soft) forwards}.animate-slide-up{animation:slideUp .7s var(--ease-soft) forwards}.animate-topic-drop{animation:topicDrop .8s var(--ease-spring) forwards}.glass-panel{background:var(--cream);border:var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-sm)}.spinner{border:3px solid var(--ink-a10);border-top-color:var(--yellow);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.wave-bar{background:var(--ink);width:2px;height:100%;animation:.5s ease-in-out infinite alternate wave}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}@keyframes wave{0%{height:2px}to{height:6px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream-deep)}::-webkit-scrollbar-thumb{background:var(--ink-a20);border-radius:4px}input:focus,select:focus,textarea:focus{box-shadow:var(--shadow-sm);outline:none;border-color:var(--yellow)!important;background:var(--cream)!important}.input-group:focus-within label{color:var(--ink)!important}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23141210' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:1.2rem;padding-right:2.5rem!important}select option{background-color:var(--cream);color:var(--ink)}input[type=range]{appearance:none;background:var(--ink-a10);border-radius:3px;outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text-chalk);border:2px solid var(--accent-yellow);width:18px;height:18px;box-shadow:0 2px 6px var(--ink-a30);cursor:grab;transition:transform var(--duration-fast) var(--ease-soft);border-radius:50%}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}input[type=range]::-moz-range-thumb{background:var(--text-chalk);border:2px solid var(--accent-yellow);width:18px;height:18px;box-shadow:0 2px 6px var(--ink-a30);cursor:grab;border-radius:50%}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-shake{animation:.2s ease-in-out 2 shake}.chalk-underline{display:inline-block;position:relative}.chalk-underline:after{content:"";background:var(--ink-a30);border-radius:50%/100% 100% 0 0;height:3px;position:absolute;bottom:-6px;left:8%;right:8%}.chalkboard-frame{background-color:#3d2b1f;background-image:linear-gradient(90deg,#0003,#0000 5% 95%,#0003),linear-gradient(#0003,#0000 5% 95%,#0003);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #2a1d15;border-radius:8px;flex-direction:column;padding:16px;display:flex;position:relative;box-shadow:inset 0 0 40px #00000080,0 10px 30px #0006,0 4px #2a1d15}.chalkboard-frame:before{content:"";pointer-events:none;border:4px solid #ffffff0d;border-radius:4px;position:absolute;inset:0}@keyframes ui-button-spin{to{transform:rotate(360deg)}}.ui-slider input[type=range]{appearance:none;border-radius:var(--radius-pill);background:linear-gradient(to right, var(--ui-slider-accent,var(--accent-yellow)) 0%, var(--ui-slider-accent,var(--accent-yellow)) var(--ui-slider-pct,0%), var(--ink-a15) var(--ui-slider-pct,0%), var(--ink-a15) 100%);cursor:pointer;width:100%;height:8px;transition:box-shadow var(--duration-fast) var(--ease-soft);outline:none}.ui-slider input[type=range]:disabled{opacity:.45;cursor:not-allowed}.ui-slider input[type=range]:focus-visible{box-shadow:0 0 0 3px #f5c84259}.ui-slider input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--text-chalk);border:2px solid var(--ui-slider-accent,var(--accent-yellow));cursor:grab;width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-soft)}.ui-slider input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.ui-slider input[type=range]::-moz-range-thumb{border-radius:var(--radius-full);background:var(--text-chalk);border:2px solid var(--ui-slider-accent,var(--accent-yellow));cursor:grab;width:20px;height:20px}.ui-slider input[type=range]::-moz-range-track{background:0 0}html[data-theme=dark] ::-webkit-scrollbar-track{background:var(--cream-deep)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--ink-a20)}html[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23F0EBE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}html[data-theme=dark] select option{background-color:var(--cream);color:var(--ink)}html[data-theme=dark] input[type=range]::-webkit-slider-thumb{background:var(--ink)}html[data-theme=dark] input[type=range]::-moz-range-thumb{background:var(--ink)}:root{--cream:#f7f2e7;--cream-deep:#ede6d2;--ink:#141210;--ink-soft:#4a463e;--yellow:#f5d000;--board:#1fb870;--notes:#c8553d;--ai:#6b5bff;--tutors:#2f7bff;--shadow-color:#141210;--border:2.5px solid var(--ink);--shadow-sm:4px 4px 0 var(--shadow-color);--shadow-md:6px 6px 0 var(--shadow-color);--shadow-lg:12px 12px 0 var(--shadow-color);--r-card:20px;--r-card-lg:24px;--r-pill:999px;--font-display:"Gloock", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-script:"Caveat", cursive;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-board-text:var(--font-script), "STIX Two Math", "Cambria Math", "Latin Modern Math", "Noto Sans Math", "DejaVu Sans", "Segoe UI Symbol", "Apple Symbols", serif;--ink-a04:#1412100a;--ink-a05:#1412100d;--ink-a08:#14121014;--ink-a10:#1412101a;--ink-a12:#1412101f;--ink-a15:#14121026;--ink-a16:#14121029;--ink-a20:#14121033;--ink-a25:#14121040;--ink-a28:#14121047;--ink-a30:#1412104d;--cream-a98:#f7f2e7fa;--canvas-bg:#fafaf8;--canvas-stroke:#141210;--canvas-frame-bg:#0f160f73;--ink-on-accent:#141210;--overlay-backdrop:#0f0c0ab3;--dot-grid-alpha:#14121012}html[data-theme=dark]{--cream:#1c1916;--cream-deep:#252119;--ink:#f0ebe1;--ink-soft:#9e998f;--ink-a04:#f0ebe10a;--ink-a05:#f0ebe10d;--ink-a08:#f0ebe114;--ink-a10:#f0ebe11a;--ink-a12:#f0ebe11f;--ink-a15:#f0ebe126;--ink-a16:#f0ebe129;--ink-a20:#f0ebe133;--ink-a25:#f0ebe140;--ink-a28:#f0ebe147;--ink-a30:#f0ebe14d;--cream-a98:#1c1916fa;--canvas-bg:#1a1f1a;--canvas-stroke:#e8efe8;--canvas-frame-bg:#080c08a6;--ink-on-accent:#141210;--overlay-backdrop:#080605c7;--dot-grid-alpha:#f0ebe10a;--shadow-color:#050403}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);background-image:radial-gradient(circle at center, var(--dot-grid-alpha) 1.2px, transparent 1.2px);background-size:24px 24px;background-attachment:fixed}