:root{color:#1c1440;font-family:Nunito,Trebuchet MS,sans-serif;background:#49b4ff}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}.sky{min-height:100vh;background:radial-gradient(circle at 8% 10%,#ffe566 0 72px,transparent 74px),radial-gradient(circle at 94% 6%,#ffffff 0 26px,transparent 28px),radial-gradient(circle at 82% 12%,#ffffff 0 16px,transparent 18px),linear-gradient(#67c6ff 0 18%,#b7ecff 18% 46%,#7dce6a 46%,#3cba55);padding:16px 16px 20px}.classroom{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;height:100dvh;overflow:hidden}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#5b2dff}.wordmark{display:flex;gap:4px;margin:0;font-family:Fredoka,Nunito,sans-serif;font-size:64px;line-height:1}.wordmark.small{font-size:36px}.wordmark span:nth-child(5n+1){color:#ff3b30}.wordmark span:nth-child(5n+2){color:#ff8a00}.wordmark span:nth-child(5n+3){color:#ffd000}.wordmark span:nth-child(5n+4){color:#12a36a}.wordmark span:nth-child(5n+5){color:#3d4dff}.welcome{display:flex;align-items:center;justify-content:center;gap:18px;width:min(760px,100%)}.splash .wordmark{margin-bottom:4px}.speech{flex:1;margin:0 0 18px;background:#fff;border:4px solid #1c1440;border-radius:28px 28px 28px 10px;padding:16px 18px 12px;text-align:left;box-shadow:0 8px #1c14401f}.speech p{margin:0;font-size:22px;font-weight:800;line-height:1.35}.speech-state{margin-top:8px!important;color:#ff3b7a;font-size:14px!important;letter-spacing:.08em;text-transform:uppercase}.picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(760px,100%)}.pick{border:0;cursor:pointer;border-radius:22px;padding:16px 12px;color:#fff;box-shadow:0 6px #00000029}.pick strong,.pick span{display:block}.pick strong{font-size:22px}.pick span{margin-top:4px;font-weight:700;opacity:.92}.pick:active{transform:translateY(3px);box-shadow:0 3px #00000029}.picks.many{max-height:min(42dvh,420px);overflow:auto;padding:2px 2px 8px}.pick.compact{padding:10px 8px;border-radius:16px}.pick.compact strong{font-size:15px;line-height:1.2}.pick.compact span{font-size:12px}.class-chip{border:3px solid #1c1440;background:#fff;color:#1c1440;font-weight:800;border-radius:999px;padding:8px 14px;cursor:pointer}.splash-type{width:min(560px,100%);flex:0 0 auto}.start,.mic,.typebox button,.subject{border:0;cursor:pointer}.start{background:#ff3b7a;color:#fff;border-radius:999px;padding:16px 28px;font-size:22px;font-weight:800;box-shadow:0 6px #c41458}.start:active{transform:translateY(3px);box-shadow:0 3px #c41458}.topbar,.subjects,.talk-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.topbar{margin-bottom:12px}.status{margin:0;background:#fff;border:3px solid #1c1440;border-radius:999px;padding:8px 14px;font-weight:800}.status.live{background:transparent;border-color:transparent;padding:6px}.status.practice{background:#fff1c9;color:#8a4b00}.status-dot{display:block;width:16px;height:16px;border-radius:50%;background:#1fbf62;box-shadow:0 0 0 4px #1fbf6247;animation:status-blink 1.2s ease-in-out infinite}@keyframes status-blink{0%,to{opacity:1}50%{opacity:.25}}.subjects{flex-wrap:nowrap;overflow-x:auto;margin-bottom:8px;padding-bottom:4px}.topics{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px;padding-bottom:4px}.topic{flex:0 0 auto;border:0;cursor:pointer;text-align:left;border-radius:14px;padding:8px 12px;color:#fff;box-shadow:0 4px #00000026}.topic strong,.topic span{display:block}.topic span{font-size:12px;font-weight:700;opacity:.9;max-width:180px}.topic.active{outline:3px solid white}.subject{flex:0 0 auto;min-width:0;max-width:220px;text-align:left;border-radius:18px;padding:8px 12px;color:#fff;box-shadow:0 5px #00000026}.subject strong,.subject span{display:block}.subject span{font-weight:700;opacity:.92}.subject.active{outline:4px solid white;transform:translateY(-2px)}.hue-orange{background:#ff7a00}.hue-violet{background:#7c4dff}.hue-green{background:#12a36a}.hue-teal{background:#0e8f8a}.hue-rose{background:#e23b6e}.hue-gold{background:#e0a100}.hue-indigo{background:#3949ab}.hue-clay{background:#c4622d}.hue-sky{background:#1c8fd6}.hue-pink{background:#d63d9a}.hue-cyan{background:#0097b2}.hue-amber{background:#ef7d00}.hue-lime{background:#5a9e12}.stage{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:stretch;flex:1;min-height:0}.teacher,.board{background:#fff;border-radius:28px}.teacher{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px 12px;border:6px solid #3d4dff}.teacher-name,.teacher-state{margin:0;font-weight:800}.teacher-name{color:#3d4dff;font-size:22px}.teacher-state{color:#ff3b7a}.robot{position:relative;width:150px;height:210px}.antenna{position:absolute;left:70px;top:0;width:8px;height:28px;background:#23315e}.antenna-ball{position:absolute;left:-8px;top:-14px;width:24px;height:24px;border-radius:50%;background:#ffe14a;box-shadow:0 0 0 4px #ff8a00}.pose-speaking .antenna-ball{background:#ff3b7a;animation:pulse .6s infinite alternate}.pose-listening .antenna-ball{background:#3dce6a;animation:pulse .8s infinite alternate}.pose-thinking .antenna-ball{background:#7c4dff;animation:bob .7s infinite}.head{position:absolute;top:28px;left:22px;width:106px;height:78px;border-radius:22px;background:#3d7dff;border:4px solid #1d4ed8}.eye{position:absolute;top:22px;width:22px;height:22px;border-radius:50%;background:#fff}.eye:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#1c1440;top:6px;left:8px}.eye.left{left:18px}.eye.right{right:18px}.pose-listening .eye:after{left:3px}.smile{position:absolute;left:32px;bottom:14px;width:36px;height:12px;border-bottom:5px solid #ff5d8f;border-radius:0 0 20px 20px}.pose-speaking .smile{animation:talk .28s infinite}.cheek{position:absolute;bottom:22px;width:12px;height:8px;border-radius:50%;background:#ff8fb3}.cheek.left{left:12px}.cheek.right{right:12px}.body{position:absolute;top:114px;left:38px;width:74px;height:52px;border-radius:16px;background:#2f6fed;overflow:hidden;border:4px solid #1d4ed8}.stripe{position:absolute;top:0;bottom:0;width:10px}.stripe.red{left:16px;background:#ff3b30}.stripe.gold{left:32px;background:#ffe14a}.stripe.green{left:48px;background:#3dce6a}.badge{position:absolute;right:4px;bottom:4px;background:#fff;color:#3d4dff;font-size:11px;font-weight:800;border-radius:8px;padding:1px 4px}.arm,.leg{position:absolute;background:#3d7dff;border:3px solid #1d4ed8;border-radius:10px}.arm{top:124px;width:22px;height:14px}.arm.left{left:12px}.arm.right{right:12px}.pose-speaking .arm.right{animation:wave .5s infinite}.leg{top:168px;width:16px;height:28px;background:#23315e;border-color:#12182f}.leg.left{left:52px}.leg.right{right:52px}.board{padding:10px;border:8px solid #ffe14a;box-shadow:0 0 0 8px #ff5a5f,0 0 0 16px #2ec4b6;min-height:0;display:flex;flex-direction:column}.board-sky{flex:1;border-radius:16px;overflow:hidden;background:radial-gradient(circle,#ffd0ea 14%,transparent 15%) 0 0 / 26px 26px,radial-gradient(circle,#c8f5ff 14%,transparent 15%) 13px 13px / 26px 26px,#fffdf8;display:grid;place-items:center}.picture{width:100%;height:100%;display:block}.board-sky.motion-pop>*{animation:teach-pop .9s cubic-bezier(.2,1.4,.4,1) both}.board-sky.motion-slide>*{animation:teach-slide .8s ease both}.board-sky.motion-bounce>*{animation:teach-bounce 1s ease-in-out infinite}@keyframes teach-pop{0%{transform:scale(.15) rotate(-8deg);opacity:0}70%{transform:scale(1.08) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0)}}@keyframes teach-slide{0%{transform:translate(-48px) scale(.9);opacity:0}to{transform:none;opacity:1}}@keyframes teach-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.board-prompt{margin:8px 4px 2px;text-align:center;font-family:Fredoka,Nunito,sans-serif;font-size:28px;color:#5b2dff}.board-note{margin:0 16px 6px;text-align:center;font-size:16px;font-weight:800;line-height:1.35;color:#1c1440;max-height:4.2em;overflow:auto}.bubble{margin:10px 0 8px;background:#fff;border-radius:22px;padding:12px 16px;font-size:18px;font-weight:800;line-height:1.35;border:4px solid #ff8a00;min-height:64px;max-height:7.4em;overflow:auto}.progress{display:flex;gap:8px;align-items:center;margin-bottom:12px}.pip{width:18px;height:18px;border-radius:50%;background:#fff}.pip.on{background:#ff3b7a}.progress-label{font-weight:800}.talk-row{align-items:end}.mic{background:#ff3b30;color:#fff;border-radius:999px;padding:18px 26px;font-size:22px;font-weight:800;box-shadow:0 6px #a11410}.mic.on{background:#12a36a;box-shadow:0 6px #0b6b44;animation:pulse .8s infinite alternate}.mic:disabled{opacity:.6}.ask{background:#3d4dff;color:#fff;border-radius:999px;padding:18px 16px;font-size:18px;font-weight:800;box-shadow:0 6px #1c1440}.ask:disabled{opacity:.6}.typebox{display:flex;gap:8px;align-items:center;background:#fff;border-radius:16px;padding:8px;flex:1}.typebox label{font-weight:800;color:#5b2dff}.typebox input{flex:1;border:3px solid #7c4dff;border-radius:12px;padding:10px 12px;min-width:0}.typebox button{background:#3d4dff;color:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.typebox.splash-type{flex:0 0 auto;width:min(560px,100%)}.note{font-weight:800;color:#7a1b4a}.celebrate{position:fixed;inset:0;background:#1c144047;display:grid;place-items:center;z-index:3}.celebrate-card{position:relative;z-index:1;background:#fffdf8;border:8px solid #ff3b7a;border-radius:32px;padding:28px 36px 24px;text-align:center;box-shadow:0 0 0 8px #ffe14a}.celebrate h2{margin:0 0 12px;font-family:Fredoka,sans-serif;font-size:64px;color:#ff3b7a}.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:14px;height:22px;animation:fall 2.4s linear infinite}.confetti i:nth-child(odd){background:#ff3b30}.confetti i:nth-child(2n){background:#3d4dff}.confetti i:nth-child(3n){background:#ffe14a;left:8%}.confetti i:nth-child(4n){background:#12a36a}.confetti i:nth-child(5n){background:#ff3b7a}.confetti i:nth-child(1){left:6%;animation-delay:.1s}.confetti i:nth-child(2){left:14%;animation-delay:.4s}.confetti i:nth-child(3){left:22%}.confetti i:nth-child(4){left:30%;animation-delay:.6s}.confetti i:nth-child(5){left:38%;animation-delay:.2s}.confetti i:nth-child(6){left:46%}.confetti i:nth-child(7){left:54%;animation-delay:.5s}.confetti i:nth-child(8){left:62%}.confetti i:nth-child(9){left:70%;animation-delay:.3s}.confetti i:nth-child(10){left:78%}.confetti i:nth-child(11){left:86%;animation-delay:.7s}.confetti i:nth-child(12){left:92%}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes talk{50%{transform:scaleY(.4)}}@keyframes wave{50%{transform:rotate(-18deg)}}@keyframes fall{to{transform:translateY(100vh) rotate(180deg)}}@media(max-width:800px){.splash{height:auto;min-height:100dvh;overflow:visible;justify-content:flex-start;padding-top:28px}.welcome{flex-direction:column;align-items:center}.splash .robot{transform:none}.speech{text-align:center;border-radius:28px;margin:0}.picks,.picks.classes,.picks.many{grid-template-columns:repeat(2,minmax(0,1fr))}.picks.many{max-height:none}.pick strong{font-size:18px}.sky{padding:10px}.wordmark{font-size:34px}.wordmark.small{font-size:28px}.classroom{height:auto;min-height:100dvh;overflow:visible}.topbar{margin-bottom:6px}.subjects{gap:8px;margin-bottom:8px}.topics{margin-bottom:8px}.topic{padding:6px 10px}.subject{min-width:0;padding:8px 10px}.stage{grid-template-columns:1fr;min-height:0;gap:8px}.teacher{min-height:0;padding:6px 4px 8px}.robot{transform:scale(.72);transform-origin:top center;margin-bottom:-52px}.board{min-height:210px;height:230px}.board-prompt{font-size:20px;margin:4px}.bubble{margin:8px 0;padding:10px 12px;font-size:18px;min-height:0}.mic{padding:12px 18px;font-size:18px}.celebrate h2{font-size:46px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}