/* v009: common cinematic identity for real demo and homepage */
body{--bg:#060e20;--surface:#0d1b35;--surface2:#142a4b;--line:#29476b;--text:#f5f8ff;--muted:#b4c9e9;--accent:#3198ff;--accent2:#9564f7;--hero:#103b76;--glow:rgba(40,133,255,.31)}
body[data-theme=aurora]{--bg:#061923;--surface:#0c2d35;--surface2:#134c50;--line:#2f7478;--accent:#38dcc0;--accent2:#60a7ff;--hero:#126068;--glow:rgba(24,207,178,.25)}
body[data-theme=ember]{--bg:#201020;--surface:#311a35;--surface2:#492444;--line:#89506a;--accent:#ffa375;--accent2:#dd83ff;--hero:#612b55;--glow:rgba(251,136,146,.25)}
body[data-theme=daylight]{--bg:#edf3fb;--surface:#fff;--surface2:#e4edfc;--line:#adc3dd;--text:#142c47;--muted:#48617e;--accent:#145fba;--accent2:#744bc4;--hero:#c4dcfc;--glow:rgba(50,95,188,.17)}
body[data-theme=focus]{--bg:#171d25;--surface:#27323e;--surface2:#354455;--line:#68788a;--text:#f3f6fb;--muted:#d4e0ed;--accent:#b3e0e6;--accent2:#e4c8b1;--hero:#3d5566;--glow:rgba(169,214,220,.13)}
.shell-app{grid-template-columns:220px minmax(0,1fr)}
.sidebar{background:color-mix(in srgb,var(--bg) 92%,#000);border-color:var(--line);padding:25px 16px;gap:30px}
.logo{font-size:22px}.logo-sign{background:linear-gradient(145deg,var(--accent),var(--accent2));color:white;box-shadow:0 8px 25px var(--glow)}
.side-nav a{font-weight:620}.side-nav a.active{border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);background:color-mix(in srgb,var(--accent) 19%,var(--surface));color:var(--text)}
.side-note{background:linear-gradient(160deg,var(--surface2),var(--surface));position:relative;overflow:hidden;min-height:210px;padding-bottom:80px}
.side-note::after{content:'';position:absolute;bottom:0;left:0;right:0;height:115px;background:url('/assets/lab-explorers.webp') center 43%/cover no-repeat;mask-image:linear-gradient(transparent,#000 35%)}
.main{max-width:1750px;padding:32px clamp(16px,2vw,32px)}.top{margin-bottom:20px;flex-wrap:wrap}.top h1{font-size:clamp(26px,3vw,44px);letter-spacing:-1.5px;max-width:790px}
.top h1 em{color:var(--accent);text-shadow:0 0 25px var(--glow)}.demo-label{color:#75e9c0}
.hero{min-height:305px;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));background:linear-gradient(95deg,var(--surface) 12%,color-mix(in srgb,var(--hero) 90%,#000 10%));box-shadow:0 12px 55px #0004;margin-bottom:24px}
.cinematic-art{position:absolute;inset:0 0 0 36%;background:linear-gradient(90deg,var(--surface) 1%,transparent 50%),linear-gradient(0deg,var(--surface) 1%,transparent 50%),url('/assets/lab-atmosphere.webp') 60% 49%/cover no-repeat;opacity:.85;filter:var(--scene-filter,none)}
body[data-theme=aurora]{--scene-filter:hue-rotate(68deg)}body[data-theme=ember]{--scene-filter:hue-rotate(125deg) saturate(.92)}
.hero-art{display:none}.hero-copy{max-width:780px;padding:41px 36px}.hero h2{font-size:clamp(29px,3.5vw,50px);max-width:570px;text-shadow:0 2px 20px #0007}.hero p{max-width:530px;color:color-mix(in srgb,var(--text) 84%,var(--muted));font-size:15px}.hero-metadata span{background:#07152bb8;padding:8px 12px;border:1px solid #ffffff24;border-radius:20px;color:#fff}
.btn.primary{background:linear-gradient(105deg,var(--accent),color-mix(in srgb,var(--accent2) 45%,var(--accent)));color:#fff;box-shadow:0 10px 28px var(--glow)}
.workspace-heading{margin-bottom:14px}.workspace-heading h2{font-size:clamp(20px,2vw,30px)}
.teams{gap:13px}.team-card{border-color:color-mix(in srgb,var(--team) 65%,var(--line));background:linear-gradient(158deg,color-mix(in srgb,var(--team) 15%,var(--surface)),var(--surface));box-shadow:inset 0 0 20px color-mix(in srgb,var(--team) 6%,transparent);transition:transform .18s,box-shadow .18s,border-color .18s}
.team-card:hover,.team-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 35px #0006,inset 0 0 35px color-mix(in srgb,var(--team) 14%,transparent)}
.team-card.selected{box-shadow:0 0 0 1px var(--team),0 0 25px color-mix(in srgb,var(--team) 18%,transparent)}
.team-mark{background:color-mix(in srgb,var(--team) 25%,var(--surface))!important;color:var(--text)!important}
.workbench{grid-template-columns:minmax(0,1.66fr) minmax(280px,.75fr);gap:14px;align-items:start}
.chat-panel,.teacher-panel{background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface2) 50%,var(--bg)));box-shadow:0 12px 45px #0003;border:1px solid var(--line);border-radius:20px}
.chat-brow{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-bottom:1px solid var(--line);font-size:10px;font-weight:800;letter-spacing:1.1px;color:var(--accent)}.pulse{color:var(--muted)}.pulse i{display:inline-block;width:7px;height:7px;background:#46d5a4;border-radius:50%;margin-right:5px}
.chat-header{background:transparent}.chat-tag{background:var(--surface2);color:var(--muted)}
.mode-tabs .mode.active{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 24%,var(--surface)),color-mix(in srgb,var(--accent2) 20%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 75%,transparent),0 6px 20px var(--glow);color:var(--text)}
.chat-messages{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 38%,transparent));min-height:320px}
.teacher-panel{position:relative;overflow:hidden}.teacher-art{height:120px;margin:-16px -16px 18px;background:linear-gradient(0deg,var(--surface) 1%,transparent 90%),url('/assets/lab-atmosphere.webp') center 58%/cover;filter:var(--scene-filter,none)}
.teacher-header{position:relative}.teacher-mini{background:var(--surface2);border:1px solid var(--line)}
body[data-theme=daylight] .hero-metadata span{background:#132b47d9;color:#fff}
body[data-theme=daylight] .hero{color:#fff}body[data-theme=daylight] .hero-copy p{color:#e0ecfc}body[data-theme=daylight] .hero{background:#0e2c51}
body[data-theme=daylight] .cinematic-art{background-image:linear-gradient(90deg,#0e2c51 1%,transparent 70%),linear-gradient(0deg,#0e2c51 1%,transparent 60%),url('/assets/lab-atmosphere.webp')}
body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:1200px){.workbench{grid-template-columns:1fr}.teacher-art{height:90px}}
@media(max-width:850px){.shell-app{grid-template-columns:1fr}.sidebar{padding:12px 16px}.main{padding:16px 12px}.top h1{font-size:27px}.hero{min-height:270px}.hero-copy{padding:26px}.cinematic-art{inset:0 0 0 25%;opacity:.40}.teams{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-art{display:none}}
@media(max-width:550px){.hero{min-height:280px}.cinematic-art{inset:0 0 0 8%;opacity:.23}.hero h2{font-size:30px}.hero-copy{padding:24px}.chat-brow{padding:10px 13px}.team-card{min-height:150px}.top h1{font-size:24px}.top p{font-size:12px}.hero-metadata span{padding:7px 9px}.mode-tabs .mode{font-size:12px}}