:root{--text:#2c2c34;--text-muted:#6b6375;--bg:#f7f6f9;--surface:#fff;--border:#e5e4e7;--accent:#7c3aed;--accent-bg:#7c3aed1a;--danger:#dc2626;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}h1,h2,h3{margin:0 0 12px;font-weight:600}a{color:var(--accent)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:380px;padding:32px}.auth-card form{text-align:left;flex-direction:column;gap:12px;margin-top:16px;display:flex}.tabs{gap:8px;margin-top:16px;display:flex}.tab{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex:1;padding:8px}.tab.active{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}label{flex-direction:column;gap:4px;font-size:14px;font-weight:500;display:flex}input,textarea,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:8px 10px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:8px 16px;font-weight:500}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;border:none;padding:4px 8px;font-weight:400;text-decoration:underline}button.link.danger,a.link.danger{color:var(--danger)}a.link{padding:4px 8px;font-size:14px;text-decoration:underline}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:24px;width:240px;padding:24px;display:flex}.sidebar .logo{font-size:18px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav a{color:var(--text);border-radius:6px;padding:8px 12px;text-decoration:none}.sidebar nav a.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.content{flex:1;max-width:760px;padding:32px}.room-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;margin-bottom:32px;padding:20px;display:flex}.form-row{gap:12px;display:flex}.form-row>label{flex:1}.rooms-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.rooms-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.room-card,.room-edit{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.room-card-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.room-card-header h3{margin:0 auto 0 0}.badge{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-block}.badge-live{color:var(--danger);background:#dc26261a}.badge-finished{color:var(--text-muted);background:#0000000f}.actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.room-edit{gap:12px}.viewer-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.viewer-page .auth-card{text-align:left}.viewer-page .auth-card h1{text-align:center}.room-view{gap:16px;min-height:100vh;padding:16px;display:flex}.room-main{flex-direction:column;flex:1;gap:12px;display:flex}.video-wrapper{background:#000;border-radius:8px;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.video-placeholder{color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.room-status-row{gap:8px;display:flex}.scenario-overlay{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.scenario-card{pointer-events:auto;background:#fffffff2;border-radius:8px;padding:12px 16px;box-shadow:0 4px 16px #0003}.scenario-banner{text-align:center;font-weight:500}.scenario-cta{justify-content:space-between;align-items:center;gap:12px;display:flex}.scenario-cta-button{background:var(--accent);color:#fff;white-space:nowrap;border-radius:6px;padding:8px 16px;font-weight:500;text-decoration:none}.scenario-poll ul{margin:8px 0 0;padding-left:20px}.chat-message.scripted{color:var(--accent)}.chat-pinned{border:1px solid var(--accent);background:var(--accent-bg);border-radius:6px;margin-bottom:8px;padding:8px}.chat-message.pinned{font-size:14px}.chat-notice{color:var(--danger);margin:0 0 8px;font-size:13px}.room-chat{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex-shrink:0;width:320px;padding:12px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:8px;min-height:200px;max-height:calc(100vh - 160px);margin-bottom:12px;display:flex;overflow-y:auto}.chat-message{word-break:break-word;font-size:14px}.chat-form{gap:8px;display:flex}.chat-form input{flex:1}@media (width<=800px){.admin-layout{flex-direction:column}.sidebar{flex-flow:wrap;align-items:center;width:auto}.sidebar-footer{border-top:none;flex-direction:row;margin-top:0;margin-left:auto;padding-top:0}.content{padding:16px}.room-view{flex-direction:column}.room-chat{width:100%}}