:root{color-scheme:dark;--bg:#131a17;--panel:#1c2520;--border:#354137;--text:#f0eddf;--muted:#a5b0a4;--accent:#c5d994}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 0,#2c3c2b 0,transparent 55%),var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;min-height:100vh}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);background:#2a362d;color:var(--text);padding:12px 16px;border-radius:10px;cursor:pointer}button:hover{filter:brightness(1.14)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header,main,footer{max-width:1180px;margin:auto}header{padding:30px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--accent);font-size:38px;font-weight:800;letter-spacing:-3px}.brand span{color:var(--text);font-size:21px;letter-spacing:0}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.badge{border:1px solid var(--border);border-radius:30px;padding:7px 12px;font-size:12px;color:var(--accent)}main{padding:40px 24px;min-height:75vh}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:24px}.login{max-width:460px;margin:15px auto;padding:36px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:600}h1{font-size:38px;line-height:1.12;letter-spacing:-1.4px;margin:14px 0 24px}.login h1{font-size:48px}.login p{color:var(--muted);line-height:1.7;margin-bottom:28px}label{display:block;font-size:13px;margin-bottom:18px}input,textarea{display:block;width:100%;margin-top:8px;padding:13px;background:#141d18;border:1px solid var(--border);border-radius:9px;color:var(--text)}.primary{background:var(--accent);border-color:var(--accent);color:#202b1b;font-weight:650}.login button{width:100%;display:flex;justify-content:space-between}.room-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-heading h1{margin-bottom:0}.dot{font-size:13px;color:var(--accent);margin-left:15px;vertical-align:middle}.quiet{background:transparent;font-size:12px}.layout{display:grid;grid-template-columns:340px 1fr;gap:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:16px;margin:0}.muted{color:var(--muted);font-size:13px}.hash{color:var(--accent);margin-right:6px}#people{list-style:none;padding:12px 0;margin:0;min-height:190px}#people li{display:flex;align-items:center;gap:12px;padding:12px 0}.avatar{display:grid;place-items:center;background:#344331;border:2px solid transparent;border-radius:50%;width:42px;height:42px;color:var(--accent);font-weight:600;flex-shrink:0}.speaking .avatar{border-color:var(--accent);box-shadow:0 0 12px #c5d99440}.person-name{font-size:14px;overflow-wrap:anywhere}.person-state{color:var(--muted);font-size:11px;margin-top:4px}.controls{display:grid;gap:9px}.danger{background:transparent;color:#e8aaa3}.hint{font-size:12px;line-height:1.6;color:var(--muted)}.chat{display:flex;flex-direction:column;min-width:0;height:550px}.chat>.section-title{padding-bottom:18px;border-bottom:1px solid var(--border)}#messages{flex:1;overflow-y:auto;padding:20px 3px;scrollbar-width:thin}.message{margin-bottom:21px}.message-head{font-size:13px;font-weight:600;color:var(--accent)}.message time{font-size:11px;color:var(--muted);margin-left:10px;font-weight:400}.message p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:6px 0}.empty{color:var(--muted);text-align:center;padding:55px 10px;line-height:1.8}#chatForm{display:flex;gap:10px;align-items:stretch}textarea{resize:none;margin:0}#send{font-size:24px;padding:8px 18px}.chat-note{font-size:10px;color:var(--muted);margin-top:10px}.screen{margin-top:20px}.screen video{width:100%;max-height:70vh;background:#0b0e0c;margin-top:18px;border-radius:10px}#notice{background:#483b29;border:1px solid #8c754a;padding:14px 18px;border-radius:10px;font-size:14px;line-height:1.6}footer{padding:24px;color:var(--muted);font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between;border-top:1px solid var(--border)}footer span{letter-spacing:0;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){header{padding:20px}.badge{font-size:10px}main{padding:26px 16px}.layout{grid-template-columns:1fr}.card{padding:20px}.chat{height:480px}.login{padding:28px}.room-heading{align-items:flex-start;gap:12px}.room-heading h1{font-size:31px}#people{min-height:0}.quiet{max-width:110px}footer{gap:15px}.brand small{font-size:10px}}