@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f4f2ff;background:radial-gradient(circle at top left,#161a40,#040510 60%);min-height:100vh}*{box-sizing:border-box}body{margin:0;background:transparent}#root{height:100vh}button,input,select{font-family:inherit}.app-shell{display:grid;grid-template-columns:340px 1fr;gap:2rem;padding:2rem 2.5rem 3rem;height:100vh;overflow:hidden}.sidebar{background:#0d1131d9;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 30px 60px #050116b3;height:100%;overflow-y:auto}.sidebar-header h1{margin:.2rem 0 0;font-size:1.6rem}.sidebar-meta{display:flex;justify-content:space-between;font-size:.95rem;opacity:.8}.primary{background:linear-gradient(120deg,#fbbf24,#ff5c8d);color:#050312;border:none;padding:.65rem 1.2rem;border-radius:14px;font-weight:600;cursor:pointer}.ghost{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;padding:.35rem .8rem;border-radius:12px;cursor:pointer}.lesson-list{overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.lesson-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:1rem;background:#ffffff05;transition:border .2s,background .2s}.lesson-card.selected{border-color:#fbbf24;background:#fbbf240d}.lesson-card header{display:flex;justify-content:space-between;align-items:center}.lesson-card h3{margin:.2rem 0 0}.switch{display:flex;align-items:center;gap:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.switch input{accent-color:#fbbf24}.weight{margin:.8rem 0 .2rem;font-size:1.4rem;font-weight:600}.lesson-card input[type=range]{width:100%;accent-color:#ff5c8d}.card-actions{display:flex;gap:.6rem;margin-top:.8rem}.docs{list-style:none;padding:0;margin:.8rem 0 0;font-size:.85rem;opacity:.8}.docs li+li{margin-top:.3rem}.main-panel{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0;overflow:hidden}.panel{background:#09081ae6;border-radius:24px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;box-shadow:0 20px 50px #02001499}.ribbon{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.ribbon input,.ribbon select{width:100%;padding:.7rem;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit}.ribbon label{display:block;margin-bottom:.35rem;font-size:.85rem;opacity:.8}.cta{background:linear-gradient(120deg,#35fac3,#1ec7ff);border:none;border-radius:16px;padding:.9rem 1.4rem;font-size:1.1rem;font-weight:600;color:#041326;cursor:pointer}.chat header{display:flex;justify-content:space-between;align-items:flex-end}.panel.chat{display:grid;grid-template-rows:auto 1fr auto;flex:1;min-height:0;height:100%}.chat-thread{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;scrollbar-gutter:stable both-edges;min-height:0}.bubble{padding:1rem;border-radius:18px;line-height:1.5}.bubble.system{background:#ffffff0d}.bubble.user{background:#35fac31a;align-self:flex-end}.bubble.assistant{background:#ff5c8d1f}.bubble .bubble-content{white-space:pre-wrap}.chat-input{display:flex;gap:.6rem;align-items:flex-end;padding-top:.75rem;background:#09081ae6;border-top:1px solid rgba(255,255,255,.08)}.chat-input textarea{width:100%;resize:none;min-height:72px;max-height:30vh;overflow-y:auto;padding:.7rem;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit}.eyebrow{text-transform:uppercase;font-size:.68rem;letter-spacing:.3em;opacity:.8;margin:0}.hint{opacity:.55;font-size:.9rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:#ff5c8d;color:#040510;padding:.9rem 1.2rem;border-radius:16px;box-shadow:0 20px 40px #00000073;cursor:pointer}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr;height:100vh;overflow:hidden}.sidebar{order:2}}