/* Poster-inspired presentation for the live preschool companion. */
:root{color:#173c76;background:#eaf8ff}
body.bunny-page{background:radial-gradient(circle at 6% 8%,#fff8c8 0 4%,transparent 12%),radial-gradient(circle at 95% 5%,#cbf4ff 0 11%,transparent 24%),linear-gradient(180deg,#dff4ff 0,#f3fbff 620px,#e9f8ff 100%);color:#173c76}
.page-wrap{width:min(1500px,calc(100% - 48px))}
.bunny-top{height:72px;border-bottom:1px solid #ffffffb8}
.home-link{color:#17528f}.home-link:hover{color:#ea4c91}
.brand{color:#07529d;font-size:21px}.brand b{color:#f34b99}
.brand-mark{color:#fff;background:linear-gradient(140deg,#ff76b6,#e8348d);box-shadow:0 5px 0 #d72d80,0 8px 18px #e7448f30}
.parent-chip{background:#fff;border:1px solid #bee5f8;color:#145d9f;box-shadow:0 4px 12px #0c77a814;text-decoration:none}
.parent-chip span{color:#f34a95}
.poster-intro{position:relative;text-align:center;padding:23px 20px 21px;isolation:isolate}
.poster-intro:before,.poster-intro:after{content:'✿';position:absolute;z-index:-1;font-size:60px;color:#ffe266;opacity:.9}
.poster-intro:before{left:2%;top:22px}.poster-intro:after{right:5%;bottom:8px;color:#b0d96d;font-size:48px}
.poster-kicker{color:#073b88;font:900 clamp(11px,1.15vw,16px)/1.35 'Be Vietnam Pro',sans-serif;letter-spacing:.035em}
.poster-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px auto 2px}
.poster-heading h1{margin:0;color:#f2499a;font:900 clamp(44px,6.7vw,96px)/.97 Nunito,sans-serif;letter-spacing:-.065em;-webkit-text-stroke:clamp(3px,.38vw,6px) #fff;paint-order:stroke fill;filter:drop-shadow(0 4px 0 #06a7d0) drop-shadow(0 8px 8px #1585b537);transform:rotate(-1deg)}
.poster-question{align-self:flex-start;margin-top:-5px;color:#f64d9d;font:900 60px Nunito,sans-serif;transform:rotate(-15deg);-webkit-text-stroke:4px #fff;paint-order:stroke fill;filter:drop-shadow(0 3px 0 #0ca8d3)}
.poster-spark{color:#e8c64b;font-size:40px}
.poster-subtitle{display:inline-block;margin:0;padding:3px 25px 5px;border:3px solid #35c4de;border-radius:999px;background:#fff;color:#0962a0;font:900 clamp(18px,2.3vw,31px)/1.35 Nunito,sans-serif;box-shadow:0 4px 0 #0b9fca24;transform:rotate(-1deg)}
.poster-promise{margin:15px 0 3px;color:#174881;font-size:14px;font-weight:800}.poster-description{margin:0;color:#3e6491;font-size:12px;line-height:1.6}
.poster-section-heading{display:flex;align-items:center;gap:14px;margin:7px 0 14px}.poster-section-heading span{display:inline-flex;align-items:center;padding:7px 17px;border-radius:12px;background:linear-gradient(90deg,#ff8b53,#f36a50);color:#fff;font:900 clamp(18px,2vw,27px)/1.15 Nunito,sans-serif;box-shadow:0 4px 0 #e2614733}.poster-section-heading p{margin:0;color:#356a9a;font-size:13px;font-weight:700}
.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.stage-card,.chat-card,.drawing{border:2px solid #cbeafa;border-radius:22px;background:#fff;box-shadow:0 12px 26px #2c8db118}
.stage-head{color:#0d5b9b;background:#f5fbff}.live-dot{background:#25bf76;box-shadow:0 0 0 4px #d6f8e7}
.stage-footer>div{color:#126895}.tiny-button,.icon-button{border-color:#bae2f3;background:#effaff;color:#146399}.tiny-button:hover,.icon-button:hover{background:#ddf4ff}.fullscreen-button{color:#115e9c;background:#e2f5ff;border-color:#b4dff3}
.bunny-emotions button{background:#f0faff;border-color:#cbe8f6;color:#185a97}.bunny-emotions button:hover{background:#e2f4ff}.bunny-emotions button[aria-pressed=true]{background:#ffe5f1;border-color:#f49bc2;color:#a92e71}
.chat-head{border-bottom-color:#d6effa;background:#f5fbff}.eyebrow{color:#ef5a98}.chat-head h2,.drawing h2{color:#0d65aa}.chat-head h2 span{color:#f0499a}
.avatar{background:#ffe9f3}.bubble{background:#eaf7ff;color:#284a68}.user-message .bubble{background:#e7f5e9;color:#236149}
.quick-prompts{border-top-color:#d7effa}.quick-prompts button{background:#e8f6ff;border-color:#bde5f7;color:#0a66a5}.quick-prompts button:hover,.quick-prompts button:focus-visible{background:#d3edff;border-color:#55bce8}
.composer{border-color:#aadbec}.composer:focus-within{border-color:#078ed5;box-shadow:0 0 0 3px #e2f5ff}.composer input{color:#19548a}.mic-button{background:#dff2ff}.send-button{background:#178fe3}.send-button:hover{background:#086db4}.chat-status{color:#597f9f}
.classroom-manager{border:2px solid #c7ecfb;border-radius:24px;background:#f8fdff;box-shadow:0 12px 26px #2c8db118}.classroom-heading .eyebrow{display:inline-block;margin:0 0 9px;padding:7px 16px;border-radius:10px;background:#1590dc;color:#fff;font:900 17px Nunito,sans-serif;letter-spacing:0}.classroom-heading h2{color:#126bb1}.classroom-heading p:last-child{color:#47739a}.classroom-private{background:#e6f7ff;border-color:#b8e4f6;color:#11699b}
.classroom-stats>div{background:#e8f7ff;border-color:#bfe6f8}.classroom-stats>div:nth-child(2){background:#fff2df;border-color:#f5debb}.classroom-stats>div:nth-child(3){background:#e8f7f0;border-color:#c5ebd8}.classroom-stats>div:nth-child(4){background:#f4edff;border-color:#decdf6}.classroom-stats>div:nth-child(5){background:#ffeaf2;border-color:#f8cbdc}.classroom-stats strong{color:#126bb1}.classroom-stats span,.classroom-stats small{color:#4e7391}
.classroom-viewport{background:linear-gradient(145deg,#1464a2,#093d75)}.classroom-placeholder{color:#fff}.classroom-placeholder>span{background:#ffffff20;color:#fff}.classroom-placeholder p{color:#d4eafa}
.classroom-manager .classroom-primary{background:#178fe3;border-color:#178fe3}.classroom-manager .classroom-primary:hover{background:#0875c1}
.classroom-settings{background:#eef9ff;border-color:#c7e8f8}.classroom-settings summary{color:#0d69aa}.classroom-events li{background:#fff;border-color:#d4ebf6}
.activity{background:#fff1c8;border-color:#ffe0a2}.activity-icon{background:#ffe3a0}.activity strong,.parent-box strong{color:#946116}.activity p,.parent-box p{color:#7d7665}.activity button{background:#f28e51}.parent-box{background:#e7f8ef;border-color:#c5edd4}.parent-box strong{color:#228759}.parent-box label{color:#2d7653}
.drawing{background:#fff}.drawing-controls button{background:#eef9ff;border-color:#c4e8f6;color:#1c6497}
footer{color:#5981a0}footer span{color:#ef5d9d}
@media(max-width:960px){.page-wrap{width:min(100% - 28px,760px)}.workspace{grid-template-columns:1fr}.poster-intro{padding-top:25px}.poster-heading h1{font-size:clamp(40px,8vw,72px)}}
@media(max-width:560px){.page-wrap{width:calc(100% - 20px)}.bunny-top{height:65px}.brand{font-size:17px}.poster-intro{padding:19px 4px 18px}.poster-kicker{font-size:9px}.poster-heading{gap:2px;margin-top:12px}.poster-heading h1{font-size:clamp(32px,9vw,47px);-webkit-text-stroke:2px #fff}.poster-question{font-size:34px;-webkit-text-stroke:2px #fff}.poster-spark{font-size:25px}.poster-subtitle{font-size:16px;padding:4px 11px;border-width:2px}.poster-promise{font-size:11px;line-height:1.5}.poster-description{font-size:10px}.poster-section-heading{align-items:flex-start;flex-direction:column;gap:6px}.poster-section-heading span{font-size:16px}.poster-section-heading p{font-size:11px}.stage-card,.chat-card{border-radius:18px}.classroom-heading .eyebrow{font-size:14px}}