:root{--am-accent:#b31317;--am-bg:#0b0c0f;--am-panel:#12141a;--am-text:#f8f8fa;--am-muted:#9fa4b0;--am-line:rgba(255,255,255,.10)}
.am-shell{--am-accent:var(--am-accent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--am-text);background:var(--am-bg);border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.25);max-width:1500px;margin:24px auto}.am-shell *{box-sizing:border-box}.am-login-shell{min-height:620px;display:grid;place-items:center;padding:44px;background:radial-gradient(circle at 15% 15%,rgba(179,19,23,.28),transparent 32%),linear-gradient(135deg,#08090b,#17191f)}.am-login-card{width:min(480px,100%);background:rgba(255,255,255,.06);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);padding:42px;border-radius:24px}.am-lock{width:52px;height:52px;border-radius:16px;background:var(--am-accent);display:grid;place-items:center;font-size:24px;margin-bottom:24px}.am-kicker,.am-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#ff6f73}.am-login-card h1{color:#fff!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.05!important;margin:10px 0!important}.am-date,.am-welcome,.am-privacy{color:#c8ccd5!important}.am-login-form{display:grid;gap:14px;margin-top:28px}.am-login-form label{font-size:13px;font-weight:700;color:#fff}.am-login-form input{display:block;width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.14)!important;background:#0d0f13!important;color:#fff!important;border-radius:12px!important;padding:14px 15px!important;outline:none}.am-login-form input:focus{border-color:#ff5b60!important;box-shadow:0 0 0 3px rgba(179,19,23,.18)}.am-login-form button,.am-primary{border:0!important;background:var(--am-accent)!important;color:#fff!important;font-weight:800!important;border-radius:12px!important;padding:14px 18px!important;cursor:pointer}.am-login-error{min-height:20px;color:#ff8f92;font-size:13px}.am-privacy{font-size:11px;margin-top:22px;border-top:1px solid var(--am-line);padding-top:18px}.am-topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--am-line);background:#0d0f13;gap:16px}.am-topbar>div{display:flex;align-items:center;gap:12px}.am-topbar strong{color:#fff}.am-live-dot{width:9px;height:9px;border-radius:50%;background:#ff3338;box-shadow:0 0 0 5px rgba(255,51,56,.12)}.am-role-pill{font-size:11px;font-weight:800;padding:6px 9px;background:rgba(255,255,255,.08);border-radius:999px}.am-top-actions a{color:#fff!important;text-decoration:none!important}.am-viewers{color:var(--am-muted);font-size:12px}.am-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;min-height:720px}.am-stage{padding:20px}.am-video-wrap{position:relative;background:#030405;border-radius:20px;overflow:hidden;aspect-ratio:16/9;border:1px solid rgba(255,255,255,.08)}.am-video-stage{width:100%;height:100%;display:grid;place-items:center}.am-video-stage video{width:100%;height:100%;object-fit:contain;background:#000}.am-stage-placeholder{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff}.am-stage-placeholder span{color:var(--am-muted)}.am-pulse{width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.14);position:relative}.am-pulse:after{content:"";position:absolute;inset:16px;border-radius:50%;background:var(--am-accent);box-shadow:0 0 45px rgba(179,19,23,.45)}.am-video-overlay{position:absolute;left:16px;right:16px;top:16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;text-shadow:0 2px 12px #000}.am-status{padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.55)}.am-status-live{background:#c51318}.am-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:14px 2px}.am-controls button{border:1px solid rgba(255,255,255,.12);background:#171920;color:#fff;padding:11px 14px;border-radius:10px;cursor:pointer}.am-conn-state{color:var(--am-muted);font-size:12px;margin-left:auto}.am-setup-warning{background:#fff3cd;color:#5d4908;border-radius:12px;padding:12px 14px;font-size:13px}.am-info{display:grid;grid-template-columns:260px 1fr;gap:30px;border-top:1px solid var(--am-line);margin-top:18px;padding-top:26px}.am-info h2{color:#fff!important;margin:5px 0!important;font-size:26px!important}.am-description,.am-description p{color:#c7cad1!important}.am-chat{border-left:1px solid var(--am-line);background:#101217;display:flex;flex-direction:column;min-width:0}.am-chat-head{height:78px;border-bottom:1px solid var(--am-line);padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.am-chat-head strong{display:block;color:#fff;margin-top:4px}.am-chat-count{font-size:11px;color:#9fa4b0}.am-chat-list{flex:1;overflow:auto;padding:16px;max-height:640px}.am-msg{position:relative;background:#171a20;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:11px 36px 11px 12px;margin-bottom:10px}.am-msg-teacher{border-color:rgba(255,77,82,.35);background:rgba(179,19,23,.12)}.am-msg-director{border-color:rgba(101,163,255,.35)}.am-msg-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#9298a5}.am-msg-meta strong{color:#fff}.am-msg-text{color:#e6e8ed;margin-top:5px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.am-msg-del{position:absolute;right:8px;top:8px;background:transparent;border:0;color:#888;font-size:18px;cursor:pointer}.am-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border-top:1px solid var(--am-line)}.am-chat-form input{min-width:0;border:1px solid rgba(255,255,255,.12)!important;background:#08090c!important;color:#fff!important;border-radius:12px!important;padding:12px!important}.am-chat-form button{border:0;background:var(--am-accent);color:#fff;font-weight:800;border-radius:12px;padding:0 16px;cursor:pointer}.am-notice{padding:20px;border:1px solid #ddd;background:#fff}.am-viewer-controls{justify-content:center}
@media(max-width:980px){.am-main-grid{grid-template-columns:1fr}.am-chat{border-left:0;border-top:1px solid var(--am-line)}.am-chat-list{min-height:360px;max-height:420px}.am-info{grid-template-columns:1fr}.am-stage{padding:12px}.am-shell{border-radius:0;margin:0}.am-topbar{height:auto;min-height:62px;padding:12px 14px;align-items:flex-start}.am-topbar>div{flex-wrap:wrap}.am-main-grid{min-height:0}}
@media(max-width:600px){.am-login-shell{padding:18px;min-height:100vh}.am-login-card{padding:26px 20px}.am-video-wrap{border-radius:14px}.am-controls{align-items:stretch}.am-controls button{flex:1}.am-conn-state{width:100%;text-align:center;margin:0}.am-chat-form{grid-template-columns:1fr}.am-chat-form button{padding:12px}.am-role-pill{display:none}}
.am-controls button:disabled{opacity:.45;cursor:not-allowed}.am-controls [data-am-action="go-live"]{box-shadow:0 0 0 4px rgba(179,19,23,.12)}.am-controls [data-am-action="stop-live"]{border-color:rgba(255,80,80,.25)}.am-stage-placeholder strong{max-width:80%;text-align:center}.am-stage-placeholder span{max-width:80%;text-align:center}.am-room[data-am-role="teacher"] .am-video-stage video{object-fit:cover}.am-room[data-am-role="director"] .am-video-stage video,.am-room[data-am-role="viewer"] .am-video-stage video{object-fit:contain}