#class-connection-controls{width:100%;margin:6px 0}#class-connection-controls p{color:#a3d6cc;margin:6px 3px 8px;font:12px/1.4 system-ui}#class-connection-controls>div{gap:6px;display:flex}#class-connection-controls button{color:#f5f7f8;cursor:pointer;background:#263a44;border:1px solid #526874;border-radius:9px;flex:1;min-width:0;min-height:44px;padding:7px 4px;font:600 12px/1.3 system-ui}#class-connection-controls button:disabled{opacity:.55}#class-connection-controls [data-leave]{border-color:#a67a6b}#classroom-toolbox{color:#fff;background:#171536;border:1px solid #baa5ff;border-radius:24px;max-width:460px;padding:28px;box-shadow:0 25px 90px #0009}#classroom-toolbox::backdrop{background:#07091dbb}#classroom-toolbox header{justify-content:space-between;align-items:center;gap:28px;display:flex}#classroom-toolbox button{color:#fff;cursor:pointer;background:#7660d7;border:0;border-radius:14px;padding:14px 20px;font-size:20px}#classroom-toolbox .spinner-launch{background:linear-gradient(120deg,#8854ec,#cb458f);width:100%;font-size:24px;font-weight:800}#classroom-toolbox small{margin-top:8px;font-size:14px;font-weight:400;display:block}#lucky-six[hidden]{display:none!important}#lucky-six{z-index:100000;color:#fff;box-sizing:border-box;background:radial-gradient(at 25% 40%,#57359e 0,#0000 60%),radial-gradient(at 85% 80%,#225575 0,#0000 55%),#10112f;padding:clamp(18px,3vw,48px);font-family:system-ui,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}#lucky-six header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}#lucky-six h1{letter-spacing:-2px;color:#fff;margin:8px 0;font-size:clamp(32px,5vw,70px);line-height:1.05}#lucky-six header span{color:#e8c776;letter-spacing:5px;font-size:13px;font-weight:800}#lucky-six button{cursor:pointer;border:0;border-radius:16px;font-family:inherit}#lucky-six button:focus-visible{outline-offset:5px;outline:4px solid #fff}#lucky-six .spin-close,#lucky-six .spin-full{color:#fff;background:#ffffff18;border:1px solid #ffffff40;padding:12px 20px;font-size:17px}.spin-body{justify-content:center;align-items:center;gap:clamp(24px,5vw,100px);min-height:70vh;display:flex;position:relative}.spin-wheel-wrap{aspect-ratio:1;flex-shrink:0;width:min(58vh,48vw,650px);margin-top:25px;position:relative}.spin-wheel{box-sizing:border-box;cursor:pointer;will-change:transform;background:conic-gradient(#ffbd48 0deg 60deg,#ff6383 60deg 120deg,#a88aff 120deg 180deg,#4eb4f8 180deg 240deg,#46d4bb 240deg 300deg,#ff8c49 300deg 360deg);border:12px solid #fdf0c1;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 9px #9371c8,0 0 50px #be8fff80,0 22px 50px #0008}.spin-number{text-shadow:0 3px #0002;color:#222144;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * min(19vh,15.5vw,213px))) rotate(calc(-1 * var(--a) - var(--wheel-angle,0deg)));font-size:clamp(32px,6vh,68px);font-weight:900;position:absolute;top:50%;left:50%}.spin-hub{color:#653fb0;z-index:2;background:#fffae2;border-radius:50%;place-items:center;width:24%;height:24%;font-size:clamp(30px,6vh,66px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 22px #0004}.spin-pointer{z-index:3;color:#fff6cf;text-shadow:0 5px 7px #0009;font-size:65px;position:absolute;top:-39px;left:50%;transform:translate(-50%)}.spin-controls{text-align:center;max-width:430px}#lucky-six .spin-go{letter-spacing:1px;color:#442858;background:linear-gradient(#ffe492,#ffb545);min-width:240px;padding:24px 42px;font-size:clamp(30px,4vw,52px);font-weight:900;transition:transform .1s;box-shadow:0 8px #a85a35,0 16px 32px #0004}#lucky-six .spin-go:active{transform:translateY(5px);box-shadow:0 3px #a85a35}.spin-result{min-height:1.4em;margin-bottom:28px;font-size:clamp(24px,3vw,40px);font-weight:800}.spin-controls>p:not(.spin-result){color:#d3cbea}.spin-who{font-size:17px}.spin-stars{pointer-events:none;color:#bda5ff30;letter-spacing:40px;white-space:nowrap;font-size:clamp(90px,18vw,250px);position:absolute;top:10%;bottom:10%;left:0;right:0;overflow:hidden}.is-spinning .spin-pointer{animation:.12s infinite alternate spin-tick}@keyframes spin-tick{to{transform:translate(-50%)rotate(-9deg)}}@media (max-width:750px){.spin-body{flex-direction:column;gap:20px}.spin-wheel-wrap{width:min(48vh,70vw);margin-top:30px}.spin-number{transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(-1 * min(15vh,22vw))) rotate(calc(-1 * var(--a) - var(--wheel-angle,0deg)))}#lucky-six .spin-go{padding:18px 32px}.spin-result{margin:8px 0 18px}}@media (prefers-reduced-motion:reduce){.is-spinning .spin-pointer{animation:none}}.call-routing-controls{color:#c2ccd1;background:#182127;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px;padding:6px;font-size:11px;display:grid}.call-routing-controls button{font:inherit;color:#edf3f7;cursor:pointer;white-space:nowrap;background:#23323b;border:1px solid #405058;border-radius:8px;min-width:0;min-height:32px;padding:5px 4px}.call-routing-controls button:disabled{opacity:.45;cursor:default}.call-service{text-align:center;white-space:nowrap;color:#9ddbcf;width:30px;font-size:14px;font-weight:700}.call-routing-controls button:hover:not(:disabled){background:#30444e;border-color:#8de4cb}.participant-mute-status{color:#8b3500;background:#fff0d2;padding:6px 9px;font-size:13px;font-weight:700;margin:0!important}.participant-mute-status[hidden]{display:none!important}.tile-controls button.participant-muted{color:#843500!important;background:#ffd9b0!important}.tile-controls button.participant-muted .media-off-slash{display:block!important}.rail:has(.call-routing-controls){grid-template-rows:max-content max-content max-content max-content minmax(140px,1fr)!important}.rail .video-spacer:has(.call-routing-controls){flex-direction:column;gap:6px;height:auto;min-height:0;padding:4px!important;display:flex!important}.rail .call-routing-controls{border-radius:10px;flex-shrink:0;width:100%}.rail .participant-mute-status{z-index:8;border-radius:8px;position:absolute;top:8px;left:8px;right:8px}.live-network-status{z-index:40;color:#e0edf5;text-align:center;font-variant-numeric:tabular-nums;white-space:normal;background:#10202ef2;border:0;border-top:1px solid #536775;border-radius:0;min-height:26px;padding:4px 10px;font:12px/1.4 Arial,sans-serif;position:fixed;bottom:0;left:0;right:0}.live-network-status[hidden]{display:none!important}body:has(.live-network-status:not([hidden])) #call{padding-bottom:32px}@media (max-width:700px){.live-network-status{padding:4px 6px;font-size:11px}body:has(.live-network-status:not([hidden])) #call{padding-bottom:44px}}:root{color:#edf3f7;--bg:#111a22;--chrome:#192631;--raised:#23323e;--border:#344956;--ink:#edf3f7;--muted:#a9bcc9;--accent:#8de4cb;--paper:#fff;--surround:#e9eff2;background:#111a22;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px}*{box-sizing:border-box}html,body,main{background:var(--bg);min-height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}button{border:1px solid var(--border);background:var(--raised);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:.55rem .8rem}button:hover{border-color:var(--accent)}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.app-header{background:var(--chrome);border-radius:8px;align-items:center;gap:14px;height:48px;margin:8px 8px 0;padding:0 4px 0 12px;display:flex}.app-header strong{font-size:1.125rem}.connection-status{color:var(--muted);margin-left:auto;font-size:.875rem}.connection-status i{background:#72808a;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.connected i{background:var(--accent)}.header-actions{gap:4px;display:flex}.icon-button{width:44px;padding:0;font-size:1.15rem}.entry-card{background:var(--chrome);border:1px solid var(--border);border-radius:12px;width:min(440px,100vw - 32px);margin:12vh auto;padding:28px}.entry-card h1{margin-top:0}.entry-card p{color:var(--muted);line-height:1.5}.entry-card form{gap:10px;display:grid}.entry-card input{border:1px solid var(--border);height:46px;color:var(--ink);background:#101820;border-radius:8px;padding:0 12px}.entry-card form button{background:var(--accent);color:#102a26;font-weight:700}.classroom{height:calc(100vh - 64px);grid-template-columns:minmax(0,1fr) clamp(180px,22vw,300px);gap:10px;min-width:0;height:calc(100dvh - 64px);min-height:0;padding:10px 8px 8px;display:grid}.lesson{grid-template-rows:44px minmax(0,1fr) 26px;min-width:0;min-height:0;display:grid}.lesson-tabs-wrap{background:var(--chrome);border-radius:8px 8px 0 0;min-width:0;display:flex;overflow:hidden}.lesson-tabs{scrollbar-width:thin;min-width:0;display:flex;overflow-x:auto}.lesson-tabs button{white-space:nowrap;text-overflow:ellipsis;text-align:left;background:0 0;border:0;border-radius:0;flex:0 180px;min-width:120px;max-width:220px;height:44px;position:relative;overflow:hidden}.lesson-tabs button[aria-selected=true]{background:var(--surround);color:#203644}.lesson-tabs button[aria-selected=true]:after{content:"";background:var(--accent);height:3px;position:absolute;bottom:0;left:0;right:0}.add-tab{border:0;border-left:1px solid var(--border);border-radius:0;flex:0 0 44px}.student .lesson-tabs-wrap{display:none}#lesson-stage{background:var(--surround);overscroll-behavior:contain;border-radius:0 0 8px 8px;min-width:0;min-height:0;scroll-padding-bottom:64px;position:relative;overflow:auto}.student #lesson-stage{border-radius:8px;overflow:hidden}.lesson-empty{text-align:center;color:#617681;place-content:center;height:100%;padding:24px;display:grid}.lesson-empty h1{color:#203644;margin:.6rem 0 .3rem;font-size:clamp(1.35rem,3vw,2rem)}.lesson-empty p{margin:0}.empty-mark{color:#35515d;background:#d7e3e7;border-radius:14px;place-items:center;width:52px;height:52px;margin:auto;font-weight:800;display:grid}.lesson-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 0;font-size:.875rem;display:flex}.document-pages{flex-direction:column;align-items:center;gap:12px;min-height:100%;padding:14px;display:flex}.pdf-page{background:#fff;max-width:none;display:block;box-shadow:0 2px 12px #1c2a3340}.image-page{justify-content:center;align-items:flex-start;min-height:100%;padding:14px;display:flex}.image-page img{background:#fff;max-width:none;height:auto;display:block;box-shadow:0 2px 12px #1c2a3340}.obs-stage{height:100%;color:var(--ink);text-align:center;background:#081015;place-items:center;display:grid}.obs-stage video{object-fit:contain;width:100%;height:100%}.stage-overlay{z-index:4;color:#fff;pointer-events:none;background:#111a227d;place-items:center;font-weight:700;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pdf-controls{z-index:5;border:1px solid var(--border);background:#192631ed;border-radius:9px;align-items:center;gap:4px;height:44px;padding:0 5px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0006}.pdf-controls button{height:38px;min-height:38px;padding:0 10px}.pdf-controls input{text-align:center;border:1px solid var(--border);border-radius:6px;width:45px;height:34px}.pdf-controls output{text-align:center;min-width:45px}.student .pdf-controls{display:none!important}.rail{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;min-height:0;display:grid}.video-tile{aspect-ratio:4/3;background:var(--chrome);border:1px solid var(--border);border-radius:8px;margin:0;position:relative;overflow:hidden}.video{color:var(--muted);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.video video{object-fit:cover;width:100%;height:100%}.video audio{display:none}.video-tile h2{background:#0d161dcc;border-radius:5px;margin:0;padding:4px 7px;font-size:.875rem;font-weight:600;position:absolute;bottom:6px;left:6px}.join-overlay{background:var(--accent);color:#102a26;white-space:nowrap;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.joined .join-overlay{display:none}.chat-card{background:var(--chrome);border:1px solid var(--border);border-radius:8px;grid-template-rows:32px minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.chat-heading{justify-content:space-between;align-items:center;padding:0 9px;display:flex}.chat-heading h2{margin:0;font-size:.875rem}.chat-log{overscroll-behavior:contain;min-height:0;padding:5px 8px;overflow:auto}.chat-empty{color:var(--muted);text-align:center;padding:12px 4px;font-size:.875rem}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;background:#293c4b;border-radius:8px;max-width:92%;margin:5px 0;padding:7px 9px}.bubble.teacher{background:#244a49;margin-left:auto}.bubble b{color:#c4d6df;margin-bottom:2px;font-size:.75rem;display:block}.bubble small{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.chat-form{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 58px;gap:5px;padding:6px;display:grid}.chat-form textarea{resize:none;border:1px solid var(--border);min-height:44px;max-height:92px;color:var(--ink);background:#101820;border-radius:7px;padding:10px}.chat-form button{background:var(--accent);color:#102a26;padding:0 5px}.new-message{background:var(--accent);color:#102a26;min-height:34px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.compact-chat{width:100%}.drawer-backdrop{z-index:20;background:#0008;position:fixed;top:0;bottom:0;left:0;right:0}.drawer{z-index:21;background:var(--chrome);border-left:1px solid var(--border);width:min(340px,100vw);height:100dvh;padding:12px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-8px 0 28px #0007}.drawer-heading{justify-content:space-between;align-items:center;display:flex}.drawer h2,.drawer h3{margin:.55rem 0}.drawer section,.drawer{flex-direction:column;gap:8px;display:flex}.drawer label{color:var(--muted);gap:4px;font-size:.875rem;display:grid}.drawer select{height:44px;color:var(--ink);border:1px solid var(--border);background:#101820;border-radius:7px}.drawer p{color:var(--muted);font-size:.875rem;line-height:1.45}.danger{background:#552c31;border-color:#9b5b5b}.meter{background:#101820;border-radius:9px;height:9px;overflow:hidden}.meter span{background:var(--accent);width:0;height:100%;display:block}#message{z-index:30;color:#fff;background:#6d282d;border-radius:7px;max-width:min(680px,90vw);margin:0;padding:8px 12px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#message:empty{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-height:650px){.rail{grid-template-rows:auto 48px auto}.chat-card{display:none}.compact-chat{display:block!important}.rail.chat-open .chat-card{z-index:18;grid-template-rows:44px minmax(0,1fr) auto;display:grid;position:fixed;top:56px;bottom:8px;left:8px;right:8px}.rail.chat-open .compact-chat{display:none!important}.rail.chat-open .chat-close{display:block}.classroom{grid-template-columns:minmax(0,1fr) min(300px,66.6667dvh - 88px)}}@media (max-width:600px){.classroom{grid-template-columns:minmax(0,1fr) min(29vw,180px);gap:7px}.app-header{margin-left:5px;margin-right:5px}.lesson-caption{font-size:.75rem}.pdf-controls{max-width:calc(100% - 12px);overflow-x:auto}.pdf-controls button{padding:0 7px}.video-tile h2{font-size:.75rem}.chat-form{grid-template-columns:minmax(0,1fr) 48px}.chat-form button{font-size:.75rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.lesson-content:has(.private-gallery-page){width:100%;height:100%}.private-gallery-page{color:#f8ead0;background:#0b1d27;width:100%;min-height:100%;padding:18px;display:block;overflow:auto}.private-gallery-page header{border-bottom:1px solid #45616b;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.private-gallery-page h2{margin:3px 0 12px;font:32px Georgia,serif}.private-gallery-page small{color:#d9b978;letter-spacing:.12em}.private-gallery-page nav{gap:8px;display:flex}.private-gallery-page button{color:#f8ead0;background:#193e46;border:1px solid #887146;border-radius:9px;min-height:42px;padding:8px 14px}.private-gallery-page [aria-pressed=true],.private-gallery-card>button{color:#193e46;background:#f7e7bf}.private-gallery-page [data-gallery-grid]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.private-gallery-card{background:#142c35;border:1px solid #45616b;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.private-gallery-card img,.private-gallery-card video{aspect-ratio:3/2;object-fit:contain;background:#06141d;width:100%;display:block}.private-gallery-card h3{overflow-wrap:anywhere;margin:12px;font:14px system-ui}.private-gallery-card>button{margin:0 12px 12px}.private-gallery-card img{cursor:zoom-in}.private-gallery-preview{color:#f8ead0;background:#06141d;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:58px 12px 12px;overflow:hidden}.private-gallery-preview::backdrop{background:#06141d}.private-gallery-preview>div{justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:8px;left:12px;right:12px}.private-gallery-preview>div strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.private-gallery-preview>img{object-fit:contain;width:100%;height:100%;display:block}.private-gallery-preview button{color:#f8ead0;background:#193e46;border:1px solid #887146;border-radius:9px;min-height:42px;padding:8px 14px}#message{max-width:min(520px,100vw - 24px)!important;top:64px!important;bottom:auto!important}.stage-overlay{border:1px solid var(--border);white-space:nowrap;background:#192631ed;border-radius:9px;width:max-content;max-width:calc(100% - 24px);padding:7px 12px;font-size:14px;display:block;top:auto;bottom:64px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 4px 18px #0006}#lesson-stage:has(.obs-stage){overflow:hidden;padding:0!important}#lesson-stage:has(.obs-stage) .lesson-content{width:100%;height:100%;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0}#lesson-stage .obs-stage{background:#000;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}#lesson-stage .obs-stage video{object-fit:contain;width:100%;height:100%;margin:0;display:block}#moonlight-cinema{background:linear-gradient(#160e23bd,#160e23ed),url(/magic-studio/workshop.png) 50%/cover;border:1px solid #d5ae72;width:min(1000px,95vw);max-height:94dvh;padding:28px;overflow:auto;box-shadow:inset 0 0 80px #05020abb,0 25px 90px #000c}#moonlight-cinema header{justify-content:space-between;align-items:center;gap:12px;display:flex}#moonlight-cinema h2{color:#ffe2a7;margin:0;font:clamp(27px,4vw,43px) Georgia,serif}.cinema-invitation{text-align:center;color:#e9cda4;font:italic 19px Georgia,serif}.cinema-curtains{background:#08060e;border:2px solid #b78b50;border-radius:14px;min-height:260px;margin:22px 0;padding:0 32px;position:relative;overflow:hidden;box-shadow:0 0 25px #d5a15024,inset 0 0 50px #000}.cinema-curtains:before,.cinema-curtains:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(90deg,#311222,#702641 8px,#45162e 17px,#210d20 26px);border-bottom:4px solid #b99156;width:30px;position:absolute;top:0;bottom:0;box-shadow:3px 0 10px #0008}.cinema-curtains:before{border-radius:0 0 75%;left:0}.cinema-curtains:after{right:0;transform:scaleX(-1)}.cinema-preview{background:#000;width:100%;min-height:240px;max-height:48dvh;display:block}.cinema-empty{text-align:center;color:#d8bd91;padding:30px}.cinema-empty>span{color:#ffe1a0;text-shadow:0 0 35px #f4d08666;font:90px Georgia,serif}.cinema-prepare{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.cinema-file{color:#ebd0a4;gap:7px;display:grid}.cinema-file input{max-width:100%;font-size:14px}.cinema-prepare button{color:#30200e;background:linear-gradient(#ffe3a2,#c99b52)}.cinema-help{color:#cbb89d;font-size:13px;line-height:1.6}.cinema-stage{background:#000;place-items:center;width:100%;height:100%;display:grid}.cinema-stage video{object-fit:contain;width:100%;height:100%;max-height:100%}.lesson-content:has(.cinema-stage){width:100%;height:100%}.screening-film{grid-template-rows:44px minmax(0,1fr) 26px auto!important}.student .screening-film{grid-template-rows:minmax(0,1fr) 26px auto!important}.cinema-controls{background:linear-gradient(#39243c,#21152d);border:1px solid #967044;border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.cinema-controls button{min-height:40px;font-size:14px}.cinema-scrub{flex:1;min-width:70px}.cinema-scrub input{accent-color:#eac583;width:100%}.cinema-controls output{color:#e7cda7;font-size:12px}.cinema-error{color:#ffd1b9;font-size:13px}.student .cinema-scrub{display:none}@media (max-width:650px){#moonlight-cinema{padding:16px}.cinema-curtains{padding:0 16px}.cinema-curtains:before,.cinema-curtains:after{width:15px}.cinema-controls{gap:4px;padding:5px}.cinema-controls button{padding:5px;font-size:12px}}.cinema-file input::-webkit-file-upload-button{font:inherit;color:#ffe5b5;cursor:pointer;background:linear-gradient(#4b3048,#271a31);border:1px solid #bd965e;border-radius:8px;margin-right:10px;padding:10px 14px}.cinema-file input::file-selector-button{font:inherit;color:#ffe5b5;cursor:pointer;background:linear-gradient(#4b3048,#271a31);border:1px solid #bd965e;border-radius:8px;margin-right:10px;padding:10px 14px}#moonlight-cinema[open]{animation:.38s ease-out room-arrival}#moonlight-cinema header{isolation:isolate;position:relative}html[data-room-motion=still] #moonlight-cinema[open]{animation:none}@media (prefers-reduced-motion:reduce){#moonlight-cinema[open]{animation:none}}.cinema-stage.audio-stage{color:#f5dfa8;place-items:center;min-height:200px;padding:24px;display:grid}.audio-stage h2{text-align:center;overflow-wrap:anywhere;font-size:22px}.cinema-controls.audio-dock{z-index:5;position:relative}.cinema-controls [data-audio-title]{text-overflow:ellipsis;white-space:nowrap;color:#ffe4ab;max-width:260px;overflow:hidden}.cinema-controls [data-speed-wrap]{color:#f5dfa8;align-items:center;gap:5px;display:flex}.cinema-controls [data-speed]{min-height:36px}.student .cinema-controls.audio-dock{justify-content:center}.student .cinema-controls.audio-dock output,.student .cinema-controls.audio-dock [data-audio-title]{display:block}.student .cinema-controls.audio-dock [data-sound]{display:none}.student .cinema-controls [data-unlock].audio-required:not([hidden]){color:#231406;background:linear-gradient(#ffe8a9,#e9ad48);border:3px solid #fff0b8;flex:1 0 100%;min-height:64px;font-size:19px;font-weight:800;display:block;box-shadow:0 0 22px #ffc85d88}.cinema-stage{display:block;overflow:auto}.cinema-stage video{object-position:center;margin:0 auto;display:block}.cinema-controls [data-video-view]{flex:1 0 100%;align-items:center;gap:4px;display:flex;overflow-x:auto}.cinema-controls [data-video-view][hidden]{display:none}.cinema-controls [data-video-view] button{white-space:nowrap}.cinema-controls [data-video-zoom]{text-align:center;min-width:44px}.lesson:has(.cinema-controls) .pdf-controls{z-index:12}[hidden]{display:none!important}#magic-arrival{z-index:10;isolation:isolate;touch-action:pinch-zoom;color:#fff1db;background:#100e1a;font-family:Segoe UI,system-ui,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.magic-room{object-fit:cover;object-position:60% center;z-index:-3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.magic-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#100b17d9,#100b1744 50%,#0000),linear-gradient(#0000 70%,#100e1ae8);position:absolute;top:0;bottom:0;left:0;right:0}#arrival-stars{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.magic-brand{z-index:3;align-items:center;gap:14px;padding:30px 5%;display:flex;position:relative}.magic-brand>span{color:#ffcf80;font-size:40px}.magic-brand strong{letter-spacing:-1px;font-size:24px;line-height:1}.magic-brand label{color:#e8c99e;align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}.magic-brand select{color:#ffe1ab;background:#261d30;border:1px solid #766047;border-radius:9px;min-height:44px;padding:0 12px}.magic-welcome{z-index:3;pointer-events:none;max-width:min(630px,52%);margin:7vh 0 150px 7%;position:relative}.magic-welcome>*{pointer-events:auto}.magic-eyebrow{letter-spacing:3px;color:#e5b87c!important;margin:0 0 25px!important;font-size:12px!important}.magic-welcome h1{letter-spacing:-3px;margin:0 0 28px;font:400 clamp(46px,5.5vw,82px)/1.05 Georgia,serif}.magic-welcome h1 em{color:#ffd18b}.magic-welcome>p{color:#e6d6d1;margin:20px 0;font-size:19px;line-height:1.7}.magic-welcome button{color:#352210;background:linear-gradient(#ffde8b,#f5bd55);border:1px solid #ffeab0;border-radius:14px;min-height:58px;padding:0 25px;font-size:17px;font-weight:700;box-shadow:0 5px #946225}.magic-welcome button span{margin-left:22px}.magic-welcome .quiet-star{min-height:44px;box-shadow:none;color:#e9c89b;background:0 0;border:0;margin-top:20px;padding:0;font-size:14px;font-weight:400;display:block}.magic-welcome #star-response{color:#ffdfa8;min-height:24px;font-size:14px}.magic-footer{color:#dfc7b0;z-index:3;font-size:14px;position:absolute;bottom:20px;left:7%}.arrival-mode .app-header{visibility:hidden}.arrival-mode:not(.entry-open) #entry{display:none}.entry-open #entry{z-index:12;color:#fff0dc;background:#211b2c;border-color:#926f4c;max-height:calc(100dvh - 30px);margin:0;display:block;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #090510b8}.entry-back{background:0 0;width:100%;margin-top:18px}.entry-card form button{color:#352210;background:#ffd184}.lesson{position:relative}.lesson-content{min-width:100%;min-height:100%;position:relative}.image-page,.document-pages{justify-content:flex-start;align-items:center;width:max-content;min-width:100%}.image-page{justify-content:center}.image-page img{flex:none}.pdf-controls{width:max-content;max-width:calc(100% - 20px);margin:0 auto 12px;position:sticky;bottom:12px;left:auto;overflow-x:auto;transform:none}.pdf-controls button{flex-shrink:0;height:44px;min-height:44px}.pdf-controls{height:50px}#lesson-stage{padding-bottom:4px}#teaching-cues{z-index:7;background:#1b2a34ed;border:1px solid #6c6659;border-radius:12px;gap:5px;padding:5px;display:flex;position:absolute;bottom:33px;right:8px;box-shadow:0 5px 20px #0003}#teaching-cues button{color:#ffe0a6;background:0 0;border:0;min-height:44px;padding:0 14px;font-size:14px}#teaching-cues button:hover{background:#43382c}.lesson:has(#teaching-cues:not([hidden])) #lesson-stage{padding-bottom:76px}.reveal-preparation input{color:#f5f2e8;background:#101820;border:1px solid #566570;border-radius:7px;min-height:44px;padding:10px}.reveal-preparation small{font-size:12px;line-height:1.5}#teaching-magic{color:#3e2b19;z-index:8;pointer-events:none;text-align:center;overflow-wrap:anywhere;background:#ffe1a7f5;border:1px solid #fff0bf;border-radius:15px;width:max-content;max-width:calc(100% - 36px);padding:20px 30px;position:absolute;top:65px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}#teaching-magic strong{font:600 clamp(20px,2.5vw,36px)/1.3 Segoe UI,system-ui,sans-serif}.student #teaching-magic{top:20px}.gentle-cue{animation:.2s ease-out cue-in}@keyframes cue-in{0%{opacity:0}to{opacity:1}}#lesson-stage .stage-overlay{background:#192631e8;border-radius:9px;max-width:calc(100% - 30px);min-height:60px;margin:0 auto -60px;padding:16px;position:sticky;top:auto;bottom:35%;left:auto;right:auto}.bubble button{min-height:44px;margin-top:6px;font-size:14px;display:block}.rail.chat-open .chat-card{z-index:18;grid-template-rows:44px minmax(0,1fr) auto;display:grid;position:fixed;top:56px;bottom:8px;left:8px;right:8px}.rail.chat-open .chat-heading #chat-close{display:block}@media (max-width:800px){.magic-welcome{max-width:65%;margin-top:9vh}.magic-welcome h1{font-size:58px}.magic-welcome>p{font-size:17px}.magic-room{object-position:65% center}.magic-shade{background:linear-gradient(90deg,#100b17e0,#100b1733),linear-gradient(#0000 70%,#100e1a)}#teaching-cues button{padding:0 10px}}@media (max-width:550px){.magic-brand{padding:20px 6%}.magic-brand strong{font-size:21px}.magic-brand label{gap:8px;font-size:13px}.magic-welcome{max-width:88%;margin:50px 6% 100px}.magic-welcome h1{letter-spacing:-2px;font-size:52px}.magic-room{opacity:.7}.magic-footer{margin:20px 0;position:relative;bottom:auto}.magic-welcome button{padding:0 18px;font-size:16px}#teaching-cues{max-width:calc(100% - 10px);right:5px;overflow:auto}#teaching-cues button{white-space:nowrap;flex-shrink:0;font-size:14px}#teaching-magic{padding:15px 20px}}@media (prefers-reduced-motion:reduce){.gentle-cue{animation:none}}body.arrival-mode>.emergency-chat-bar{display:none!important}body.arrival-mode.has-emergency-chat{padding-top:0!important}#magic-arrival .magic-brand{pointer-events:none;padding:clamp(28px,5vh,56px) 7%;display:block}#magic-arrival .magic-brand h1{color:#fff1db;letter-spacing:-.045em;text-shadow:0 3px 20px #100b1780;margin:0;font:750 clamp(42px,6vw,96px)/1.08 Segoe UI,system-ui,sans-serif}#magic-arrival .magic-brand p{color:#ffda96;text-shadow:0 2px 12px #100b17;margin:16px 0 0;font:400 clamp(18px,2vw,30px)/1.4 Segoe UI,system-ui,sans-serif}#magic-arrival{background:#100e1a}#magic-arrival .magic-room{object-fit:contain;object-position:center;opacity:1}#magic-arrival .book-aura{pointer-events:none;z-index:1;width:min(100vw,133.333vh);height:min(100vh,75vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.book-aura:before{content:"";mix-blend-mode:screen;opacity:.2;background:radial-gradient(at 50% 30%,#ffdc8340 0%,#ffc34d1c 42%,#0000 72%);width:39%;height:29%;animation:5.5s ease-in-out infinite book-breathe;position:absolute;top:53%;left:43%}@keyframes book-breathe{0%,to{opacity:.12}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.book-aura:before{opacity:.25;animation:none}}.scene-light{mix-blend-mode:screen;background:radial-gradient(#fff6c9c0 0%,#ffcf6870 25%,#ffab3028 48%,#0000 72%);border-radius:50%;animation:1.7s ease-in-out infinite candle-flicker;position:absolute;transform:translate(-50%,-50%)}.scene-light.candle{width:5%;height:9%;top:69.3%;left:6.3%}.scene-light.lantern{width:7%;height:11%;animation-delay:-.8s;top:23.5%;left:92.1%}.scene-light.hanging{width:6%;height:9%;animation-delay:-1.3s;top:6.6%;left:42.8%}@keyframes candle-flicker{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.88)}17%{opacity:.85}31%{opacity:.45}53%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}72%{opacity:.5}85%{opacity:.9}}.scene-spark{aspect-ratio:1;clip-path:polygon(50% 0,59% 39%,100% 50%,59% 61%,50% 100%,41% 61%,0 50%,41% 39%);filter:drop-shadow(0 0 5px #ffd173);opacity:0;background:#fff5cb;width:1.6%;animation:3s ease-in-out infinite scene-twinkle;position:absolute}.spark-one{animation-delay:-.3s;top:10%;left:23%}.spark-two{animation-delay:-1.4s;top:24%;left:45%}.spark-three{animation-delay:-2.1s;top:55%;left:59%}.spark-four{animation-delay:-.9s;top:51%;left:69%}@keyframes scene-twinkle{0%,65%,to{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.book-aura:before,.scene-light,.scene-spark{opacity:.25;animation:none}}.book-aura:before{background:radial-gradient(at 50% 70%,#ffc44d55 0%,#ffbd3525 35%,#0000 70%);width:27%;height:12%;animation:4s ease-in-out infinite book-breathe;top:48%;left:49%}@media (prefers-reduced-motion:reduce){.book-aura:before{opacity:.2;animation:none}}.book-aura:before{animation:none;display:none}.cover-star{aspect-ratio:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff9d9 0%,#ffe7a0 14%,#ffc45470 32%,#0000 68%);width:1.25%;animation:4.8s ease-in-out infinite cover-glint;position:absolute;transform:translate(-50%,-50%)}.cover-star:after{content:"";clip-path:polygon(50% 0,57% 41%,100% 50%,57% 59%,50% 100%,43% 59%,0 50%,43% 41%);background:#fff0b6;position:absolute;top:8%;bottom:8%;left:8%;right:8%}.cover-star-one{animation-delay:-.4s;top:63.3%;left:50.45%}.cover-star-two{animation-delay:-2.7s;top:66.2%;left:48.2%}.cover-star-three{animation-delay:-1.5s;top:72.4%;left:56.16%}.cover-star-four{animation-delay:-3.8s;top:72.7%;left:68.2%}@keyframes cover-glint{0%,18%,70%,to{opacity:0;transform:translate(-50%,-50%)scale(.55)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}52%{opacity:.35;transform:translate(-50%,-50%)scale(.8)}}@media (prefers-reduced-motion:reduce){.cover-star{opacity:.3;animation:none}}.book-edge-star{aspect-ratio:1;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);offset-path:polygon(43% 59%,50% 61%,62% 65%,71% 61%,81% 58%,82% 67%,81% 78%,71% 81%,62% 82%,52% 79%,43% 77%,42.5% 68%,43% 59%);offset-rotate:0deg;width:.65%;animation:9s linear infinite book-edge-travel;animation-delay:var(--trail-delay);pointer-events:none;background:#ffe5a0;position:absolute;top:0;left:0}.book-edge-star:nth-last-child(3n){opacity:.65;background:#fff4d6;width:.42%}.book-edge-star:nth-last-child(3n+1){opacity:.9;width:.8%}@keyframes book-edge-travel{0%{offset-distance:0%}to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.book-edge-star{animation:none;display:none}}.arrival-links{z-index:4;pointer-events:none;width:min(100vw,133.333vh);height:min(100vh,75vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#enter-kingdom{width:43%;height:51%;box-shadow:none;cursor:pointer;pointer-events:auto;clip-path:ellipse(50% 50%);background:0 0;border:0;border-radius:50%;padding:0;position:absolute;top:4%;left:44%}#enter-kingdom:hover{background:#ffd5840a}#enter-kingdom:focus-visible{outline-offset:-5px;background:#ffd58412;outline:3px solid #ffe5a2}#about-book{pointer-events:auto;cursor:pointer;border-radius:10%;width:39%;height:25%;position:absolute;top:58%;left:43%}#about-book:focus-visible{outline-offset:4px;outline:3px solid #ffe5a2}.teacher-entrance{z-index:5;color:#ffe5ab;text-underline-offset:4px;background:#100e1acc;border-radius:8px;padding:12px;font:16px system-ui;text-decoration:underline;position:absolute;bottom:20px;right:24px}#magic-arrival{scroll-behavior:smooth;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;background:#0b1015}.arrival-stage{background:radial-gradient(at 65% 35%,#29302860,#0000 60%),#0b1015;place-items:center;min-height:100svh;padding:78px 22px 110px;display:grid;position:relative;overflow:hidden}.arrival-picture{aspect-ratio:4/3;width:min(100vw - 60px,133.333svh - 233.333px);transform:translate(var(--look-x,0px),var(--look-y,0px)) scale(var(--depth,1));transform-origin:67% 31%;transition:transform .45s ease-out;position:relative;box-shadow:0 0 100px #c87c1820}#magic-arrival .arrival-picture .magic-room{z-index:0;object-fit:contain;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}#magic-arrival .arrival-picture .book-aura,#magic-arrival .arrival-picture .arrival-links{width:100%;height:100%}.journey-nav{z-index:6;color:#f7e5c7;background:linear-gradient(#0b1015ec,#0000);justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(20px,4vw,72px);font:15px/1.4 Segoe UI,sans-serif;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.journey-nav a{color:inherit;text-decoration:none}.journey-wordmark{letter-spacing:-.5px;white-space:nowrap;font:24px Georgia,serif}.journey-wordmark span{color:#eabc72;margin-right:10px;display:inline-block}.journey-nav>div{align-items:center;gap:30px;display:flex}.journey-nav .journey-login{border-bottom:1px solid #d6ad71;padding:8px 0}.journey-login span{margin-left:18px}.journey-nav-scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1015ed}#magic-arrival .journey-motion{box-shadow:none;color:#ccbaa0;background:0 0;border:0;min-height:44px;padding:8px;font:14px Segoe UI,sans-serif}.arrival-caption{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:24px;left:0;right:0}.arrival-caption>span,.journey-kicker{letter-spacing:.22em;color:#e6bf84;font:12px/1.5 Segoe UI,sans-serif}#magic-arrival .journey-enter{color:#221b16;background:#f2d39c;border:1px solid #e5bf80;border-radius:3px;justify-content:space-between;align-items:center;gap:42px;padding:17px 25px;font:600 16px/1.4 Segoe UI,sans-serif;text-decoration:none;transition:background .2s,box-shadow .3s,transform .3s;display:inline-flex;box-shadow:0 0 36px #edb85712}#magic-arrival .journey-enter:hover{background:#ffe7ba;transform:translateY(-2px);box-shadow:0 0 45px #edb85735}#magic-arrival .journey-scroll,#magic-arrival .journey-top{box-shadow:none;color:#bcb5a9;background:0 0;border:0;min-height:32px;padding:0;font:14px Segoe UI,sans-serif}.journey-scroll span{margin-left:12px;animation:3s ease-in-out infinite journey-hint;display:inline-block}#enter-kingdom span{white-space:nowrap;color:#fff1cc;opacity:0;background:#0e1a22da;border:1px solid #e6cf9e80;border-radius:30px;padding:10px 15px;font:14px Segoe UI,sans-serif;transition:opacity .25s;display:block;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}:is(#enter-kingdom:hover span,#enter-kingdom:focus-visible span){opacity:1}.arrival-chapter{isolation:isolate;background:#0b1015;align-items:center;min-height:100svh;padding:100px max(7vw,25px);display:flex;position:relative}.arrival-chapter>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.arrival-chapter:before{content:"";z-index:-1;background:linear-gradient(90deg,#090e15f0,#090e1560 48%,#0000 80%),linear-gradient(#0b1015,#0000 18% 80%,#0b1015);position:absolute;top:0;bottom:0;left:0;right:0}.chapter-copy{max-width:690px}.chapter-copy h1{letter-spacing:-.035em;color:#fff1d9;margin:28px 0;font:400 clamp(46px,5.7vw,88px)/1.09 Georgia,serif}.chapter-copy h1 em{color:#f0ca89;font-weight:400}.chapter-copy p{color:#d4c8b9;margin:0 0 36px;font:18px/1.9 Segoe UI,sans-serif}.arrival-chapter footer{color:#b5aa99;flex-wrap:wrap;align-items:center;gap:25px;font:14px Segoe UI,sans-serif;display:flex;position:absolute;bottom:26px;left:max(7vw,25px);right:max(7vw,25px)}.arrival-chapter footer a{color:inherit;text-underline-offset:5px;margin-left:auto}.journey-entering .arrival-picture{opacity:0;transition:transform .65s cubic-bezier(.5,0,.3,1),opacity .65s;transform:scale(2.3)}.journey-entering .journey-nav,.journey-entering .arrival-caption{opacity:0;transition:opacity .2s}:is(#magic-arrival a:focus-visible,#magic-arrival button:focus-visible){outline-offset:5px;outline:2px solid #fff2c8}.journey-still *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.journey-still .arrival-picture{transform:none}@keyframes journey-hint{50%{transform:translateY(4px)}}@media (max-width:700px){.journey-nav{gap:12px;padding:16px 20px}.journey-wordmark{font-size:21px}.journey-nav>div{gap:14px}.journey-nav .journey-motion{max-width:62px;font-size:12px}.journey-nav>div>a:not(.journey-login){display:none}.arrival-stage{min-height:92svh;padding:80px 0 150px}.arrival-picture{width:100%;max-width:700px}.arrival-caption{bottom:22px}.arrival-caption>span{letter-spacing:.17em;font-size:10px}.arrival-chapter{min-height:90svh;padding-bottom:140px}.arrival-chapter>img{object-position:64%}.arrival-chapter:before{background:linear-gradient(90deg,#090e15ed,#090e1588),linear-gradient(#0b1015,#0000 30%,#0b1015)}.chapter-copy h1{font-size:clamp(40px,10vw,62px)}.chapter-copy p{font-size:16px}.arrival-chapter footer{gap:18px}.arrival-chapter footer a{margin-left:0}.journey-kicker{font-size:11px}.arrival-chapter footer span{width:100%}}@media (prefers-reduced-motion:reduce){#magic-arrival{scroll-behavior:auto}.arrival-picture{transition:none;transform:none!important}.journey-scroll span{animation:none}.journey-entering .arrival-picture{opacity:1}}@view-transition{navigation:auto}::view-transition-old(root){animation:.2s both journey-out}::view-transition-new(root){animation:.35s both journey-in}@keyframes journey-out{to{opacity:0}}@keyframes journey-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.entry-open #entry{color:#fff0d7;background:#11212b;border:1px solid #c7aa71;border-radius:4px;padding:36px;box-shadow:0 0 0 100vmax #07111be0}.entry-open #entry h1{color:#fff0d7;font:400 38px/1.15 Georgia,serif}.entry-open #entry p{color:#c8cec7;font:16px/1.7 Segoe UI,sans-serif}.entry-open #entry input{color:#fff0d7;background:#0c1821;border:1px solid #ac956688;border-radius:3px}.entry-open #entry button{border-radius:3px}.entry-open #entry .entry-back{color:#e0c99e}#open-library{white-space:nowrap;flex:none;min-height:40px;font-size:14px}#enchanted-library{color:#f7e5c5;background:#130f20;border:1px solid #82664b;border-radius:22px;width:min(1100px,96vw);height:min(850px,94dvh);max-height:94dvh;padding:28px;overflow:auto;box-shadow:0 30px 100px #000b}#enchanted-library::backdrop{background:#06050bce}#enchanted-library header{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}#enchanted-library header h1{margin:8px 0;font:38px Georgia,serif}.library-eyebrow{letter-spacing:4px;color:#d4ad70;font-size:11px}.library-room{background:radial-gradient(at 50% 40%,#69503944,#0000 65%);min-height:550px;padding-top:75px;position:relative}.library-window{color:#f6dca3;text-shadow:0 0 60px #97bdff;font-size:100px;position:absolute;top:0;right:20px}.library-window i{font-size:18px;animation:4s infinite alternate library-glow;position:absolute;top:30px;right:50px}.library-invitation{text-align:center;color:#d7bf9c;margin:20px 0 40px;font:italic 23px Georgia,serif}#story-shelf{justify-content:center;align-items:flex-end;gap:28px;padding:0 20px;display:flex}.library-book{background:linear-gradient(100deg,#0005,transparent 10%,#ffffff15 12%,transparent 16%),var(--book-color);color:#fff3d7;border:1px solid #d7b57a;border-radius:5px 16px 16px 5px;flex-direction:column;justify-content:center;align-items:center;width:220px;height:290px;padding:25px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;transform:rotate(-3deg);box-shadow:10px 12px #09080e,15px 20px 30px #0008}.library-book:nth-child(2){height:315px;transform:rotate(2deg)}.library-book span{margin-bottom:22px;font-size:65px}.library-book strong{font:27px/1.18 Georgia,serif}.library-book small{margin-top:20px;font-size:12px}.library-shelf-edge{background:linear-gradient(#72513d,#332418);border-radius:5px;height:25px;margin:0 0 28px;box-shadow:0 20px 30px #0008}#class-book-shelf{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}#library-add-book{color:#f3d59a;background:#352b3e;margin:auto;display:block}.storybook-page{box-sizing:border-box;background:radial-gradient(circle at 85% 25%,color-mix(in srgb,var(--book-color) 40%,transparent),transparent 50%),#151420;color:#fff2d9;text-align:center;min-height:100%;padding:clamp(25px,4vw,65px);position:relative;overflow:hidden}.story-kicker{letter-spacing:2px;color:#d3ba91;font-size:12px}.story-orbit{color:#ffda85;text-shadow:0 0 35px var(--book-color);font:90px Georgia,serif;animation:6s ease-in-out infinite library-float}.storybook-page h1{margin:15px 0 25px;font:clamp(28px,4vw,49px) Georgia,serif}.story-prose{max-width:800px;margin:0 auto 30px;font:clamp(19px,2.1vw,27px)/1.7 Georgia,serif}.story-question{color:#312113;white-space:normal;background:#f0cc88;border:0;border-radius:30px;max-width:90%;padding:15px 25px}#library-reader footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}#read-together{color:#312113;background:#f0cc88}.student .story-question{min-height:50px}@keyframes library-float{50%{transform:translateY(-9px)rotate(4deg)}}@keyframes library-glow{to{opacity:.4;transform:scale(.7)}}@media (max-width:650px){#enchanted-library{padding:16px}#enchanted-library header h1{font-size:28px}#story-shelf{flex-wrap:wrap;gap:12px}.library-book,.library-book:nth-child(2){width:150px;height:225px;padding:16px}.library-book strong{font-size:21px}.library-book span{font-size:40px}.library-invitation{font-size:18px}.library-window{font-size:65px}.library-room{padding-top:45px}.storybook-page{padding:20px}.story-orbit{font-size:55px}}@media (prefers-reduced-motion:reduce){.story-orbit,.library-window i{animation:none}.library-book{transition:none}}#enchanted-library{isolation:isolate;background:linear-gradient(#0e091bcc 0%,#110c1b55 35%,#160d1ee8 100%),url(/magic-studio/workshop.png) 50%/cover fixed;border:1px solid #d5a86d;padding:32px;box-shadow:inset 0 0 100px #10081aaa,0 30px 100px #000b}#enchanted-library header{background:linear-gradient(90deg,#150c1bdd,#0000);border-radius:12px;padding:10px 16px 18px}#enchanted-library header h1{text-shadow:0 3px 10px #000;color:#ffe2a7;font-size:clamp(30px,4vw,49px)}.library-eyebrow{color:#ffd49b}.library-room{background:0 0;padding-top:36px}.library-window{display:none}.library-invitation{color:#ffebcd;text-shadow:0 2px 8px #000;background:#160d2080;border-radius:30px;width:fit-content;margin:18px auto 35px;padding:10px 24px;font-size:22px}#story-shelf{perspective:1000px;gap:36px}.library-book{background:linear-gradient(#160d2410 25%,#160d24de 73%,#160d24 100%),url(/magic-studio/workshop.png) 72%/cover;border:2px solid #e6ba75;border-left:10px solid #755134;border-radius:5px 15px 15px 5px;justify-content:flex-end;width:245px;height:330px;padding:22px 16px;overflow:hidden;transform:rotateY(-9deg)rotate(-3deg);box-shadow:6px 5px #d8c298,11px 9px #644329,15px 20px 35px #000c}.library-book:nth-child(2){background-image:linear-gradient(#0000 25%,#271015e8 73%,#271015 100%),url(/magic-studio/rocket-sofa.png);background-position:50%;height:350px;transform:rotateY(-5deg)rotate(2deg)}.library-book:nth-child(3){background-image:linear-gradient(#0000 25%,#092921e8 73%,#092921 100%),url(/magic-studio/garden.png);background-position:55%}.library-book:before{content:"";pointer-events:none;border:1px solid #f9dda77a;border-radius:3px 8px 8px 3px;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.library-book span{color:#ffebad;text-shadow:0 0 20px #ffb94b;margin:0;font-size:35px;position:absolute;top:18px;right:18px}.library-book strong{text-shadow:0 2px 8px #000;font-size:27px;position:relative}.library-book small{color:#ffdfaa;text-shadow:0 2px 5px #000;margin-top:12px}:is(.library-book:hover,.library-book:focus-visible){transform:translateY(-15px)rotateY(0);box-shadow:0 0 45px #ffc76f80,6px 5px #e6cc9e,14px 16px 25px #000c}.library-shelf-edge{background:linear-gradient(#c38b4d,#6c3d22 35%,#2b1713);border-top:2px solid #e8b871;height:28px;box-shadow:0 20px 30px #000c}#library-add-book{color:#32210f;background:linear-gradient(#ffe1a0,#d9a453);border-color:#ffe4b0;font-weight:700;box-shadow:0 4px #714923}#leave-library{color:#ffe0a3;background:#211628b8;border-color:#96774c}#private-story .storybook-page{background:linear-gradient(90deg,#160e22eb,#160e22c9),url(/magic-studio/workshop.png) 50%/cover;border:1px solid #d1a96a77;border-radius:15px;margin-top:16px}#library-reader>button,#library-reader footer button{color:#ffe4b3;background:#25172ddd;border-color:#b48d58}#library-reader #read-together{color:#312113;background:#f0cc88}.library-room:after{content:"✦     ·          ✧        ·          ✦";color:#ffe2a3;letter-spacing:24px;pointer-events:none;text-shadow:0 0 18px #ffd483;width:84%;animation:7s ease-in-out infinite library-dust;position:absolute;top:0;left:8%}@keyframes library-dust{50%{opacity:.35;transform:translateY(20px)}}@media (max-width:650px){#enchanted-library{background-attachment:scroll;padding:14px}#enchanted-library header{padding:8px}.library-invitation{margin-bottom:24px;padding:8px 15px;font-size:17px}#story-shelf{gap:20px}.library-book,.library-book:nth-child(2){width:180px;height:255px}.library-book strong{font-size:22px}.library-room:after{letter-spacing:8px}}@media (prefers-reduced-motion:reduce){.library-room:after{animation:none}}#studio-launchers{flex-shrink:0;gap:4px;display:flex}#studio-launchers button{white-space:nowrap;min-height:40px;padding:0 10px;font-size:14px}#studio-hub{color:#f5ecdf;background:#192631;border:1px solid #697176;border-radius:18px;width:min(800px,94vw);max-height:88dvh;padding:22px;box-shadow:0 25px 100px #0008}#studio-hub::backdrop{background:#0009}#studio-hub header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}#studio-hub h2{color:#ffdc94;margin:0}#studio-hub h3{margin:18px 0 12px}#studio-hub p{color:#b8c7cc;font-size:14px;line-height:1.5}#studio-hub a{color:#ffdda1;background:#263847;border:1px solid #566875;border-radius:9px;padding:12px;text-decoration:none;display:block}#studio-hub button{min-height:44px}#studio-hub label{color:#c8d6de;gap:6px;margin:12px 0;display:grid}#studio-hub input,#studio-hub textarea{color:#fff;background:#0f1a22;border:1px solid #566875;border-radius:8px;width:100%;min-width:0;padding:10px}#studio-hub textarea{resize:vertical}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}#quick-result{color:#ffdc94!important;font-size:28px!important}.app-header{overflow:hidden}.app-header #drawing-tools{flex:1}.header-actions{flex-shrink:0}@media (max-width:850px){#studio-launchers button{padding:0 6px;font-size:12px}.app-header strong{display:none}}@media (max-width:500px){.hub-grid{grid-template-columns:1fr}}:root{--surround:#000}.lesson-empty h1{color:#dce5eb}.lesson-empty{color:#a9bcc9}#lesson-stage{background:#000!important;padding-bottom:0!important}.image-page img{background:0 0}.video:has(video)>p{display:none}.video video{position:absolute;top:0;bottom:0;left:0;right:0}.rail{grid-template-rows:auto minmax(80px,1fr) auto auto;padding-bottom:20px}#teaching-cues{box-shadow:none;flex-wrap:wrap;justify-content:center;position:static}#teaching-cues button{padding:0 10px}.lesson{grid-template-rows:44px minmax(0,1fr) 26px auto}.student .lesson{grid-template-rows:minmax(0,1fr) 26px}.lesson>.pdf-controls{max-width:100%;height:50px;box-shadow:none;flex-shrink:0;margin:4px auto 0;position:static;transform:none}.drawing-board{flex:none;margin:14px;position:relative}.drawing-board.white{background:#fff}.drawing-board.black{background:#101010;border:1px solid #35424c}.shared-ink{z-index:3;touch-action:none;position:absolute;overflow:visible}.lesson-content{min-height:100%}#drawing-tools{align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}#drawing-tools button{white-space:nowrap;min-height:40px;padding:0 10px;font-size:14px}#drawing-tools button[aria-pressed=true]{color:#102a26;background:#8de4cb}#drawing-tools input{background:0 0;border:0;width:36px;height:36px;padding:0}#drawing-tools label{flex:none}.app-header strong,.app-header .connection-status{white-space:nowrap}.app-header{gap:10px}.lesson-tabs-wrap #lesson-tabs{min-width:0;display:flex;overflow:auto}.lesson-tabs-wrap #lesson-tabs button{white-space:nowrap;text-overflow:ellipsis;border-radius:0;max-width:240px;overflow:hidden}.lesson-tabs-wrap #lesson-tabs button[aria-selected=true]{background:#23323e;border-bottom:3px solid #8de4cb}.instant-laser{pointer-events:none;z-index:10000;will-change:transform;background:#ff3e59;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px;position:fixed;top:0;left:0;box-shadow:0 0 9px #ff3e59}.instant-laser[hidden]{display:none}.lesson-text-entry{z-index:10001;color:#fff;background:#211b30;border:2px solid #edc779;width:300px;padding:12px;font-size:18px;position:fixed}#drawing-tools select{min-height:36px;font-size:14px}.lesson-tabs-wrap{overflow-x:auto}#save-page{white-space:nowrap;min-width:100px}.lesson-tabs-wrap>[role=status]{white-space:nowrap;align-self:center;padding:0 8px}@media (max-width:1100px){.app-header strong{font-size:14px}.connection-status{font-size:0}.connection-status i{margin:0}.app-header{gap:6px}#drawing-tools button{padding:0 8px}}@media (max-height:650px){.rail{grid-template-rows:auto 44px auto auto;padding-bottom:0}.classroom{grid-template-columns:minmax(0,1fr) min(260px,66.6667dvh - 140px)}#teaching-cues{gap:0;padding:2px}#teaching-cues button{padding:0 6px;font-size:12px}}.drawing-launcher{flex-shrink:0;gap:5px;display:flex}.drawing-launcher button{white-space:nowrap}.drawing-launcher button[aria-pressed=true]{color:#251b31;background:#e9c26c}#drawing-tools.drawing-palette{z-index:100;background:#241d32;border:1px solid #bd985c;border-radius:12px;flex-wrap:wrap;gap:8px;width:min(360px,100vw - 32px);padding:14px;display:flex;position:fixed;top:64px;left:16px;overflow:visible;box-shadow:0 12px 32px #0009}#drawing-tools.drawing-palette[hidden]{display:none!important}.drawing-swatches{gap:7px;width:100%;padding-top:6px;display:flex}#drawing-tools .drawing-swatches button{border:2px solid #b9a990;border-radius:50%;width:30px;min-height:30px;padding:0}.tile-controls{z-index:6;gap:4px;display:flex;position:absolute;top:5px;right:5px}.tile-controls button{background:#10202bdd;border-color:#64737d;min-height:36px;padding:0 9px;font-size:12px}.video-hidden video{visibility:hidden}.video-hidden:after{content:"Video hidden";color:#a9bcc9;background:#111a22;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.lesson-tab-group{border-right:1px solid #344956;flex-shrink:0;max-width:280px;display:flex}.lesson-tabs-wrap #lesson-tabs .lesson-tab-group [role=tab]{border-right:0;max-width:230px}.lesson-tabs-wrap #lesson-tabs .close-tab{background:#192631;border:0;width:38px;min-width:38px;min-height:44px;padding:0;font-size:22px}.lesson-tabs-wrap #lesson-tabs .close-tab:hover{color:#fff;background:#7b343b}#drawing-tools .drawing-swatches{flex-wrap:wrap;order:-3}#drawing-tools .drawing-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #fff}#drawing-tools label[hidden]{display:none}.board-choices{gap:6px;display:flex}.board-choices[hidden]{display:none}.text-palette,.board-palette{z-index:101;color:#fff;background:#241d32;border:1px solid #bd985c;border-radius:12px;padding:16px;position:fixed;top:64px;left:16px;box-shadow:0 12px 32px #0009}.text-palette{flex-wrap:wrap;gap:12px;width:min(360px,100vw - 32px);display:flex}.text-palette[hidden],.board-palette[hidden]{display:none}.text-palette label{gap:6px;font-size:14px;display:grid}.text-palette select{color:#fff;background:#342b45;min-height:38px;font-size:16px}.text-palette p{margin:0;font-size:14px}.text-palette .drawing-swatches{flex-wrap:wrap}.text-palette .drawing-swatches button{border:2px solid #b9a990;border-radius:50%;width:30px;height:30px;min-height:30px;padding:0}.text-palette .drawing-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #fff}.obs-panel{color:#fff;background:#241d32;border:1px solid #bd985c;border-radius:16px;width:min(560px,94vw);max-height:90vh;padding:24px;overflow:auto}.obs-panel::backdrop{background:#0009}.obs-panel header{justify-content:space-between;align-items:center;display:flex}.obs-panel p{font-size:16px;line-height:1.5}.obs-panel label{gap:6px;margin:12px 0;display:grid}.obs-panel select{max-width:100%;min-height:40px}.lesson:-webkit-full-screen{background:#000;width:100vw;height:100vh}.lesson:fullscreen{background:#000;width:100vw;height:100vh}.lesson:-webkit-full-screen .obs-stage{width:100%;height:100%}.lesson:fullscreen .obs-stage{width:100%;height:100%}#drawing-tools .pen-extra-colours[hidden]{display:none!important}#drawing-tools .pen-extra-colours{order:0}#drawing-tools label:not([hidden]){color:#fff;align-items:center;gap:8px;display:flex}:root{--bg:#100d18;--chrome:#21182c;--raised:#33243c;--border:#715840;--ink:#fff0da;--muted:#ccbca9;--accent:#ffda90}html,body,main{background:#100d18}button{color:#ffe5b3;background:linear-gradient(160deg,#3b2a43,#251b30);border-color:#806341;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{border-color:#eac383;box-shadow:0 0 14px #f7c87522}:is(button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-color:#ffe0a1}button:disabled{box-shadow:none}.app-header{background:linear-gradient(90deg,#26152df5,#20182be8),url(/magic-studio/workshop.png) 50% 20%/cover;border:1px solid #81613b;box-shadow:0 2px 16px #0005}.app-header strong{color:#ffe6b6;text-shadow:0 0 18px #ffcf6866;font-family:Georgia,serif;font-size:20px}.connected i{background:#a2ecd5;box-shadow:0 0 8px #81e0c177}#studio-launchers button,#open-library{color:#ffe5b2;background:linear-gradient(160deg,#513446,#271d32);border-color:#a17a4c}#drawing-tools button[aria-pressed=true]{color:#33200f;background:linear-gradient(#ffe4a4,#d9ab60);border-color:#ffe5ac}.lesson-tabs-wrap{background:linear-gradient(#38273c,#211827);border:1px solid #725538;border-bottom:0}.lesson-tabs-wrap #lesson-tabs .lesson-tab-group [role=tab]{color:#e8cfad;background:0 0}.lesson-tabs-wrap #lesson-tabs .lesson-tab-group [role=tab][aria-selected=true]{color:#fff0d1;background:#443047;border-bottom-color:#ffda90}.lesson-tab-group{border-right-color:#73583e}.lesson-tabs-wrap #lesson-tabs .close-tab{color:#e8c794;background:#291d30}.lesson-tabs-wrap #lesson-tabs .close-tab:hover{background:#763543}.lesson-caption{color:#cdb898}.lesson>.pdf-controls{background:linear-gradient(#33243b,#22182b);border-color:#997349}.pdf-controls input{color:#32200e;background:#f8e9ce}.video-tile{background:linear-gradient(150deg,#251b32,#151222);border-color:#8b6841;box-shadow:inset 0 0 25px #c88b2020}.video-tile h2{color:#ffe5b0;background:#211126df;border:1px solid #92704870}.video{color:#cdbcab}.tile-controls button{color:#ffdfab;background:#291c32e8;border-color:#b09163}.tile-controls button[aria-pressed=true]{background:#893743;border-color:#e8a38a}.chat-card{background:linear-gradient(#23192eea,#171220f2),url(/magic-studio/garden.png) 50%/cover;border-color:#7b5b40}.chat-heading{background:#33203a80;border-bottom:1px solid #76543755}.chat-heading h2{color:#ffe0a1;letter-spacing:.4px}.chat-log{scrollbar-color:#876444 #1a1424}.chat-empty{color:#c7b8a5}.chat-form{border-color:#74533b}.chat-form textarea,.entry-card input{color:#ffefdb;background:#171020;border-color:#806244}.chat-form button,.join-overlay,.entry-card form button{color:#32200f;background:linear-gradient(#ffe5a3,#d6a554);border-color:#ffdf9b}.bubble{color:#fff0db;background:#3b2a49}.bubble.teacher{background:#25423f}.bubble b{color:#ebd3ae}#teaching-cues{background:linear-gradient(#372439,#21182b);border-color:#997245}#teaching-cues button{color:#ffe0a1}.drawer{color:#ffebca;background:linear-gradient(#1d1329e8,#1c1427fa),url(/magic-studio/workshop.png) 70%/cover;border-color:#a57c48}.drawer h2{color:#ffe3a5;font:30px Georgia,serif}.drawer h3{color:#efd099;border-bottom:1px solid #8a694349;padding-bottom:8px}.drawer p,.drawer label{color:#d8c5ac}.drawer select,.reveal-preparation input{color:#fff0d6;background:#171021;border-color:#947047}.drawer-backdrop{background:#090511aa}.entry-open #entry{background:linear-gradient(#21152ded,#21152df5),url(/magic-studio/workshop.png) 50%/cover;border-color:#c99b5e}.entry-card h1{color:#ffe6b2;font:36px Georgia,serif}#message{background:#6d303bef;border:1px solid #c78776}.lesson-empty{color:#c4af94;background:radial-gradient(#36223a44,#0000 70%)}.lesson-empty h1{color:#f0d5a9;font-family:Georgia,serif}.empty-mark{color:#ffe2a1;background:#39283f;border:1px solid #b3874f;box-shadow:0 0 25px #ffd38022}#studio-hub{color:#ffecd0;background:linear-gradient(100deg,#170d23ee,#170d23aa),url(/magic-studio/workshop.png) 50%/cover;border:1px solid #c6995b;border-radius:22px;width:min(960px,95vw);padding:28px;box-shadow:inset 0 0 90px #13092088,0 30px 100px #000b}#studio-hub[data-world=games]{background-image:linear-gradient(100deg,#1b1024ed,#1b1024a8),url(/magic-studio/upside-down-castle.png)}#studio-hub[data-world=search]{background-image:linear-gradient(100deg,#0b2024ed,#102026bd),url(/magic-studio/garden.png)}#studio-hub header{border-bottom:1px solid #c2985d66;padding-bottom:18px}#studio-hub h2{color:#ffe1a0;text-shadow:0 2px 8px #000;font:42px Georgia,serif}#studio-hub h3{color:#ffdfaa;font:24px Georgia,serif}#studio-hub p{color:#dfcbb0;text-shadow:0 1px 4px #000}#studio-hub label{color:#efd4b1}#studio-hub a{color:#ffebc6;background:linear-gradient(140deg,#65403bba,#2b1b36e8);border-color:#bd9056;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #0003}#studio-hub a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ffd48422}#studio-hub input,#studio-hub textarea{color:#fff0d8;background:#140e20e8;border-color:#9b784d;box-shadow:inset 0 2px 8px #0003}#studio-hub input::placeholder,#studio-hub textarea::placeholder{color:#b5a390}#studio-hub .hub-grid>a{align-items:center;min-height:70px;font-family:Georgia,serif;font-size:20px;display:flex}#quick-dice,#quick-spin,#build-prompt,#paste-search-image,#paste-ai-image{color:#32200f;background:linear-gradient(#ffe0a0,#d2a257);border-color:#f4d399}#quick-result{text-shadow:0 0 18px #ffc97055;background:#23152dbb;border-radius:12px;width:fit-content;padding:12px}#quick-result:empty{display:none}.storybook-page{color:#fff0d9;background:linear-gradient(100deg,#170e23ef,#170e23e0),url(/magic-studio/workshop.png) 50%/cover}.story-question{background:linear-gradient(#ffe5a7,#d7ad65);box-shadow:0 3px 14px #0004}.story-question.revealed{color:#ffe6b6;background:#34243d}.story-kicker{color:#ddbd87}.story-orbit{filter:drop-shadow(0 0 15px #ffcf6844)}@media (max-width:650px){#studio-hub{background-position:65%;padding:18px}#studio-hub h2{font-size:32px}#studio-hub .hub-grid>a{font-size:18px}.app-header strong{font-size:16px}}@media (prefers-reduced-motion:reduce){button,#studio-hub a{transition:none}}body{background:linear-gradient(#180d2480,#120b20a8),url(/magic-studio/workshop.png) 50%/cover fixed}main,.classroom{background:0 0}.lesson{background:linear-gradient(120deg,#42243ec4,#1c132ac9),url(/magic-studio/workshop.png) 50%/cover;border:1px solid #bc9059;border-radius:13px;padding:5px;overflow:hidden;box-shadow:0 0 0 1px #140b20,inset 0 0 16px #f6c87924,0 5px 22px #0006}#lesson-stage{border:1px solid #927048;border-radius:6px;box-shadow:0 0 10px #e1ab4824}.lesson-tabs-wrap{background:linear-gradient(#39233bd9,#20142ce8),url(/magic-studio/workshop.png) 50% 35%/cover;border-radius:7px 7px 0 0}.app-header{background:linear-gradient(90deg,#2a172dd9,#21162bbd),url(/magic-studio/workshop.png) 50% 24%/cover;box-shadow:inset 0 1px #ffe4ab44,0 3px 16px #0007}.video-tile{background:linear-gradient(#251730a6,#1c1226dc),url(/magic-studio/garden.png) 50%/cover;box-shadow:0 0 0 1px #382338,inset 0 0 24px #d09b3830}.chat-card{background:linear-gradient(#23192edb,#171220ed),url(/magic-studio/garden.png) 50%/cover}#teaching-cues,.lesson>.pdf-controls{background:linear-gradient(#38243bdc,#21182be8),url(/magic-studio/workshop.png) 50% 65%/cover;box-shadow:inset 0 1px #ffdda334}:is(dialog,.drawer){scrollbar-color:#ad8453 #21152c}dialog{color:#ffecd0;background:linear-gradient(#1e122bdb,#1a1125e8),url(/magic-studio/workshop.png) 50%/cover;border:1px solid #c6995b;border-radius:20px;box-shadow:inset 0 0 60px #d6a85c18,0 24px 90px #000a}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#20102e77,#080411c9)}:is(#studio-hub,#enchanted-library)[open]{animation:.3s ease-out room-arrival}@keyframes room-arrival{0%{opacity:0;transform:translateY(7px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:650px){.lesson{border-radius:9px;padding:3px}body{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){:is(#studio-hub,#enchanted-library)[open]{animation:none}}*{scrollbar-color:#9a744c #21152c;scrollbar-width:thin}.lesson-tabs-wrap #lesson-tabs{overflow-y:hidden}.lesson-tab-group{flex-shrink:0}#drawing-tools{overflow-y:hidden}#adventure-chest{background:linear-gradient(100deg,#180f24ed,#201329ba),url(/magic-studio/workshop.png) 50%/cover;width:min(760px,94vw);max-height:90dvh;padding:28px;overflow:auto}#adventure-chest header{justify-content:space-between;align-items:center;gap:16px;display:flex}#adventure-chest h2{color:#ffe1a0;margin:0;font:36px Georgia,serif}#adventure-chest h3{color:#ffdfa4;font:23px Georgia,serif}.adventure-kicker{letter-spacing:4px;color:#dcb975;font-size:11px}#adventure-chest section{background:#201329c9;border:1px solid #a57d4b;border-radius:14px;margin:16px 0;padding:18px}#adventure-chest label{color:#ecd5b4;gap:7px;margin:12px 0;display:grid}#adventure-chest input{color:#fff1db;background:#150f21df;border:1px solid #977246;border-radius:8px;width:100%;padding:12px}.adventure-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.adventure-actions button{color:#33200f;background:linear-gradient(#ffe2a0,#cca05e)}.adventure-private{color:#d1bda5;font-size:13px}.treasure-art{filter:drop-shadow(0 0 20px #ffc86166);width:160px;height:108px;margin:20px auto;position:relative}.treasure-lid{background:repeating-linear-gradient(90deg,#4a2830 0 24px,#a17447 25px 29px);border:4px solid #dcb16a;border-radius:60px 60px 4px 4px;width:160px;height:42px;position:absolute;top:17px}.treasure-box{text-align:center;color:#ffe5a2;background:repeating-linear-gradient(90deg,#4a2830 0 24px,#a17447 25px 29px);border:4px solid #dcb16a;border-radius:0 0 12px 12px;width:160px;height:50px;font-size:34px;position:absolute;top:57px}.treasure-art>span{color:#ffe6a0;font-size:26px;position:absolute;top:-12px;left:70px}#quest-preview{color:#ffe9c6;line-height:1.6}:is(#studio-hub,#enchanted-library,#adventure-chest)[open]{animation:.38s cubic-bezier(.2,.7,.2,1) room-arrival}#studio-hub header,#adventure-chest header{isolation:isolate;position:relative}#studio-hub header:after,#adventure-chest header:after{content:"";pointer-events:none;opacity:.45;background:linear-gradient(90deg,#0000,#ffe3a3,#0000);width:80px;height:1px;animation:10s ease-in-out infinite wand-glimmer;position:absolute;bottom:0;left:0}#adventure-chest[open] .treasure-art>span{animation:6s ease-in-out infinite chest-spark}#adventure-chest[open] .treasure-lid{transform-origin:50% 100%;animation:8s ease-in-out infinite chest-breathe}#studio-hub[open] h2,#enchanted-library[open] header h1,#adventure-chest[open] h2{text-shadow:0 2px 8px #000,0 0 22px #e9b55425}#studio-launchers button,#open-library,.adventure-actions button{transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}@media (hover:hover){#studio-launchers button:hover,#open-library:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffe4a455,0 0 17px #ffcb7133}.adventure-actions button:hover{transform:translateY(-1px);box-shadow:0 0 20px #ffc76a38}}#studio-launchers button:active,#open-library:active,.adventure-actions button:active{transform:translateY(0)}#private-story>.storybook-page{animation:.35s ease-out page-unfold}@keyframes wand-glimmer{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.7;transform:translate(130px)}}@keyframes chest-spark{0%,to{opacity:.65;transform:translateY(0)rotate(-5deg)}50%{opacity:1;transform:translateY(-5px)rotate(5deg)}}@keyframes chest-breathe{0%,80%,to{transform:rotate(0)}88%{transform:rotate(-1deg)}94%{transform:rotate(.5deg)}}@keyframes page-unfold{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}html[data-room-motion=still] :is(#studio-hub,#enchanted-library,#adventure-chest,#private-story) *,html[data-room-motion=still] :is(#studio-hub,#enchanted-library,#adventure-chest),html[data-room-motion=still] :is(#studio-hub,#adventure-chest) header:after,html[data-room-motion=still] .library-room:after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){:is(#studio-hub,#enchanted-library,#adventure-chest,#private-story) *,:is(#studio-hub,#enchanted-library,#adventure-chest),#studio-hub header:after,#adventure-chest header:after{transition:none!important;animation:none!important}#studio-launchers button,#open-library,.adventure-actions button{transition:none;transform:none!important}}#magic-arrival,.world-home-header,.world-home-invitation,.map-door,.world-home-footer{-webkit-user-select:none;user-select:none}#magic-arrival input,#magic-arrival textarea{-webkit-user-select:text;user-select:text}.magic-brand strong{letter-spacing:-1.5px;text-shadow:0 2px 12px #0007;font-size:clamp(32px,3.5vw,54px);line-height:.98}.magic-brand>span{font-size:clamp(42px,4vw,62px)}.world-home-header .library-eyebrow{letter-spacing:-.5px;color:#ffe4ad;font-size:clamp(22px,2.6vw,34px);font-weight:800}@media (max-width:550px){.magic-brand strong{font-size:32px}.magic-brand>span{font-size:42px}.magic-brand{gap:10px}}#puzzle-world{color:#ffedce;isolation:isolate;background:linear-gradient(#0b1e26a8,#111027e8),url(/magic-studio/garden.png) 50%/cover;border:1px solid #dbb278;width:min(1000px,95vw);max-height:94dvh;padding:28px;overflow:auto;box-shadow:inset 0 0 75px #0b142288,0 25px 90px #000c}#puzzle-world header{isolation:isolate;justify-content:space-between;align-items:center;gap:15px;display:flex;position:relative}#puzzle-world h2{color:#ffe3a6;margin:0;font:clamp(28px,4vw,44px) Georgia,serif}.puzzle-gateway{text-align:center;padding:15px 0}.puzzle-invitation{color:#ead4b2;font:italic 21px/1.5 Georgia,serif}.world-portal{isolation:isolate;color:#fff0c5;background:radial-gradient(#38878e55,#1d254fc9 62%,#c3e4cd44),url(/magic-studio/garden.png) 50% 48%/cover;border:3px solid #dbbe82;border-radius:50% 50% 45% 45%;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:min(310px,80%);height:340px;margin:25px auto;transition:box-shadow .4s,transform .4s;display:flex;position:relative;box-shadow:0 0 0 7px #769a8833,0 0 0 10px #c5bd7855,0 0 45px #9beed544,inset 0 0 45px #a4efe655}.world-portal:hover{transform:scale(1.015);box-shadow:0 0 0 7px #769a8855,0 0 0 10px #c5bd7888,0 0 65px #9beed566,inset 0 0 45px #a4efe677}.world-portal:after{content:"✦";color:#ffdfa2;text-shadow:0 0 15px #fff1b8;font-size:25px;animation:7s ease-in-out infinite portal-spark;position:absolute;top:32%;left:-12px}.portal-moon{color:#ffe9b5;text-shadow:0 0 25px #fff2bc;font:75px Georgia,serif}.world-portal strong{text-shadow:0 2px 12px #000;font:26px Georgia,serif}.world-portal small{font-size:13px}.portal-footnote,.puzzle-personal{color:#d3c4ab;font-size:13px}.puzzle-paths{flex-wrap:wrap;gap:10px;margin:25px 0 16px;display:flex}.puzzle-paths button[aria-pressed=true]{color:#32210f;background:linear-gradient(#ffe6aa,#c9a163)}.puzzle-progress{color:#dfc69b;justify-content:space-between;gap:12px;font-size:13px;display:flex}.puzzle-scroll{background:linear-gradient(135deg,#1a2130ed,#19122ce8);border:1px solid #ab9663;border-radius:20px;margin:14px 0;padding:clamp(18px,4vw,38px);position:relative;box-shadow:inset 0 0 35px #cfb9700c,0 10px 30px #0005}.puzzle-scroll h3{color:#ffe0a2;margin-top:0;font:28px Georgia,serif}.puzzle-scroll [data-question]{max-width:700px;font:20px/1.6 Georgia,serif}.puzzle-scroll [data-display]{color:#bcebdc;letter-spacing:3px;overflow-wrap:anywhere;margin:24px 0;font:clamp(22px,4vw,38px) Georgia,serif}.puzzle-answers{flex-wrap:wrap;gap:12px;display:flex}.puzzle-answers form{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.puzzle-answers label{color:#dbc9ad;gap:8px;display:grid}.puzzle-answers input{color:#ffebce;background:#101624;border:1px solid #ac986d;border-radius:9px;width:min(260px,100%);padding:12px}.puzzle-answers button{background:linear-gradient(#3e4150,#242037);border-color:#bca171;min-height:48px}.puzzle-feedback{color:#d9eed9;min-height:24px;font-size:15px}.puzzle-solved{border-color:#d9d699;box-shadow:0 0 28px #a5e8c92b}.puzzle-solved:after{content:"✦  ·  ✧";color:#ffe8a2;pointer-events:none;animation:.7s ease-out puzzle-discovery;position:absolute;top:18px;right:20px}.puzzle-scroll [data-next]{color:#322210;background:linear-gradient(#ffe3a1,#cba461)}@keyframes portal-spark{50%{opacity:.5;transform:translateY(-12px)rotate(35deg)}}@keyframes puzzle-discovery{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:650px){#puzzle-world{padding:16px}.world-portal{height:285px}.puzzle-paths{gap:6px}.puzzle-paths button{font-size:13px}.puzzle-scroll [data-question]{font-size:18px}}dialog.at-portal>:not(.room-doorway){display:none!important}.room-doorway{text-align:center;padding:15px 0;display:none;position:relative}.at-portal>.room-doorway{display:block}.room-doorway .doorway-close{position:absolute;top:0;right:0}.room-doorway>h2{color:#ffe2a7!important;margin:18px 44px!important;font:clamp(28px,4vw,42px) Georgia,serif!important}.room-doorway>p:last-child{color:#dfcba8;font:italic 17px Georgia,serif}.room-doorway .world-portal{width:min(290px,80%);height:300px}#studio-hub[data-world=games] .world-portal{background-image:radial-gradient(#a283bb22,#24164cb0 65%,#eac78555),url(/magic-studio/upside-down-castle.png)}#studio-hub[data-world=ai] .world-portal,#adventure-chest .world-portal,#moonlight-cinema .world-portal{background-image:radial-gradient(#c2974322,#24164ca0 65%,#eac78555),url(/magic-studio/workshop.png)}dialog.through-portal{animation:.5s ease-out cross-the-threshold!important}@keyframes cross-the-threshold{0%{opacity:.6;transform:scale(.975)}to{opacity:1;transform:none}}html[data-room-motion=still] .world-portal,html[data-room-motion=still] .world-portal:after,html[data-room-motion=still] .puzzle-solved:after,html[data-room-motion=still] dialog.through-portal{transition:none!important;animation:none!important;transform:none!important}.rooms-asleep .world-portal:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.world-portal,.world-portal:after,.puzzle-solved:after,dialog.through-portal{transition:none!important;animation:none!important;transform:none!important}}#world-home{z-index:11;color:#f5e9d2;background:#0b141c;padding:0 clamp(20px,5vw,86px);font-family:Segoe UI,system-ui,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.world-home-header{border-bottom:1px solid #dacba420;justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:auto;padding:25px 0;display:flex}.home-wordmark{letter-spacing:-.5px;color:#edc98c;font:25px Georgia,serif;text-decoration:none}.home-wordmark span{color:#f5e9d2;margin-left:8px}.world-home-header nav{align-items:center;gap:28px;font-size:14px;display:flex}.world-home-header nav>span{color:#edc98c}.world-home-header button{color:#c7c6bb;box-shadow:none;background:0 0;border:0;min-height:44px;padding:10px;font:14px Segoe UI,sans-serif}.home-content{max-width:1320px;margin:auto}.home-welcome{isolation:isolate;align-items:center;min-height:380px;margin-top:30px;display:flex;position:relative;overflow:hidden}.home-welcome-art{object-fit:cover;object-position:center 56%;z-index:-2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 90%,#0000)}.home-welcome:after{content:"";z-index:-1;background:linear-gradient(90deg,#0b141c 2%,#0b141cea 24%,#0b141c20 68%,#0b141c15),linear-gradient(#0b141c,#0000 20% 75%,#0b141c);position:absolute;top:0;bottom:0;left:0;right:0}.home-welcome-copy{max-width:60%;padding:30px 0}.home-kicker{letter-spacing:.24em;color:#c9ad7b;margin:0 0 20px;font:12px/1.5 Segoe UI,sans-serif}.home-welcome h1{letter-spacing:-.035em;color:#fff0d7;outline:none;margin:0 0 22px;font:400 clamp(42px,5vw,70px)/1.08 Georgia,serif}.home-intro{color:#c3c6c0;margin:0;font:16px/1.8 Segoe UI,sans-serif}.home-classroom{background:linear-gradient(100deg,#283333,#15222a);border:1px solid #cfa56948;border-radius:4px;justify-content:space-between;align-items:center;gap:24px;margin:18px 0 36px;padding:24px 28px;display:flex}.home-classroom>div{align-items:center;gap:22px;display:flex}.classroom-symbol{color:#ebc88b;border-right:1px solid #d6bd8135;padding-right:20px;font:30px Georgia}.home-classroom strong{font:400 23px Georgia,serif}.home-classroom p{color:#c1c5bd;max-width:630px;margin:7px 0 0;font:14px/1.6 Segoe UI,sans-serif}.studio-classroom-link{color:#f5d598;border:1px solid #ddbb7960;border-radius:3px;flex-shrink:0;justify-content:space-between;align-items:center;gap:30px;padding:15px 20px;font:600 15px Segoe UI,sans-serif;text-decoration:none;transition:background .2s;display:flex}.studio-classroom-link:hover{background:#d1b17216}.home-destinations{grid-template-columns:1.25fr 1fr;gap:28px;display:grid}.home-destination{isolation:isolate;color:#fff0d7;text-align:left;min-height:310px;box-shadow:none;cursor:pointer;background:#15242b;border:1px solid #edcf9335;border-radius:4px;flex-direction:column;justify-content:space-between;padding:30px;text-decoration:none;transition:border-color .25s,transform .35s;display:flex;position:relative;overflow:hidden}.home-destination>img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.home-library>img{object-position:70% 57%}.home-profile>img{object-position:center 50%}.home-destination:after{content:"";z-index:-1;background:linear-gradient(#08131c44,#0000 35%,#071017ed);position:absolute;top:0;bottom:0;left:0;right:0}:is(.home-destination:hover,.home-destination:focus-visible){border-color:#e6cb87;transform:translateY(-4px)}.home-destination:hover>img{transform:scale(1.045)}.destination-number{letter-spacing:.15em;color:#fff0c7;text-shadow:0 1px 8px #000;font:12px Segoe UI,sans-serif}.destination-copy{flex-direction:column;gap:10px;padding-right:30px;display:flex}.destination-copy strong{color:#fff0d7;font:400 clamp(30px,3vw,43px) Georgia,serif}.destination-copy small{color:#d0d0c1;font:15px/1.5 Segoe UI,sans-serif}.destination-arrow{color:#f1d296;font:28px Georgia;position:absolute;bottom:35px;right:28px}.home-footer{color:#b2b6ad;justify-content:space-between;gap:20px;padding:32px 0;font-size:13px;display:flex}.world-map-open .app-header{visibility:hidden}#back-to-worlds{white-space:nowrap;flex:none;min-height:40px;font-size:14px}.room-map-link{white-space:nowrap;margin-left:auto;font-size:14px}:is(#world-home a:focus-visible,#world-home button:focus-visible){outline-offset:5px;outline:2px solid #f4d799}@media (max-width:700px){.world-home-header{padding:18px 0}.home-wordmark{font-size:21px}.world-home-header nav{gap:10px}.home-welcome{min-height:330px;margin-top:12px}.home-welcome-copy{max-width:90%}.home-welcome h1{font-size:45px}.home-welcome-art{object-position:65%;opacity:.7}.home-welcome:after{background:linear-gradient(90deg,#0b141cdd,#0b141c40),linear-gradient(#0b141c,#0000 30%,#0b141c)}.home-classroom{flex-direction:column;align-items:stretch;gap:20px;margin-top:0;padding:20px}.home-classroom>div{gap:14px}.home-classroom strong{font-size:21px}.classroom-symbol{padding-right:14px}.studio-classroom-link{justify-content:space-between}.home-destinations{grid-template-columns:1fr;gap:20px}.home-destination{min-height:270px;padding:25px}.home-footer{font-size:12px}.home-footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.home-destination,.home-destination>img{transition:none!important;transform:none!important}}html[data-room-motion=still] .home-destination,html[data-room-motion=still] .home-destination>img{transition:none;transform:none}.home-destinations:has(.home-teacher-profile:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}.home-teacher-profile>img{object-position:center 57%}@media (max-width:1000px){.home-destinations:has(.home-teacher-profile:not([hidden])){grid-template-columns:1fr 1fr}.home-teacher-profile{grid-column:1/-1}}@media (max-width:700px){.home-destinations:has(.home-teacher-profile:not([hidden])){grid-template-columns:1fr}.home-teacher-profile{grid-column:auto}}#enchanted-library{color:#f5e9d2;background:linear-gradient(#0b141ce8,#0b141cbb),url(/magic-studio/workshop.png) 50%/cover fixed;border:0;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:28px clamp(20px,5vw,86px);top:0;bottom:0;left:0;right:0}#enchanted-library>header{background:0 0;border-bottom:1px solid #dacba430;border-radius:0;gap:20px;max-width:1320px;margin:auto;padding:0 0 22px}#enchanted-library>header h1{font:400 clamp(30px,4vw,52px) Georgia,serif}#enchanted-library .library-room,#enchanted-library #library-reader{max-width:1200px;margin:auto}#enchanted-library .library-eyebrow{letter-spacing:.2em;color:#d1b783;font-size:12px}#enchanted-library .room-map-link{color:#f0d49c;min-height:44px;box-shadow:none;background:0 0;border:0;order:-1;margin:0 20px 0 0;font:15px Segoe UI,sans-serif}#enchanted-library .library-invitation{background:0 0;margin:15px auto 40px;font:18px/1.6 Segoe UI,sans-serif}#enchanted-library .library-book small{font-size:14px}#enchanted-library .library-room:after{display:none}#enchanted-library .library-shelf-edge{opacity:.7}#enchanted-library #leave-library{box-shadow:none;background:0 0;border:0;font-size:22px}@media (max-width:650px){#enchanted-library>header{flex-wrap:wrap;gap:8px}#enchanted-library .room-map-link{text-align:left;width:100%;padding-left:0}#enchanted-library>header>div{flex:1}#enchanted-library>header h1{font-size:30px}#enchanted-library .library-book,#enchanted-library .library-book:nth-child(2){width:min(240px,75vw);height:310px}#enchanted-library .library-book strong{font-size:27px}#enchanted-library #story-shelf{gap:35px}}.room-fireflies{pointer-events:none;z-index:-1;border-radius:12px;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.room-fireflies i{opacity:.4;width:3px;height:3px;animation:firefly-wander var(--flight) ease-in-out var(--delay) infinite;background:#ffe8ac;border-radius:50%;position:absolute;box-shadow:0 0 7px 2px #ffd27355}#enchanted-library header{isolation:isolate}.pip-nook{justify-content:center;align-items:center;gap:16px;max-width:500px;min-height:100px;margin:8px auto 22px;display:flex}.pip-friend{border-radius:45% 45% 30% 30%;flex:none;width:82px;height:100px;animation:18s ease-in-out infinite pip-peek;position:relative;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.pip-friend img{object-fit:cover;object-position:top;pointer-events:none;width:82px;height:123px;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.pip-whisper{color:#f1d5a3;text-shadow:0 2px 8px #000;max-width:270px;margin:0;font:italic 16px/1.5 Georgia,serif}.pip-waves .pip-friend{animation:.8s ease-in-out pip-hello}.pip-friend:focus-visible{outline-offset:3px;outline:2px solid #ffe1a0!important}.lesson-caption{position:relative}.pocket-star{width:27px;min-height:24px;box-shadow:none;color:#e7c385;background:0 0;border:0;flex:none;margin-left:6px;padding:0;font-size:21px;line-height:24px}.pocket-star:hover{color:#fff0c6;box-shadow:none;text-shadow:0 0 9px #ffc36b}.pocket-response{color:#ffe3b2;z-index:8;pointer-events:none;background:linear-gradient(135deg,#38243af5,#191124f5);border:1px solid #b28a54;border-radius:12px;max-width:240px;padding:8px 12px;font-size:13px;position:absolute;bottom:32px;right:5px;box-shadow:0 4px 20px #0007}.pocket-response:empty{display:none}.star-awake{animation:.65s ease-out pocket-twirl}@keyframes firefly-wander{0%,to{opacity:.15;transform:translate(0)}35%{opacity:.65;transform:translate(14px,-6px)}70%{opacity:.3;transform:translate(-9px,7px)}}@keyframes pip-peek{0%,75%,to{transform:translateY(0)rotate(0)}82%,90%{transform:translateY(-3px)rotate(-3deg)}}@keyframes pip-hello{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)translateY(-3px)}65%{transform:rotate(5deg)}}@keyframes pocket-twirl{50%{text-shadow:0 0 12px #ffd67b;transform:rotate(90deg)scale(1.2)}to{transform:rotate(180deg)}}.rooms-asleep .room-fireflies i,.rooms-asleep .pip-friend{animation-play-state:paused}html[data-room-motion=still] .room-fireflies i,html[data-room-motion=still] .pip-friend,html[data-room-motion=still] .pocket-star{animation:none!important}@media (prefers-reduced-motion:reduce){.room-fireflies i,.pip-friend,.pocket-star{animation:none!important}}@media (max-width:650px){.pip-nook{gap:10px}.pip-whisper{max-width:210px;font-size:14px}.room-fireflies i:nth-child(n+4){display:none}}.library-book:after{content:"✧";color:#ffe3a5;opacity:0;pointer-events:none;font:21px Georgia,serif;transition:opacity .4s,transform .4s;position:absolute;top:14px;right:16px;transform:scale(.7)rotate(-15deg)}.library-book:hover:after{opacity:.8;transform:scale(1)rotate(0)}.library-book:focus-visible:after{opacity:.8;transform:scale(1)rotate(0)}html[data-room-motion=still] .library-book:after{transition:none}@media (prefers-reduced-motion:reduce){.library-book:after{transition:none}}#bedakids-room{color:#ffe7bf;background:#110d1c;border:1px solid #c29c61;border-radius:18px;width:min(1500px,97vw);max-width:97vw;height:94dvh;max-height:96dvh;padding:0;overflow:hidden}#bedakids-room[open]{flex-direction:column;display:flex}#bedakids-room::backdrop{background:#080410b8}#bedakids-room header{background:#23182c;flex-shrink:0;align-items:center;gap:16px;padding:10px 16px;display:flex}#bedakids-room h2{color:#ffe3a4;margin:0;font:clamp(20px,2vw,28px) Georgia,serif}#bedakids-room header a{color:#ffe3a4;margin-left:auto;font-size:14px}#bedakids-room iframe{background:#110d1c;border:0;flex:1;width:100%;min-height:0}.bedakids-stage{background:#110d1c;border:0;width:100%;height:100%;min-height:300px;display:block}.lesson-content:has(>.bedakids-stage){height:100%;min-height:0}@media (max-width:650px){#bedakids-room header{gap:8px;padding:8px}#bedakids-room header a{font-size:12px}#bedakids-room h2{font-size:18px}}#discovery-room{color:#f5e9d2;background:#18262e;border:1px solid #55656b;border-radius:22px;width:min(1250px,96vw);height:90dvh;max-height:95dvh;padding:24px;overflow:auto}.search-tabs{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.search-tabs button[aria-pressed=true]{color:#1c262c;background:#edc98c}.app-header #open-library{display:none!important}#discovery-room label[hidden]{display:none}.saved-collection-heading{grid-column:1/-1;margin:20px 0 6px}.search-collection{align-items:center;gap:12px;margin:10px 0;display:flex}.search-collection input{max-width:260px}.discovery-results article>button:last-child{color:#fff;background:#315d3d;margin:8px}.discovery-results article>a{padding:10px;display:block}#discovery-room::backdrop{background:#071017b8}#discovery-room header{justify-content:space-between;align-items:center;gap:12px;display:flex}#discovery-room h2{color:#edc98c;margin:5px 0 15px;font:32px Georgia,serif}.discovery-eyebrow{color:#55656b;letter-spacing:.12em;margin:0;font-size:12px}#discovery-room form{align-items:end;gap:12px;display:flex}#discovery-room label{gap:6px;font-size:14px;display:grid}#discovery-room label:first-child{flex:1}#discovery-room input,#discovery-room select{color:#f5e9d2;background:#0b141c;border:1px solid #55656b;border-radius:8px;min-width:0;padding:12px}#discovery-room form button,#discovery-room [data-show]{color:#1c262c;background:#edc98c;font-weight:700}.discovery-help{color:#b9c4c5;font-size:14px;line-height:1.5}.discovery-body{align-items:start;gap:20px;display:flex}.discovery-results{flex:1;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;min-width:0;display:grid}.discovery-results article{background:#1c262cd9;border:1px solid #55656b55;border-radius:12px;min-width:0;overflow:hidden}.discovery-results button{text-align:left;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0}.discovery-results img{object-fit:contain;background:#0b141c;width:100%;height:150px}.discovery-results span,.discovery-results a,.discovery-results p{overflow-wrap:anywhere;margin:0;padding:10px;font-size:14px;line-height:1.4;display:block}.discovery-results a{color:#edc98c}.discovery-preview{background:#0b141c;border:1px solid #55656b;border-radius:14px;width:38%;padding:16px;position:sticky;top:0}.discovery-preview img{object-fit:contain;width:100%;max-height:45vh;display:block}.discovery-preview a{color:#edc98c;margin:14px 0;font-size:14px;display:block}.discovery-preview h3{margin:0 0 14px;font:22px Georgia,serif}.discovery-preview[hidden]{display:none}#discovery-room [hidden]{display:none!important}@media (max-width:700px){#discovery-room{padding:16px}#discovery-room form{flex-wrap:wrap}#discovery-room label:first-child{flex-basis:100%}.discovery-body{flex-direction:column-reverse}.discovery-preview{width:100%;position:static}.discovery-results{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}#discovery-room h2{font-size:26px}}:root{--bg:#0b141c;--chrome:#18262e;--raised:#23343c;--border:#405058;--ink:#f5e9d2;--muted:#b9c4c5;--accent:#edc98c;--surround:#18262e}html,body,body>main{background:#0b141c}body .app-header,body .lesson,body .lesson-tabs-wrap,body .video-tile,body .chat-card,body #teaching-cues,body .lesson>.pdf-controls{box-shadow:none;background:#18262e;border-color:#405058}body .app-header strong{color:#f5e9d2;text-shadow:none}body .lesson{border-radius:8px}body #lesson-stage{box-shadow:none;border-color:#405058}body .lesson-tabs-wrap #lesson-tabs .lesson-tab-group [role=tab][aria-selected=true]{color:#f5e9d2;background:#2b3c44;border-bottom-color:#edc98c}body .lesson-tabs-wrap #lesson-tabs .close-tab,body .tile-controls button,body .chat-heading,body #studio-launchers button,body #open-library{color:#f5e9d2;box-shadow:none;background:#23343c;border-color:#405058}body .video-tile h2{color:#f5e9d2;background:#0b141ce8;border-color:#405058}body .lesson-empty{color:#b9c4c5;background:#18262e}body .lesson-empty h1{color:#f5e9d2}body .empty-mark{color:#edc98c;box-shadow:none;background:#23343c;border-color:#55656b}body .chat-form textarea,body .drawer select,body .drawer input,body .reveal-preparation input{color:#f5e9d2;background:#0b141c;border-color:#405058}body .chat-form{border-color:#405058}body .bubble{background:#2b3c44}body .bubble.teacher{background:#304640}body .bubble b{color:#edc98c}body button{color:#f5e9d2;box-shadow:none;background:#23343c;border-color:#405058}body button:hover{box-shadow:none;background:#30434c;border-color:#b89c6b}body .join-overlay,body .chat-form button,body #drawing-tools button[aria-pressed=true]{color:#1c262c;background:#edc98c;border-color:#edc98c}body .tile-controls button[aria-pressed=true],body button.danger{color:#fff0dc;background:#63383b;border-color:#a46b6b}body .drawer,body dialog,body #studio-hub,body #studio-hub[data-world],body #adventure-chest{color:#f5e9d2;background:#18262e;border-color:#55656b;box-shadow:0 12px 40px #0005}body dialog::backdrop{background:#071017b8}body .drawer h2,body .drawer h3,body dialog h2{color:#edc98c;text-shadow:none}body .room-fireflies{display:none}body .lesson-caption{color:#b9c4c5}body #lesson-stage:has(.lesson-empty){background:#18262e!important}body .lesson-content:has(.lesson-empty){height:100%}body .lesson-empty{min-height:100%}body .rail{grid-template-rows:auto 12px auto auto minmax(110px,1fr);gap:8px;padding-bottom:0}body .rail #teacher-tile{grid-row:1}body .rail .video-spacer{background:#23343c;border:1px solid #405058;border-radius:4px;grid-row:2}body .rail #student-tile{grid-row:3}body .rail #teaching-cues{grid-row:4}body .rail .chat-card,body .rail #compact-chat{grid-row:5}@media (max-height:650px){body .rail{grid-template-rows:auto 8px auto auto minmax(44px,1fr)}body .rail #compact-chat{align-self:start}}body .rail{grid-template-rows:auto 64px auto auto minmax(110px,1fr)}body .rail .video-spacer{justify-content:center;align-items:center;padding:8px;display:flex}body .rail #call-device-settings{white-space:normal;width:100%;min-height:44px;padding:8px 4px;font-size:14px}#call-device-dialog{border:1px solid #55656b;border-radius:12px;width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow:auto}#call-device-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}#call-device-dialog h2{margin:0;font-size:23px}#call-device-dialog header button{font-size:24px}#call-device-dialog p{font-size:14px;line-height:1.5}#call-device-dialog label{gap:8px;margin:18px 0;display:grid}#call-device-dialog select{color:#f5e9d2;background:#0b141c;border:1px solid #55656b;border-radius:6px;width:100%;min-height:44px;padding:8px}@media (max-height:650px){body .rail{grid-template-rows:auto 56px auto auto minmax(44px,1fr)}body .rail .video-spacer{padding:4px}}body .rail{grid-template-rows:max-content 64px max-content max-content minmax(140px,1fr);align-content:start;overflow:hidden auto}body .rail .video-tile{aspect-ratio:4/3;align-self:start;width:100%;height:auto;min-height:0}body[data-video-shape="16:9"] .rail .video-tile{aspect-ratio:16/9}body .rail .video video{object-fit:cover}@media (max-height:650px){body .rail{grid-template-rows:max-content 56px max-content max-content 44px}}body .app-header{scrollbar-width:thin;gap:6px;overflow-x:auto}body .app-header strong{text-overflow:ellipsis;flex-shrink:0;max-width:230px;overflow:hidden}body .app-header .toolbar-icon{color:#f5e9d2;border-radius:7px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;text-decoration:none;display:inline-flex;padding:0!important}body .app-header .toolbar-icon[hidden]{display:none}body .app-header .toolbar-icon svg{pointer-events:none;display:block}body .app-header .header-actions{flex-shrink:0}body .app-header .toolbar-icon[aria-pressed=true]{color:#1c262c}body .tile-controls{gap:3px}body .tile-controls button{border-radius:6px;place-items:center;width:30px;height:30px;min-height:30px;padding:0;display:grid}body .tile-controls svg{pointer-events:none}body .tile-controls .media-off-slash{display:none}body .tile-controls [aria-pressed=true] .media-off-slash{display:block}@media (pointer:coarse){body .tile-controls button{width:44px;height:44px;min-height:44px}}body .app-header #studio-launchers [data-panel=games],body .app-header #open-adventure-chest,body .app-header #open-puzzles{display:none!important}#call-device-dialog [data-save]{color:#1c262c;background:#edc98c;width:100%;margin-top:14px;font-weight:600;display:block}body .app-header,body .drawing-launcher,body #studio-launchers{gap:10px}@media (max-width:1100px){body .app-header,body .drawing-launcher,body #studio-launchers{gap:7px}}body #invite-student{color:#edc98c;flex-shrink:0;min-height:44px}#invite-student-dialog{border:1px solid #55656b;border-radius:12px;width:min(400px,100vw - 32px);max-height:85dvh;padding:20px;overflow:auto}#invite-student-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}#invite-student-dialog h2{margin:0;font-size:24px}#invite-student-dialog p{font-size:14px;line-height:1.5}.invite-student-list{gap:8px;display:grid}.invite-student-list button{text-align:left;min-height:44px}body #invite-student{color:#1c262c;letter-spacing:.04em;background:#edc98c;min-width:88px;font-weight:700}body .app-header{gap:4px;padding-left:8px}body .drawing-launcher,body #studio-launchers{gap:3px}body .app-header #studio-launchers [data-panel=ai]{display:none!important}body .connection-status{white-space:nowrap;width:18px;min-width:18px;margin-left:auto;font-size:0;overflow:hidden}body .connection-status i{width:9px;height:9px;margin:0}body .lesson-tabs button{flex-basis:135px;min-width:92px;max-width:145px}body .lesson-tabs .close-tab{text-align:center!important;flex-basis:32px!important;width:32px!important;min-width:32px!important;padding:0!important}body .lesson-tabs-wrap{min-height:40px}body.student #teacher-tile .tile-controls{display:none!important}.diagnostics-dialog{color:#f8ead0;background:#142c35;border:1px solid #887146;border-radius:16px;max-width:min(90vw,780px);max-height:85vh;padding:24px;overflow:auto}.diagnostics-dialog::backdrop{background:#0009}.diagnostics-dialog pre{white-space:pre-wrap;font:12px/1.5 monospace}.diagnostics-dialog button{min-height:44px;margin:6px}#student-help-button{color:#291a0a;white-space:nowrap;background:linear-gradient(#ffe9a7,#e0ac50);border:2px solid #fff0b7;align-items:center;gap:7px;min-width:88px;min-height:44px;padding:0 13px;font-weight:800;display:inline-flex;box-shadow:0 0 16px #ffcf5c55}#student-help-button[hidden]{display:none}#student-help-button strong{color:#fff3cb;background:#5b3145;border-radius:50%;place-items:center;width:27px;height:27px;font-size:20px;display:grid}#student-help{color:#fff1d5;background:linear-gradient(150deg,#171020,#28182d);border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}#student-help::backdrop{background:#09060c}#student-help>header{z-index:2;background:#211529f2;border-bottom:1px solid #a67d49;justify-content:space-between;align-items:center;padding:16px clamp(18px,4vw,50px);display:flex;position:sticky;top:0}#student-help header small{color:#e7bf7d}#student-help h2{color:#ffe2a4;margin:2px 0 0;font:clamp(28px,4vw,44px) Georgia,serif}#student-help [data-help-close]{width:52px;height:52px;padding:0;font-size:30px}#student-help main{width:min(1150px,94vw);margin:auto;padding:24px 0 110px}.help-intro{text-align:center;color:#eadbc5;max-width:850px;margin:4px auto 25px;font-size:clamp(17px,2vw,22px);line-height:1.65}#student-help section{background:#211829;border:1px solid #775b41;border-radius:16px;grid-template-columns:minmax(250px,.72fr) minmax(420px,1.28fr);align-items:center;gap:24px;margin:18px 0;padding:22px;display:grid}#student-help h3{color:#ffe0a0;margin:0 0 8px;font-size:25px;display:inline}#student-help section p,#student-help li{color:#e6d7c2;font-size:17px;line-height:1.65}.help-number{color:#271708;background:#edbf6f;border-radius:50%;place-items:center;width:36px;height:36px;margin-right:10px;font-weight:900;display:inline-grid}.help-shot{background:#dfe5e7;border:8px solid #302d31;border-radius:18px;min-height:260px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0008}.shot-page{color:#4a5b63;background:#fff;place-items:center;height:180px;font-size:24px;display:grid}.shot-video{color:#fff;background:#080808;place-items:center;height:180px;display:grid}.shot-video span{font-size:54px}.shot-video small{font-size:18px}.shot-controls{color:#ffe7b5;background:#2d2033;justify-content:center;align-items:center;gap:12px;min-height:72px;padding:8px;display:flex}.shot-controls i{font-size:13px;font-style:normal}.shot-controls button{color:#231406;background:linear-gradient(#ffe8a9,#e9ad48);border:3px solid #fff0b8;min-height:52px;font-weight:900}.help-shot em{color:#fff;background:#c92f3f;border-radius:7px;padding:5px 9px;font-style:normal;font-weight:900;position:absolute;bottom:77px;right:18px;transform:rotate(-5deg)}#student-help .quick-help{grid-template-columns:1fr}.quick-help ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;margin:0;padding-left:24px;display:grid}#student-help>footer{background:#18101dea;border-top:1px solid #8c6843;justify-content:center;padding:12px;display:flex;position:fixed;bottom:0;left:0;right:0}#student-help [data-help-done]{color:#281706;background:linear-gradient(#ffe6a1,#d7a34e);min-width:min(420px,85vw);font-size:18px;font-weight:900}@media (max-width:760px){#student-help main{width:96vw;padding-top:12px}#student-help section{grid-template-columns:1fr;gap:10px;padding:14px}.help-shot{min-height:230px}.shot-page,.shot-video{height:150px}.quick-help ul{grid-template-columns:1fr}#student-help-button{min-width:72px;padding:0 9px}}.app-header .classroom-utility-button{color:#f5e9d2;white-space:nowrap;width:auto;min-width:72px;height:38px;min-height:38px;box-shadow:none;background:#ffffff0a;border:1px solid #ffffff20;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex;padding:0 11px!important}.app-header #student-help-button strong{place-items:initial;color:#f2c46b;background:0 0;border-radius:0;width:auto;height:auto;font-size:16px;display:inline}.app-header .classroom-utility-button:hover{background:#ffffff15}.app-header #student-help-button.classroom-utility-button{color:#f5e9d2;min-width:72px;height:38px;min-height:38px;box-shadow:none;background:#ffffff0a;border:1px solid #ffffff20;border-radius:999px;font-weight:700}.app-header .classroom-utility-button{margin:0!important}.app-header .connection-status{margin-left:0}body:has(#call:not([hidden])){--cr-bg:#0c0d11;--cr-panel:#1e2129d1;--cr-line:#ffffff12;--cr-tx:#eceae4;--cr-mut:#9a9aa3;--cr-gold:#f2c46b;--cr-gold2:#e7a948;--cr-red:#e0605a;--cr-green:#5fd39a;background:radial-gradient(1200px 700px at 30% 20%,#1c1a24,#0b0c10) fixed}body:has(#call:not([hidden])) .app-header{box-shadow:none;background:0 0;border:0;gap:8px;padding:6px 8px}body:has(#call:not([hidden])) .app-header>strong{background:var(--cr-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:9px 16px;font-weight:800}:is(body:has(#call:not([hidden])) .app-header .toolbar-icon,body:has(#call:not([hidden])) .app-header .icon-button){width:42px;min-width:42px;height:42px;box-shadow:none;background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s,transform .15s;display:grid}:is(body:has(#call:not([hidden])) .app-header .toolbar-icon:hover,body:has(#call:not([hidden])) .app-header .icon-button:hover){background:#ffffff17}:is(body:has(#call:not([hidden])) .app-header .toolbar-icon[aria-pressed=true],body:has(#call:not([hidden])) .app-header .toolbar-icon.active,body:has(#call:not([hidden])) .app-header .toolbar-icon.is-active){background:var(--cr-gold);color:#2a1d05}body:has(#call:not([hidden])) #back-to-worlds{background:var(--cr-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:2px;padding:3px;display:flex}body:has(#call:not([hidden])) #studio-launchers{background:var(--cr-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:2px;padding:3px;display:flex}body:has(#call:not([hidden])) .header-actions{background:var(--cr-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;gap:2px;padding:3px;display:flex}body:has(#call:not([hidden])) #back-to-worlds{width:48px;height:48px}body:has(#call:not([hidden])) #student-profiles-link{background:var(--cr-panel)}body:has(#call:not([hidden])) #open-gallery{text-transform:none;letter-spacing:0;background:var(--cr-panel);height:42px;color:var(--cr-tx);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border:0;border-radius:999px;padding:0 18px;font-weight:700}body:has(#call:not([hidden])) #invite-student{text-transform:none;letter-spacing:0;background:var(--cr-panel);height:42px;color:var(--cr-tx);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border:0;border-radius:999px;padding:0 18px;font-weight:700}body:has(#call:not([hidden])) .app-header #end-lesson{text-transform:none;letter-spacing:0;background:var(--cr-panel);height:42px;color:var(--cr-tx);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border:0;border-radius:999px;padding:0 18px;font-weight:700}body:has(#call:not([hidden])) #invite-student{text-transform:capitalize;background:linear-gradient(180deg,var(--cr-gold),var(--cr-gold2));color:#2a1d05}body:has(#call:not([hidden])) .app-header #end-lesson{color:#ffb4ae;background:#e0605a29;box-shadow:inset 0 0 0 1px #e0605a66}body:has(#call:not([hidden])) .app-header #end-lesson:hover{background:var(--cr-red);color:#fff}@media (min-width:900px){body:has(#call:not([hidden])) .drawing-launcher{z-index:40;background:var(--cr-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;bottom:26px;left:calc(50vw - 160px);transform:translate(-50%);box-shadow:0 10px 40px #00000073}}@media (max-width:899px){body:has(#call:not([hidden])) .drawing-launcher{background:var(--cr-panel);border-radius:999px;gap:2px;padding:3px;display:flex}}body:has(#call:not([hidden])) .classroom{gap:16px;padding:0 8px 8px}body:has(#call:not([hidden])) section.lesson{box-shadow:none;background:#000;border:0;border-radius:24px;padding:0;position:relative;overflow:hidden}body:has(#call:not([hidden])) .lesson-tabs-wrap{background:var(--cr-panel);border:0;border-radius:999px;align-items:center;gap:4px;width:max-content;max-width:calc(100% - 20px);height:auto;min-height:0;margin:10px 10px 6px;padding:4px;overflow:visible}body:has(#call:not([hidden])) .lesson-tab-group{background:0 0;border:0;border-radius:999px;height:34px}body:has(#call:not([hidden])) #lesson-tabs button{background:0 0;border:0;border-radius:999px;height:34px}body:has(#call:not([hidden])) .add-tab{background:0 0;border:0;border-radius:999px;height:34px}body:has(#call:not([hidden])) .lesson-tab-group{background:#ffffff1a}body:has(#call:not([hidden])) #lesson-tabs button{box-shadow:none}body:has(#call:not([hidden])) .add-tab{width:34px;color:var(--cr-mut)}body:has(#call:not([hidden])) #lesson-stage{background:#000;border:0;border-radius:0}body:has(#call:not([hidden])) .lesson-caption{color:var(--cr-mut);background:0 0;border:0;padding:4px 12px;font-size:12px}body:has(#call:not([hidden])) #lesson-name{display:none}body:has(#call:not([hidden])) #lesson-note:not(:empty){background:var(--cr-panel);border-radius:999px;padding:3px 10px}body:has(#call:not([hidden])) .pdf-controls{z-index:30;background:var(--cr-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:none;border:0;border-radius:999px;gap:2px;padding:4px;position:absolute;bottom:46px;left:auto;right:14px;transform:none}body:has(#call:not([hidden])) .pdf-controls button{min-width:34px;height:34px;box-shadow:none;background:0 0;border:0;border-radius:999px;padding:0 10px}body:has(#call:not([hidden])) .pdf-controls button:hover{background:#ffffff17}body:has(#call:not([hidden])) .pdf-controls input{text-align:center;background:#ffffff12;border:0;border-radius:999px}@media (hover:hover){body:has(#call:not([hidden])) .pdf-controls{opacity:0;transition:opacity .2s}body:has(#call:not([hidden])) section.lesson:hover .pdf-controls{opacity:1}body:has(#call:not([hidden])) .pdf-controls:focus-within{opacity:1}}body:has(#call:not([hidden])) .rail{gap:12px}body:has(#call:not([hidden])) .video-tile{box-shadow:none;background:linear-gradient(160deg,#2a2a33,#18181e);border:0;border-radius:18px;overflow:hidden}body:has(#call:not([hidden])) .video-tile .video{background:0 0;border:0}body:has(#call:not([hidden])) .video-tile .video p{color:var(--cr-mut)}body:has(#call:not([hidden])) .video-tile:has(.join-overlay:not([hidden])) .video>p{visibility:hidden}body:has(#call:not([hidden])) .video-tile h2{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:0;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;bottom:10px;left:10px}body:has(#call:not([hidden])) .join-overlay{background:linear-gradient(180deg,var(--cr-gold),var(--cr-gold2));color:#2a1d05;border:0;border-radius:999px;padding:0 24px;font-weight:800;box-shadow:0 6px 20px #00000059}body:has(#call:not([hidden])) .tile-controls{gap:6px;top:auto;bottom:10px;right:10px}body:has(#call:not([hidden])) .tile-controls button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#00000080;border:0;border-radius:50%;width:34px;height:34px}body:has(#call:not([hidden])) .tile-controls button:hover{background:#000000b3}body:has(#call:not([hidden])) .video-spacer{background:0 0;border:0;min-height:0;padding:0}body:has(#call:not([hidden])) #call-device-settings{height:36px;color:var(--cr-mut);box-shadow:none;background:#ffffff0d;border:0;border-radius:999px;font-size:13px}body:has(#call:not([hidden])) #call-device-settings:hover{color:var(--cr-tx);background:#ffffff1a}body:has(#call:not([hidden])) #teaching-cues{background:var(--cr-panel);box-shadow:none;border:0;border-radius:18px;gap:6px;padding:10px}body:has(#call:not([hidden])) #teaching-cues button{white-space:nowrap;height:34px;box-shadow:none;background:#ffffff0f;border:0;border-radius:999px;flex:1;padding:0 8px;font-size:13px;font-weight:700}body:has(#call:not([hidden])) #teaching-cues button:hover{background:#ffffff1f}body:has(#call:not([hidden])) .chat-card{background:var(--cr-panel);box-shadow:none;border:0;border-radius:18px}body:has(#call:not([hidden])) .chat-heading{display:none}body:has(#call:not([hidden])) .chat-form{border-top:1px solid var(--cr-line);gap:6px;padding:10px}body:has(#call:not([hidden])) #chat-input{resize:none;background:#ffffff0d;border:0;border-radius:20px;height:42px;min-height:42px;padding:10px 14px}body:has(#call:not([hidden])) #chat-send{background:var(--cr-gold);color:#2a1d05;border:0;border-radius:50%;width:42px;min-width:42px;height:42px;padding:0;font-size:0}body:has(#call:not([hidden])) #chat-send:after{content:"↑";font-size:18px;font-weight:800}body:has(#call:not([hidden])) .chat-empty{color:var(--cr-mut);opacity:.7}body:has(#call:not([hidden])) .live-network-status{background:var(--cr-panel);width:auto;color:var(--cr-mut);border:0;border-radius:999px;padding:3px 12px;font-size:12px;bottom:10px;left:auto;right:12px}