@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap";:root{color:#11253f;background-color:#ecf2fa;font-family:Manrope,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at 8% -12%,rgba(59,130,246,.34),transparent 34%),radial-gradient(circle at 96% 4%,rgba(34,211,238,.22),transparent 38%),linear-gradient(180deg,#f0f6ff,#e7eef8);color:#11253f}h1,h2,h3,h4{font-family:Space Grotesk,Manrope,Segoe UI,sans-serif;letter-spacing:-.02em}a{color:inherit;text-decoration:none}::selection{background:#2563eb38;color:#0b1e37}.session-container{position:relative;min-height:100vh;padding:clamp(.85rem,2.8vw,1.5rem);display:flex;flex-direction:column;gap:.95rem;color:#13253f}.session-container:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% -8%,rgba(37,99,235,.3),transparent 30%),radial-gradient(circle at 92% 2%,rgba(6,182,212,.25),transparent 34%),linear-gradient(180deg,#eff5ff,#e7effa)}.session-container>*{position:relative;z-index:1}.session-header{text-align:center}.session-header h1{margin:0;color:#0f2a4b;font-size:clamp(1.55rem,4vw,2rem);font-weight:700;line-height:1.15}.session-subtitle{margin:.65rem 0 0;color:#4a617d;font-size:.92rem}.error-banner{border:1px solid #fecaca;background:linear-gradient(145deg,#fef2f2fa,#fee2e2eb);border-radius:14px;padding:.8rem 1rem;color:#991b1b;font-weight:500;box-shadow:0 10px 24px -18px #7f1d1d8c;animation:slideDown .22s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-container{position:relative;width:100%;max-width:980px;margin:0 auto;border-radius:22px;overflow:hidden;border:1px solid rgba(148,163,184,.4);background:#0a1320;box-shadow:0 28px 58px -34px #0f172ab8,0 12px 26px -18px #0f172a73}.video-preview{width:100%;aspect-ratio:16 / 9;height:auto;display:block;background:#000;object-fit:cover}.video-overlay{position:absolute;inset:0;pointer-events:none}.connected-badge{position:absolute;top:.9rem;right:.9rem;background:#080f1fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.45rem .8rem;border-radius:999px;color:#fff;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:.4rem}.connected-badge--connected{background:#080f1fb8}.connected-badge--stopped{background:#475569c7}.connected-badge--error{background:#991b1bd1}.pulse-dot{width:.52rem;height:.52rem;background:#10b981;border-radius:50%;box-shadow:0 0 #10b98199;animation:pulse 1.8s ease-in-out infinite}.pulse-dot--connected{background:#10b981}.pulse-dot--stopped{background:#f59e0b;box-shadow:0 0 #f59e0b8c;animation:none}.pulse-dot--error{background:#ef4444;box-shadow:0 0 #ef44448c;animation:none}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10b9818c}50%{opacity:.5;transform:scale(1.2);box-shadow:0 0 0 8px #10b98100}}.student-panel{border-radius:18px;border:1px solid rgba(148,163,184,.4);background:#ffffffd6;padding:1rem;box-shadow:0 16px 38px -30px #0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.student-panel h3{margin:0 0 .75rem;font-size:1rem;color:#1e3656;letter-spacing:.01em}.student-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.student-item{display:flex;flex-direction:column;gap:.3rem;border-radius:12px;border:1px solid rgba(226,232,240,.95);background:#ffffffc7;padding:.7rem}.student-label{font-size:.67rem;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.07em}.student-value{font-size:.84rem;font-weight:700;color:#1e3656;letter-spacing:.02em}.instructions{border-radius:18px;border:1px solid rgba(148,163,184,.4);background:#ffffffd6;padding:1rem;box-shadow:0 16px 38px -30px #0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.instructions h3{margin:0 0 .7rem;font-size:1rem;color:#1e3656}.instructions ul{margin:0;padding-left:1.15rem;color:#3f5975;line-height:1.7;font-size:.89rem}.instructions li{margin-bottom:.45rem}@media(min-width:1160px){.session-container{max-width:1160px;margin:0 auto}}@media(max-width:768px){.session-container{gap:.8rem}.session-header h1{font-size:1.45rem}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.student-grid{grid-template-columns:1fr}}#root{width:100%;min-height:100vh}.live-home{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:clamp(1rem,4vw,2.5rem)}.live-home__orb{position:absolute;border-radius:999px;filter:blur(60px);pointer-events:none}.live-home__orb--one{width:min(46vw,540px);height:min(46vw,540px);top:-18%;left:-8%;background:radial-gradient(circle at 35% 35%,#60a5fa5c,#3b82f600)}.live-home__orb--two{width:min(40vw,500px);height:min(40vw,500px);top:-20%;right:-6%;background:radial-gradient(circle at 45% 45%,#22d3ee47,#10b98100)}.live-home__orb--three{width:min(42vw,530px);height:min(42vw,530px);bottom:-20%;left:18%;background:radial-gradient(circle at 50% 50%,#6366f13d,#2563eb00)}.live-home__card{position:relative;z-index:1;width:min(100%,760px);border-radius:28px;border:1px solid rgba(148,163,184,.35);background:linear-gradient(145deg,#fffc,#f0f7ffa6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 28px 60px -34px #0f172a8c,inset 0 1px #ffffffbf;padding:clamp(1.5rem,3vw,2.6rem);text-align:center}.live-home__pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#ffffffd1;color:#1e40af;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:.45rem .85rem}.live-home__title{margin:1rem 0 0;color:#0f2642;font-size:clamp(2rem,6vw,3.45rem);font-weight:700;line-height:1.04}.live-home__subtitle{margin:.8rem auto 0;max-width:560px;color:#39506c;font-size:clamp(1rem,2.7vw,1.2rem);line-height:1.6}.live-home__meta{margin-top:1.35rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.live-home__meta span{border-radius:999px;border:1px solid rgba(148,163,184,.45);background:#ffffffc7;color:#334e68;font-size:.82rem;font-weight:600;padding:.42rem .72rem}@media(max-width:640px){.live-home__card{border-radius:22px;text-align:left}.live-home__meta{justify-content:flex-start}}