*{box-sizing:border-box}html,body,#root{height:100%;height:100dvh;overflow:hidden;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background:linear-gradient(180deg,#2a1a4a,#1c1030 60%,#120a20)}.join-screen{height:100%;height:100dvh;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:20px}.join-card{width:100%;max-width:360px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.join-card h1{margin:0 0 6px;font-size:22px}.join-card p{color:#cbb9e8;font-size:13px}.join-card label{display:block;margin-top:14px;margin-bottom:6px;font-size:12px;color:#cbb9e8}.join-card input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#fff;font-size:14px}.btn-primary{margin-top:18px;width:100%;padding:12px;border-radius:24px;border:none;background:linear-gradient(90deg,#f7b733,#fc4a1a);color:#fff;font-weight:700;cursor:pointer}.hint{margin-top:14px;font-size:11px;color:#9d8cc2}.gender-toggle{display:flex;gap:8px}.gender-btn{flex:1;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:#cbb9e8;font-size:13px;cursor:pointer}.gender-btn.active{background:linear-gradient(90deg,#f7b733,#fc4a1a);color:#fff;border-color:transparent;font-weight:700}.live-room{height:100%;height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;overflow-y:auto;overscroll-behavior-y:contain}.center-message{height:100%;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;color:#cbb9e8}.center-message.error{color:#ffb0b0}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.top-bar-left{display:flex;align-items:center;gap:10px}.avatar-circle{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8a5cf6,#f472b6);display:flex;align-items:center;justify-content:center;font-weight:700}.avatar-ring{padding:2px;border-radius:50%;background:linear-gradient(135deg,#ffd36e,#ff7ab6)}.top-bar-names{display:flex;flex-direction:column}.host-name{font-weight:700;font-size:14px}.viewer-count{font-size:11px;color:#cbb9e8}.pill{font-size:11px;padding:4px 10px;border-radius:12px;background:#ffffff1a}.pill-owner{background:linear-gradient(90deg,#f7b733,#fc4a1a);font-weight:700}.audio-blocked-banner{display:block;width:calc(100% - 28px);margin:0 14px 10px;padding:8px 12px;border-radius:10px;border:none;background:#d63b3b;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.seat-grid{padding:0 14px;flex:0 0 auto}.matchmaker-panel-wrap{margin-bottom:12px}.matchmaker-panel-wrap .seat{width:100%;height:clamp(120px,25dvh,190px);border-radius:16px}.video-panels-row{display:flex;gap:12px;margin-bottom:14px}.female-panel-wrap,.male-panel-wrap{flex:1;min-width:0}.female-panel-wrap .seat,.male-panel-wrap .seat{width:100%;height:clamp(85px,18dvh,135px);border-radius:14px}.female-panel-wrap .seat-avatar{background:linear-gradient(135deg,#f472b6,#a83279)}.male-panel-wrap .seat-avatar{background:linear-gradient(135deg,#4facfe,#2b5cad)}.panel-badge{position:absolute;top:6px;left:6px;z-index:5;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:10px;background:#0000008c}.seat-video-panel.seat-empty:disabled{opacity:.45;cursor:not-allowed}.audio-panel{margin-bottom:4px}.audio-panel-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9d8cc2;margin-bottom:8px}.audio-seat-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.audio-seat-row .seat{width:74px;height:clamp(64px,13dvh,96px);flex:0 0 auto;border-radius:14px}.seat{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.seat-empty{background:#ffffff0a;border:1.5px dashed rgba(255,255,255,.25);color:#cbb9e8;cursor:pointer;gap:6px}.seat-plus{font-size:20px;line-height:1}.seat-label{font-size:10px;text-align:center;padding:0 4px}.seat-taken{background:#000}.seat-host-muted{outline:2px solid #ff5c5c}.seat-media{position:absolute;top:0;right:0;bottom:0;left:0}.seat-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;background:linear-gradient(135deg,#6d3fc0,#3a1e6d)}.seat-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:4px;padding:5px 6px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);font-size:11px}.seat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mic-icon.off{opacity:.6}.crown{font-size:11px}.seat-leave-btn{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:none;background:#00000080;color:#fff;cursor:pointer}.seat-menu-wrap{position:absolute;top:4px;right:4px}.seat-menu-btn{width:20px;height:20px;border-radius:50%;border:none;background:#00000080;color:#fff;cursor:pointer}.seat-menu{position:absolute;top:24px;right:0;background:#241a3a;border:1px solid rgba(255,255,255,.15);border-radius:8px;overflow:hidden;z-index:10;min-width:140px}.seat-menu button{display:block;width:100%;text-align:left;padding:8px 10px;background:none;border:none;color:#fff;font-size:12px;cursor:pointer}.seat-menu button:hover{background:#ffffff14}.seat-menu button.danger{color:#ff8080}.chat-panel{flex:1 1 96px;min-height:96px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px}.chat-line{font-size:13px;background:#ffffff0f;padding:8px 10px;border-radius:10px;max-width:90%}.chat-system{color:#cbb9e8;background:#ffffff0a}.bottom-controls{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#0000004d}.chat-input{flex:1;padding:10px 14px;border-radius:20px;border:none;background:#ffffff1f;color:#fff;font-size:13px}.ctrl-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1f;font-size:16px;cursor:pointer}.ctrl-btn.on{background:#6d3fc0}.ctrl-btn:disabled{opacity:.4;cursor:not-allowed}.ctrl-btn.leave{background:#d63b3b}