:root{--purple: #6c5ce7;--purple-dark: #5344c9;--yellow: #fdcb6e;--green: #00b894;--red: #e17055;--blue: #74b9ff;--bg: #f3f0ff;--card: #ffffff;--ink: #2d3436;--muted: #7a7f85;--radius: 18px}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;background:var(--bg);color:var(--ink)}h1,h2,h3{font-weight:900}button{font-family:inherit}.container{max-width:960px;margin:0 auto;padding:24px 16px}.btn{display:inline-flex;align-items:center;gap:8px;border:none;border-radius:999px;cursor:pointer;font-weight:800;font-size:1rem;padding:12px 24px;background:var(--purple);color:#fff;box-shadow:0 4px 0 var(--purple-dark);transition:transform .06s ease}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--purple-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.green{background:var(--green);box-shadow:0 4px #009578}.btn.yellow{background:var(--yellow);color:var(--ink);box-shadow:0 4px #e0af52}.btn.ghost{background:#fff;color:var(--purple);box-shadow:0 4px #ddd6ff;border:2px solid #ddd6ff}.btn.small{padding:8px 16px;font-size:.85rem}.btn.danger{background:var(--red);box-shadow:0 4px #c25542}.card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 6px 20px #6c5ce714;margin-bottom:16px}input,textarea,select{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #e4defd;font-family:inherit;font-size:1rem;background:#fff;color:var(--ink)}input:focus,textarea:focus{outline:none;border-color:var(--purple)}label{font-weight:800;font-size:.85rem;display:block;margin:12px 0 4px}.hero{text-align:center;padding:48px 16px 24px}.hero h1{font-size:2.6rem;margin:0}.hero .mascot{font-size:4rem}.hero p{color:var(--muted);font-size:1.1rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 680px){.home-grid{grid-template-columns:1fr}}.code-input{text-transform:uppercase;letter-spacing:8px;text-align:center;font-size:1.6rem;font-weight:900}.lesson-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:800}.pill.live{background:#d3f6ec;color:#00795f}.pill.draft{background:#ffeaa7;color:#8d6708}.dropzone{border:3px dashed #c9bfff;border-radius:var(--radius);padding:40px;text-align:center;cursor:pointer;background:#faf9ff}.dropzone.drag{background:#efeaff;border-color:var(--purple)}.slide-edit{display:grid;grid-template-columns:90px 1fr;gap:14px}.slide-num{width:64px;height:64px;border-radius:16px;background:var(--purple);color:#fff;font-weight:900;font-size:1.3rem;display:flex;align-items:center;justify-content:center}.slide-thumb{width:90px;border-radius:10px}.session{max-width:720px;margin:0 auto;padding:12px 12px 120px}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:999px;padding:8px 18px;box-shadow:0 4px 14px #6c5ce71f;margin-bottom:14px;position:sticky;top:8px;z-index:5;gap:8px;flex-wrap:wrap}.xp{font-weight:900;color:var(--purple)}.streak{font-weight:900;color:var(--red)}.mode-switch{display:flex;gap:8px;margin-bottom:14px}.mode-switch button{flex:1;padding:12px;border-radius:14px;border:3px solid transparent;background:#fff;font-weight:800;cursor:pointer;font-size:.95rem}.mode-switch button.active{border-color:var(--purple);color:var(--purple)}.chat{display:flex;flex-direction:column;gap:10px}.bubble{max-width:82%;padding:12px 16px;border-radius:18px;line-height:1.45;white-space:pre-wrap}.bubble.ai{background:#fff;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 3px 10px #0000000f}.bubble.me{background:var(--purple);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble .slide-ref{font-size:.78rem;color:var(--muted);margin-top:6px}.ask-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px;box-shadow:0 -6px 20px #00000014}.ask-bar .inner{max-width:720px;margin:0 auto;display:flex;gap:8px}.mic{width:52px;height:52px;min-width:52px;border-radius:50%;border:none;cursor:pointer;background:var(--yellow);font-size:1.4rem;box-shadow:0 4px #e0af52}.mic.listening{background:var(--red);animation:pulse 1s infinite;box-shadow:0 4px #c25542}@keyframes pulse{50%{transform:scale(1.12)}}.quiz-card{text-align:center}.quiz-card .prompt{font-size:1.35rem;font-weight:900;margin:10px 0 18px}.options{display:grid;gap:10px}.options button{padding:14px;border-radius:14px;border:3px solid #e4defd;background:#fff;font-weight:800;font-size:1rem;cursor:pointer;text-align:left}.options button:hover{border-color:var(--purple)}.options button.correct{border-color:var(--green);background:#d3f6ec}.options button.wrong{border-color:var(--red);background:#ffe3db}.feedback{font-weight:800;margin-top:14px;font-size:1.05rem}.feedback.good{color:var(--green)}.feedback.bad{color:var(--red)}.confetti-pop{font-size:3rem;animation:pop .5s ease}@keyframes pop{0%{transform:scale(0)}80%{transform:scale(1.3)}to{transform:scale(1)}}.progress-track{background:#e4defd;border-radius:999px;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--purple),var(--blue));height:100%;transition:width .4s}.slide-viewer img{max-width:100%;border-radius:12px}.setup-banner{max-width:640px;margin:80px auto;text-align:center;padding:24px}.setup-banner code{background:#e9e4ff;padding:2px 8px;border-radius:6px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}.badge{font-size:2rem;filter:grayscale(1);opacity:.35}.badge.earned{filter:none;opacity:1}.error-text{color:var(--red);font-weight:700}.muted{color:var(--muted)}.spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}