:root{--bg: #050611;--panel: #0d1020;--stroke: #5035bb;--stroke-soft: #7f67e6;--text: #eef0ff;--muted: #9fa5c8}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;background:radial-gradient(circle at 50% -10%,#11183e,#050611 55%);color:var(--text);font-family:Segoe UI,Tahoma,sans-serif}.no-select{-webkit-user-select:none;user-select:none}.landing-bg{min-height:100vh;display:grid;place-items:center;padding:32px;gap:24px}.landing-hero{text-align:center}.brand-title{font-size:clamp(64px,16vw,180px);line-height:1;color:transparent;-webkit-text-stroke:2px var(--stroke);text-shadow:0 0 20px rgba(80,53,187,.6);margin:0}.auth-card,.invite-card{width:min(460px,96vw);background:linear-gradient(180deg,#141729f2,#0a0c18f2);border:1px solid rgba(127,103,230,.25);border-radius:24px;padding:20px}.tab-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.tab,.menu-toggle,.primary{background:#111427;border:1px solid rgba(127,103,230,.3);color:var(--text);border-radius:999px;padding:10px 14px;cursor:pointer}.tab.active,.primary{background:linear-gradient(90deg,var(--stroke),var(--stroke-soft));border:none}.auth-form{display:grid;gap:12px}.auth-form label{font-size:14px;color:var(--muted);display:grid;gap:6px}.auth-form input,.auth-form select,.chat-controls input,.mic-box select{width:100%;background:#1b1f35;border:1px solid #2d3356;color:var(--text);border-radius:14px;padding:12px}.service-pass-hint{font-size:12px;color:var(--muted)}.error{color:#ff9ea7;font-size:13px}.room-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;padding:12px}.stream-panel{background:#070914;border:1px solid rgba(127,103,230,.2);border-radius:20px;padding:12px;position:relative}.stream-panel.expanded{padding:0;border-radius:0}.room-code-badge{position:absolute;left:16px;top:12px;z-index:5;background:#0a0c18cc;border:1px solid rgba(127,103,230,.3);border-radius:12px;padding:6px 10px;font-size:12px}.stream-video{width:100%;height:calc(100vh - 56px);object-fit:contain;background:#05060d;border-radius:14px}.expand-btn{position:absolute;right:14px;bottom:14px;border-radius:12px;border:0;background:#5035bbeb;color:#fff;padding:10px 12px;cursor:pointer}.side-panel{display:grid;grid-template-rows:auto auto minmax(140px,26vh) minmax(240px,1fr);gap:10px}.menu-box,.mic-box,.participants-box,.chat-box{background:var(--panel);border:1px solid rgba(127,103,230,.2);border-radius:16px;padding:10px}.menu-pop{margin-top:8px;display:grid;gap:6px}.menu-pop button{display:flex;align-items:center;gap:8px;background:#161c34;border:none;color:var(--text);border-radius:10px;padding:9px;cursor:pointer}.menu-pop .danger{background:#3b1822}.mic-box{display:grid;grid-template-columns:42px 1fr;gap:8px;align-items:center}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid #3a3f60;background:#2a2f45;color:var(--text);display:grid;place-items:center;cursor:pointer}.participants-box h3,.chat-box h3{margin:2px 0 8px;font-size:14px}.participants-scroll{overflow-y:auto;max-height:100%;display:grid;gap:8px}.participant-row{background:#161a2f;border-radius:10px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.participant-name{grid-column:1 / -1;font-size:13px;color:#dce0ff}.chat-box{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.messages{overflow-y:auto;display:grid;gap:8px;min-height:0}.message{background:#151a32;border-radius:10px;padding:8px;font-size:13px}.message img{margin-top:6px;width:100%;border-radius:10px;border:1px solid #2d3353}.chat-controls{display:grid;gap:8px;margin-top:8px}.chat-controls button{border:0;border-radius:12px;background:linear-gradient(90deg,var(--stroke),var(--stroke-soft));color:#fff;padding:10px;cursor:pointer}@media(max-width:1020px){.room-page{grid-template-columns:1fr}.stream-video{height:50vh}}