.cls-pulse{width:8px;height:8px;border-radius:50%;background:var(--acc);animation:cls-pulse-beat 1.6s ease-in-out infinite}@keyframes cls-pulse-beat{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.cls-namecard{max-width:520px;margin:32px auto 0;padding:22px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 24px 60px -40px #16181d47}.cls-howit{margin:0 0 10px;font:600 12px var(--font-display);letter-spacing:.02em;color:var(--acc-ink)}.cls-name-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line2)}.cls-name-row:last-child{border-bottom:none}.cls-name-row--fixed{color:var(--soft)}.cls-name-fixed{display:flex;flex-direction:column}.cls-name-fixed small{color:var(--faint);font-size:11.5px}.cls-name-meta{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.cls-name-meta small{color:var(--faint);font-size:11.5px}.cls-name-input{font:600 14px var(--font-body);padding:7px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);width:100%;max-width:220px}.cls-name-input:focus{outline:2px solid var(--acc);outline-offset:1px}.cls-msg--buffy,.cls-av-letter--buffy,.cls-seat--buffy{--p:#DB8A1F}.cls-msg--shy,.cls-av-letter--shy,.cls-seat--shy{--p:#1F9D6B}.cls-msg--outgoing,.cls-av-letter--outgoing,.cls-seat--outgoing{--p:#4F7DF0}.cls-msg--studious,.cls-av-letter--studious,.cls-seat--studious{--p:#7C5CDC}.cls-msg--wildcard,.cls-av-letter--wildcard,.cls-seat--wildcard{--p:#D6477E}.cls-msg--student,.cls-av-letter--student,.cls-seat--student{--p:#16181D}.cls-av-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}.cls-av-img--sm{width:22px;height:22px}.cls-av-letter{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;font:700 14px var(--font-display);flex:none;color:#fff;background:var(--p,var(--acc));box-shadow:0 2px 8px -2px color-mix(in srgb,var(--p,var(--acc)) 55%,transparent)}.cls-stage{margin-top:18px;padding:15px 18px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--acc-bg) 35%,var(--card)) 0%,var(--card) 62%);box-shadow:0 22px 54px -40px #16181d66}.cls-stage-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cls-stage-eyebrow{font:600 11px var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.cls-stage-live{display:inline-flex;align-items:center;gap:6px;font:600 10.5px var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink)}.cls-cast{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-start;justify-content:center}.cls-seat{display:flex;flex-direction:column;align-items:center;gap:7px;width:66px;text-align:center;opacity:.45;filter:saturate(.55);transition:opacity .25s ease,transform .25s ease,filter .25s ease}.cls-seat .cls-av-letter,.cls-seat .cls-av-img{width:46px;height:46px;font-size:18px}.cls-seat-name{font:600 11.5px var(--font-display);color:var(--soft);max-width:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cls-seat--active{opacity:1;filter:none;transform:translateY(-3px)}.cls-seat--active .cls-seat-name{color:var(--p,var(--acc-ink));font-weight:700}.cls-seat--active .cls-av-letter{box-shadow:0 0 0 3px var(--card),0 0 0 6px color-mix(in srgb,var(--p,var(--acc)) 45%,transparent)}.cls-seat--active .cls-av-img{box-shadow:0 0 0 3px var(--card),0 0 0 6px color-mix(in srgb,#DB8A1F 55%,transparent)}.cls-transcript{margin-top:14px;display:flex;flex-direction:column;gap:14px;min-height:120px}.cls-msg{display:flex;gap:11px;max-width:92%}.cls-msg--student{flex-direction:row-reverse;margin-left:auto}.cls-msg-avatar{flex:none;margin-top:2px}.cls-msg--teacher .cls-av-img{box-shadow:0 0 0 2px var(--card),0 0 0 4px color-mix(in srgb,#DB8A1F 60%,transparent)}.cls-msg-body{display:flex;flex-direction:column;gap:3px;min-width:0}.cls-msg-name{font:700 12px var(--font-display);letter-spacing:.01em;color:var(--p,var(--faint))}.cls-msg--student .cls-msg-name{text-align:right}.cls-msg-text{font-size:14px;line-height:1.6;color:var(--ink);background:color-mix(in srgb,var(--p,var(--acc)) 6%,var(--card));border:1px solid color-mix(in srgb,var(--p,var(--line)) 30%,var(--line));border-radius:var(--radius);padding:11px 15px}.cls-msg--student .cls-msg-text{background:var(--ink);color:#fff;border-color:var(--ink)}.cls-msg--student .cls-msg-name{color:var(--ink)}.cls-msg--live .cls-msg-text{box-shadow:0 0 0 3px color-mix(in srgb,var(--p,var(--acc)) 13%,transparent)}.cls-pause-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:1.5px solid var(--acc);border-radius:var(--radius);background:var(--acc-bg);color:var(--acc-ink);font:600 13.5px var(--font-body)}.cls-interject-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);max-width:820px;margin:0 auto}.cls-interject-input{flex:1;font:500 14px var(--font-body);padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink)}.cls-interject-input:focus{outline:2px solid var(--acc);outline-offset:1px}.cls-interject-send{flex:none;width:40px;height:40px;border-radius:var(--radius-sm);border:none;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(prefers-reduced-motion:reduce){.cls-pulse{animation:none;opacity:.8}}