:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#fff;border-radius:16px;width:min(520px,100%);padding:22px;box-shadow:0 22px 70px #0f172a24}.authHeader,.brandMark,.connection,.panelTitle,.headerStat,.testButton,.actionGrid button,.tab,.profileActions button{align-items:center;gap:10px;display:inline-flex}.authHeader strong,.brandMark strong{display:block}.authHeader span,.brandMark span,.commentMeta span,.voiceName,.eyebrow{font-size:.82rem}.authTabs,.tabBar{gap:10px;margin:16px 0;display:flex}.tab{background:#e2e8f0;border:0;border-radius:999px;min-height:40px;padding:0 14px;font-weight:800}.tab.active{color:#fff;background:#ee4d2d}.stackFields{gap:10px;display:grid}.stackFields input,.fieldRow select,.voicePanel select,.stackFields select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;height:46px;padding:0 12px}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.primaryBtn,.secondaryBtn,.toggle,.testButton{border:0;border-radius:10px;min-height:44px;padding:0 12px;font-weight:800}.primaryBtn{color:#fff;background:#ee4d2d}.secondaryBtn{color:#172033;background:#e2e8f0}.authHint{color:#475569;margin:10px 0 0;line-height:1.5}.shell{width:min(1440px,100%);margin:0 auto;padding:18px}.heroBand{color:#fff;background-color:#0000;background-image:linear-gradient(135deg,#ee4d2df5,#172033eb),url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:18px;min-height:520px;overflow:hidden;box-shadow:0 24px 70px #1f29372e}.topbar{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.brandMark strong{font-size:1rem}.brandMark span{color:#ffffffb8}.connection{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;padding:8px 12px}.connection.online{color:#d1fae5}.connection.offline{color:#fee2e2}.tabBar{padding:0 22px 12px}.heroGrid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:22px;padding:22px;display:grid}.livePreview{background:#111827;border-radius:16px;min-height:420px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.previewFallback{background:radial-gradient(circle at 25% 20%,#14b8a652,#0000 28%),radial-gradient(circle at 80% 70%,#ee4d2d5c,#0000 32%),linear-gradient(135deg,#0f172a,#18223a 58%,#3b1720);place-items:center;width:100%;height:100%;min-height:420px;display:grid}.broadcastRing{background:#ffffff1c;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 0 0 18px #ffffff0a}.previewOverlay{background:linear-gradient(#0000,#000000c2);padding:28px;position:absolute;inset:auto 0 0}.previewOverlay h1{max-width:780px;margin:14px 0 8px;font-size:clamp(2rem,5vw,4.5rem);line-height:.98}.previewOverlay p{color:#ffffffc2;margin:0}.livePill{border-radius:999px;align-items:center;min-height:30px;padding:6px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.statusLive{background:#ef4444}.statusEnded{color:#172033;background:#cbd5e1}.statusIdle{color:#172033;background:#facc15}.controlPanel,.commentsPanel,.readerPanel{color:#172033;background:#fffffff0;border:1px solid #94a3b847;border-radius:14px;box-shadow:0 18px 60px #0f172a24}.controlPanel{align-self:start;padding:18px}.fieldRow{gap:8px;margin-bottom:12px;display:grid}.profileList{gap:10px;margin-top:8px;display:grid}.profileCard{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.profileCard.active{background:#fff7ed;border-color:#ee4d2d80}.profileCard strong,.profileCard span{display:block}.profileCard span{color:#64748b;font-size:.82rem}.profileActions{gap:8px;display:flex}.profileActions button{color:#172033;background:#e2e8f0;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid}.switchLine{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 16px;display:grid}.toggle{color:#475569;background:#e2e8f0;justify-content:center}.toggle.active{color:#073b3a;background:#99f6e4}.toggle.voice.active{color:#fff;background:#ee4d2d}.voicePanel{border-top:1px solid #e2e8f0;gap:14px;padding-top:16px;display:grid}.rangeGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rangeGrid input{accent-color:#ee4d2d;width:100%}.checkboxLine{align-items:center;gap:10px;display:flex}.checkboxLine input{accent-color:#ee4d2d;width:18px;height:18px}.voiceName{color:#0f766e;align-items:center;min-height:32px;font-weight:700;display:flex}.successBanner,.errorBanner{border-radius:10px;margin:18px 0 0;padding:12px 14px}.successBanner{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.errorBanner{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.metricsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.metricTile{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-content:space-between;min-height:120px;padding:16px;display:grid;box-shadow:0 10px 28px #0f172a14}.metricTile span{color:#64748b;font-size:.86rem;font-weight:700}.metricTile strong{overflow-wrap:anywhere;font-size:clamp(1.25rem,1.7vw,1.8rem);line-height:1.08}.workGrid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.commentsPanel,.readerPanel{padding:18px}.sectionHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.sectionHeader h2{margin:2px 0 0;font-size:1.28rem}.eyebrow{color:#ee4d2d;text-transform:uppercase;font-weight:900}.headerStat,.queueBadge{color:#0f766e;background:#ccfbf1;border-radius:999px;min-height:34px;padding:7px 11px;font-weight:900}.queueBadge{place-items:center;min-width:38px;display:grid}.commentList{gap:10px;max-height:680px;padding-right:4px;display:grid;overflow:auto}.commentRow{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:42px 1fr;gap:12px;padding:12px;display:grid}.commentNew{background:#fff7ed;border-color:#ee4d2d73}.avatar,.readerAvatar{color:#fff;background:linear-gradient(135deg,#ee4d2d,#0ea5a4);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.commentMeta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.commentMeta strong,.commentMeta span{overflow-wrap:anywhere}.commentMeta span{color:#64748b;white-space:nowrap}.commentBody p{color:#334155;overflow-wrap:anywhere;margin:0;line-height:1.45}.readerPanel{align-self:start;position:sticky;top:18px}.nowReading{color:#fff;background:linear-gradient(135deg,#111827,#174e5a);border-radius:12px;justify-items:start;gap:10px;min-height:220px;padding:18px;display:grid}.nowReading.muted{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.nowReading strong{font-size:1.1rem}.nowReading p{overflow-wrap:anywhere;margin:0;line-height:1.55}.nowReading span{color:#ffffffa6}.testButton{color:#fff;background:#172033;justify-content:center;width:100%;margin-top:14px}.emptyState{color:#64748b;border:1px dashed #cbd5e1;border-radius:12px;align-content:center;place-items:center;gap:10px;min-height:160px;display:grid}@media (width<=1120px){.heroGrid,.workGrid{grid-template-columns:1fr}.metricsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.readerPanel{position:static}}@media (width<=720px){.shell{padding:10px}.heroBand{border-radius:12px}.topbar,.heroGrid{padding:14px}.topbar,.sectionHeader,.commentMeta{flex-direction:column;align-items:flex-start}.connection{justify-content:center;align-self:stretch}.switchLine,.rangeGrid,.metricsGrid,.actionGrid{grid-template-columns:1fr}}