:root{--cw-primary:#8a95fe;--cw-primary-hover:#6e77cb;--cw-secondary:#9370db;--cw-panel:#e6e6fa;--cw-panel-border:#b0c4de;--cw-ink:#3b2d58;--cw-navbar:#6a5acd;--cw-soft:#e8eaff;--cw-white:#fff;color:var(--cw-white);background:var(--cw-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #ffffff38, transparent 24rem), linear-gradient(150deg, var(--cw-primary), var(--cw-navbar));min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:var(--cw-white);background:var(--cw-navbar);cursor:pointer;border:0;border-radius:999px;padding:.8rem 1.1rem;font-weight:700}button:hover:not(:disabled){background:var(--cw-primary-hover)}button:disabled{cursor:not-allowed;opacity:.55}input{width:100%;color:var(--cw-white);background:#3b2d5842;border:1px solid #b0c4de8c;border-radius:.9rem;padding:.85rem 1rem}label{color:var(--cw-soft);gap:.45rem;font-weight:700;display:grid}h1,h2,p{margin-top:0}.eyebrow{color:var(--cw-soft);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:800}.muted,.empty{color:#ffffffd6}.login-page,.watch-page{min-height:100vh}.login-page{place-items:center;padding:1.25rem;display:grid}.login-card{background:#e6e6fa2e;border:1px solid #b0c4de80;border-radius:1.5rem;gap:1rem;width:min(100%,28rem);padding:2rem;display:grid;box-shadow:0 1.2rem 3rem #3b2d5847}.login-card h1{margin-bottom:0;font-size:clamp(2rem,8vw,3rem);line-height:1}.form-error{color:#fff0f3;margin-bottom:0}.watch-page{width:min(100%,86rem);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar-actions{align-items:center;gap:.7rem;display:flex}.topbar h1{margin-bottom:0}.ghost-button{color:var(--cw-white);background:#3b2d5857}.admin-card{background:#e6e6fa33;border:1px solid #b0c4de80;border-radius:.9rem;gap:.4rem;min-width:11rem;padding:.65rem .75rem;display:grid}.admin-card .eyebrow{margin-bottom:0}.admin-card .ghost-button{width:100%}.admin-message{color:var(--cw-soft);margin-bottom:0;font-size:.85rem}.watch-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);align-items:start;gap:1rem;display:grid}.player-card,.chat-card{background:#e6e6fa33;border:1px solid #b0c4de75;border-radius:1.25rem;box-shadow:0 1.2rem 3rem #3b2d582e}.player-frame{background:var(--cw-ink);aspect-ratio:16/9;border-radius:1.25rem;position:relative;overflow:hidden}.player-frame video{background:var(--cw-ink);width:100%;height:100%;display:block}.player-overlay{text-align:center;background:#3b2d58b3;place-content:center;gap:.8rem;padding:2rem;display:grid;position:absolute;inset:0}.player-overlay p{margin-bottom:0}.chat-card{grid-template-rows:auto minmax(0,1fr) auto;height:clamp(32rem,72vh,42rem);min-height:32rem;display:grid;overflow:hidden}.chat-header,.chat-form{padding:1rem}.chat-header{border-bottom:1px solid #b0c4de4d;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chat-header h2{margin-bottom:0}.status-pill{color:#fff0f3;background:#6a5acd61;border-radius:999px;padding:.25rem .65rem;font-size:.78rem;font-weight:800}.status-pill.connected{color:var(--cw-white);background:#9370db80}.message-list{min-height:0;padding:1rem;overflow-y:auto}.message{margin-bottom:1rem}.message-meta{color:var(--cw-white);justify-content:space-between;gap:.75rem;font-size:.88rem;display:flex}.message-meta time{color:var(--cw-soft)}.message p{overflow-wrap:anywhere;margin-bottom:0}.chat-form{border-top:1px solid #b0c4de4d;gap:.6rem;display:flex}.chat-form button{flex:none}@media (width<=900px){.topbar{align-items:flex-start}.topbar-actions{flex-direction:column;align-items:stretch;width:100%}.watch-grid{grid-template-columns:1fr}.chat-card{height:clamp(26rem,65vh,34rem);min-height:26rem}}