:root{color-scheme:dark;--gold:#f4c95d;--bg:#080808;--card:#151515;--line:#3c3219}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#2b210b,#080808 45%);color:#eee;font:16px system-ui,Segoe UI,sans-serif;min-height:100vh}header{height:72px;display:flex;align-items:center;gap:25px;padding:0 4vw;border-bottom:1px solid var(--line);background:#090909ee}.brand{color:var(--gold);text-decoration:none;display:flex;flex-direction:column;letter-spacing:.15em}.brand span{font-size:.72rem;color:#fff}nav{display:flex;gap:16px;margin-left:auto}a{color:var(--gold)}.badge{border:1px solid var(--gold);padding:6px 10px;border-radius:99px;color:var(--gold);font-size:.75rem}.card{background:#151515ee;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 18px 60px #0008}.auth{width:min(430px,92vw);margin:8vh auto}.auth h1{color:var(--gold)}form{display:grid;gap:12px}label{display:grid;gap:5px}input,button{font:inherit;border-radius:8px;border:1px solid #5b4b22;background:#0d0d0d;color:#fff;padding:10px}button{background:linear-gradient(#d6aa3c,#9d7116);color:#090909;font-weight:700;cursor:pointer}.tabs{display:flex;gap:8px;margin:15px 0}.chat{display:grid;grid-template-columns:250px minmax(320px,1fr) 260px;gap:16px;padding:16px;height:calc(100vh - 72px)}.room{display:grid;grid-template-rows:1fr auto;min-height:0}#messages{overflow:auto;display:flex;flex-direction:column;gap:8px}article{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;background:#0d0d0d;padding:10px;border-radius:9px}article em{color:#cf9fff}article small{color:#888}.user{display:flex;align-items:center;gap:6px;margin:7px 0}.user img{width:30px;height:30px;border-radius:50%;object-fit:cover}.user button{padding:5px 7px;background:#222}.player audio{width:100%}.player{display:flex;flex-direction:column;gap:15px}#send{grid-template-columns:auto 1fr auto;align-items:center}#whisper{cursor:pointer;color:var(--gold)}video{width:100%;margin-top:10px;border-radius:8px}.ok{color:#8f8}.error,#authMsg{color:#ff8080}@media(max-width:900px){.chat{grid-template-columns:1fr;height:auto}.room{min-height:65vh}nav{display:none}}