:root{--vc-bg: #161f29;--vc-panel: #222e3c;--vc-panel-2: #2f3b49;--vc-border: #3a4757;--vc-text: #e0ecf6;--vc-dim: #8ab2c1;--vc-accent: #28aad1;--vc-accent-hover: #2bb7e1;--vc-link: #4a84b5;--vc-go: #5bc128;--vc-go-hover: #5fcc28}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--vc-bg);color:var(--vc-text);font-family:Verdana,Segoe UI,system-ui,sans-serif;font-size:13px}.vc-root{display:flex;flex-direction:column;height:100%}.vc-header{position:relative;display:flex;align-items:center;justify-content:flex-end;padding:6px 14px 4px 300px;min-height:64px;background:linear-gradient(180deg,#1b2735,#161f29);border-bottom:2px solid var(--vc-accent);overflow:visible;z-index:5}.vc-brand{position:absolute;left:6px;top:2px;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}.vc-logo-icon{position:absolute;left:0;top:0;height:84px;width:auto}.vc-logo-word{position:absolute;left:74px;top:10px;height:72px;width:auto}.vc-conn{font-size:11px;text-transform:uppercase;padding:2px 8px;border-radius:10px}.vc-conn-open{background:#1c5e2a;color:#b8f5c4}.vc-conn-connecting{background:#5e521c;color:#f5ecb8}.vc-conn-closed,.vc-conn-error{background:#5e1c1c;color:#f5c4c4}.vc-warn{background:#4a2020;color:#ffd7d7;padding:8px 14px;border-bottom:1px solid var(--vc-border)}.vc-notice{background:#3a3420;color:#f5ecc4;padding:8px 14px;border-bottom:1px solid var(--vc-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.vc-notice-x{background:none;border:none;color:#f5ecc4;cursor:pointer;font-size:13px}.vc-body{display:flex;flex:1;min-height:0}.vc-left{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.vc-right{width:240px;flex-shrink:0;padding:12px;background:var(--vc-panel);border-left:1px solid var(--vc-border);display:flex;flex-direction:column;gap:8px;overflow:auto}.vc-watch-hint{margin-top:auto;font-size:10px;color:var(--vc-dim);padding-top:8px;border-top:1px solid var(--vc-border)}.vc-me{font-size:12px;color:var(--vc-dim);padding-bottom:6px;border-bottom:1px solid var(--vc-border)}.vc-roster-title{font-size:11px;text-transform:uppercase;color:var(--vc-dim)}.vc-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.vc-roster-row{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px}.vc-roster-row:hover{background:#232a3c}.vc-roster-name{font-weight:700;flex:1}.vc-cam-on{color:var(--vc-go);font-size:10px}.vc-header-right{display:flex;align-items:center;gap:10px}.vc-btn{border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:700;cursor:pointer;color:#fff}.vc-btn-go{background:var(--vc-go)}.vc-btn-go:hover{background:var(--vc-go-hover)}.vc-btn-stop{background:var(--vc-accent)}.vc-btn-stop:hover{background:var(--vc-accent-hover)}.vc-video{position:relative;flex:1 1 55%;min-height:0;padding:12px}.vc-grid4{height:100%;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.vc-sq{position:relative;background:#000;border:1px solid var(--vc-border);border-radius:6px;overflow:hidden;min-height:0}.vc-sq-max{grid-column:1 / -1;grid-row:1 / -1}.vc-sq-hidden{display:none}.vc-sq-empty{position:relative;display:flex;align-items:center;justify-content:center;color:var(--vc-dim);border-style:dashed;font-size:11px;text-transform:uppercase;letter-spacing:1px}.vc-sq-empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/vidchat/app/legacy/ffr-watermark.png) center / 90px auto no-repeat;opacity:.06;pointer-events:none}.vc-sq-canvas{width:100%;height:100%;object-fit:cover;display:block;background:#000}.vc-sq-stats{position:absolute;top:4px;left:4px;display:flex;gap:5px;font-size:11px;z-index:2}.vc-sq-stats span{background:#0000008c;padding:1px 6px;border-radius:10px;line-height:1.4}.vc-multi{color:#ffd86b}.vc-pet{font-size:13px}.vc-sq-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1.2s ease;display:flex;align-items:center;justify-content:center;z-index:1}.vc-sq-fade.on{opacity:1;pointer-events:auto}.vc-away-label{color:var(--vc-dim);font-size:12px;letter-spacing:1px;text-transform:uppercase}.vc-sq-controls{position:absolute;top:4px;right:4px;display:flex;gap:4px;z-index:3}.vc-sq-starred{border-color:#ffd54a;box-shadow:0 0 14px #ffd54ab3}.vc-star{position:absolute;top:50%;left:50%;z-index:4;font-size:64px;transform:translate(-50%,-50%);pointer-events:none;animation:vc-star-pop 6s ease-out forwards;filter:drop-shadow(0 0 10px rgba(255,213,74,.9))}@keyframes vc-star-pop{0%{transform:translate(-50%,-50%) scale(0) rotate(-30deg);opacity:0}12%{transform:translate(-50%,-50%) scale(1.4) rotate(10deg);opacity:1}25%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}80%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(.7) rotate(0);opacity:0}}.vc-ticker{position:absolute;bottom:0;left:0;right:0;height:20px;overflow:hidden;background:#0009;z-index:2;white-space:nowrap}.vc-ticker-text{position:absolute;left:0;top:0;line-height:20px;font-size:11px;font-weight:700;padding-left:100%;will-change:transform;animation:vc-ticker-scroll 18s linear infinite}@keyframes vc-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.vc-selfpip{position:absolute;right:18px;bottom:22px;width:132px;height:99px;border:2px solid var(--vc-go);border-radius:6px;overflow:hidden;background:#000;box-shadow:0 2px 8px #00000080}.vc-selfpip-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.vc-selfpip-label{position:absolute;bottom:2px;left:5px;font-size:10px;background:#00000080;padding:0 4px;border-radius:3px}.vc-icon-btn{position:relative;background:#ffffff1f;border:none;border-radius:3px;cursor:pointer;font-size:12px;line-height:1;padding:2px 5px;color:#fff}.vc-icon-btn:hover{background:#ffffff38}.vc-icon-btn.off{opacity:.55}.vc-icon-btn.active{background:var(--vc-accent)}.vc-icon-btn.off:after{content:"";position:absolute;left:1px;right:1px;top:50%;height:2px;background:var(--vc-accent);transform:rotate(-20deg);box-shadow:0 0 0 1px #0006}.vc-roster-ctrls{display:flex;gap:3px;flex-shrink:0}.vc-rec-btn{background:#2b3346;color:#f5c4c4;border:none;border-radius:3px;font-size:10px;padding:2px 6px;cursor:pointer}.vc-rec-btn:hover{background:#3a455e}.vc-rec-on{background:var(--vc-accent);color:#fff}.vc-chat{display:flex;flex-direction:column;flex:1 1 45%;min-height:0;border-top:2px solid var(--vc-border);padding:10px 14px;background:#141925}.vc-chat-log{flex:1;overflow-y:auto;font-size:12px;display:flex;flex-direction:column;gap:3px}.vc-chat-line{line-height:1.45;word-break:break-word}.vc-chat-entry{position:relative}.vc-chat-form{display:flex;gap:6px;margin-top:8px}.vc-showme-pop{position:absolute;left:0;right:0;bottom:100%;margin-bottom:4px;background:var(--vc-panel-2);border:1px solid var(--vc-border);border-radius:6px;box-shadow:0 -4px 16px #00000073;max-height:220px;overflow-y:auto;z-index:10;padding:4px}.vc-showme-cap{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--vc-dim);padding:3px 8px 5px}.vc-showme-item{padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--vc-text)}.vc-showme-item.active{background:var(--vc-accent);color:#fff}.vc-chat-input{flex:1;min-width:0;background:#11141c;border:1px solid var(--vc-border);color:var(--vc-text);border-radius:4px;padding:5px 7px;font-size:12px;outline:none}.vc-chat-input:focus{border-color:var(--vc-accent);box-shadow:0 0 0 1px #28aad166}.vc-chat-input:disabled{opacity:.5}.vc-chat-send{background:var(--vc-accent);color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer}.vc-chat-send:disabled{opacity:.4;cursor:default}.vc-rooms{display:flex;flex-direction:column;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--vc-border)}.vc-rooms-head{display:flex;align-items:center;justify-content:space-between}.vc-room-new{background:var(--vc-accent);color:#fff;border:none;border-radius:4px;font-size:10px;padding:2px 7px;cursor:pointer}.vc-room-new:hover{background:var(--vc-accent-hover)}.vc-room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:160px;overflow-y:auto}.vc-room-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:3px 6px;border-radius:4px;cursor:pointer;font-size:12px}.vc-room-row:hover{background:#232a3c}.vc-room-row.active{background:var(--vc-accent);color:#fff}.vc-room-row.active .vc-room-count{color:#e0f4ff}.vc-room-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-room-count{flex-shrink:0;font-size:10px;color:var(--vc-dim)}.vc-theme-toggle{background:transparent;color:var(--vc-dim);border:1px solid var(--vc-border);border-radius:4px;font-size:11px;padding:3px 8px;cursor:pointer}.vc-theme-toggle:hover{color:var(--vc-text);border-color:var(--vc-accent)}.vc-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.vc-modal{background:var(--vc-panel);border:1px solid var(--vc-border);border-radius:8px;padding:18px;width:300px;max-width:90vw;box-shadow:0 8px 30px #0009}.vc-modal-title{font-weight:700;margin-bottom:12px;color:var(--vc-text)}.vc-modal-input{width:100%;background:#11141c;border:1px solid var(--vc-border);color:var(--vc-text);border-radius:4px;padding:7px 9px;font-size:13px;outline:none;margin-bottom:8px}.vc-modal-input:focus{border-color:var(--vc-accent);box-shadow:0 0 0 1px #28aad166}.vc-modal-err{color:#f5a3a3;font-size:11px;margin-bottom:8px}.vc-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.vc-btn-ghost{background:transparent;border:1px solid var(--vc-border);color:var(--vc-dim)}.vc-btn-ghost:hover{color:var(--vc-text)}.vc-btn-mic{background:#4a5b73}.vc-btn-mic:hover{background:#566a85}.vc-gear{background:transparent;color:var(--vc-dim);border:1px solid var(--vc-border);border-radius:4px;font-size:14px;line-height:1;padding:4px 8px;cursor:pointer}.vc-gear:hover{color:var(--vc-text);border-color:var(--vc-accent)}.vc-mic-on{color:var(--vc-accent);font-size:11px}.vc-set-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--vc-dim);margin:6px 0 3px}.vc-set-hint{font-size:10px;color:var(--vc-dim);margin-top:4px}.vc-sq-audio{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#1a2433,#0e1620)}.vc-audio-body{text-align:center;color:var(--vc-dim)}.vc-audio-mic{font-size:40px;line-height:1;filter:drop-shadow(0 0 10px rgba(40,170,209,.5));animation:vc-mic-pulse 1.8s ease-in-out infinite}@keyframes vc-mic-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.vc-audio-name{margin-top:8px;font-weight:700;color:var(--vc-text);font-size:13px}.vc-audio-tag{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.vc-selfmic{position:absolute;right:18px;bottom:22px;background:#0009;border:2px solid var(--vc-go);border-radius:6px;padding:6px 10px;font-size:11px;color:#fff}.vc-rank-badge{font-size:9px;line-height:1;padding:1px 4px;border:1px solid;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.vc-rank-label{color:var(--vc-dim);font-size:11px}.vc-topicbar{display:flex;align-items:center;gap:8px;padding:5px 14px;background:var(--vc-panel-2);border-bottom:1px solid var(--vc-border);font-size:12px}.vc-topic-icon{flex-shrink:0}.vc-topic-text{color:var(--vc-text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-topic-edit{background:none;border:none;color:var(--vc-dim);cursor:pointer;font-size:12px}.vc-topic-edit:hover{color:var(--vc-accent)}.vc-topic-form{display:flex;gap:6px;flex:1;align-items:center}.vc-topic-input{flex:1;min-width:0;background:#11141c;border:1px solid var(--vc-border);color:var(--vc-text);border-radius:4px;padding:3px 7px;font-size:12px;outline:none}.vc-topic-save,.vc-topic-cancel{padding:3px 10px;font-size:11px}.vc-whisper{color:#c9a3ff;font-style:italic}.vc-whisper b{font-style:normal}.vc-roster-head{display:flex;align-items:center;justify-content:space-between}.vc-bans-btn{background:transparent;border:1px solid var(--vc-border);color:var(--vc-dim);border-radius:4px;font-size:10px;padding:2px 6px;cursor:pointer}.vc-bans-btn:hover{color:var(--vc-text);border-color:var(--vc-accent)}.vc-mod-btn{color:#ffb454}.vc-mod-actions{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.vc-btn-ban{background:#7a2630}.vc-btn-ban:hover{background:#97303c}.vc-ban-list{list-style:none;margin:0 0 8px;padding:0;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.vc-ban-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.vc-ban-info{color:var(--vc-dim)}.vc-ban-info i{opacity:.7}.vc-disc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:95;padding:20px}.vc-disc-box{background:var(--vc-panel);border:1px solid var(--vc-border);border-radius:8px;width:640px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;padding:18px 20px;box-shadow:0 10px 40px #0009}.vc-disc-title{font-size:16px;font-weight:700;color:var(--vc-accent);margin-bottom:8px}.vc-disc-intro{font-size:12px;color:var(--vc-text);margin:0 0 10px}.vc-disc-body{flex:1;overflow-y:auto;border:1px solid var(--vc-border);border-radius:6px;padding:10px 12px;background:#0000001f}.vc-disc-sec{margin-bottom:10px}.vc-disc-h{font-weight:700;font-size:12px;color:var(--vc-text);margin-bottom:2px}.vc-disc-p{font-size:12px;line-height:1.45;color:var(--vc-dim);margin:0}.vc-disc-list{margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.5;color:var(--vc-dim)}.vc-disc-agree{display:flex;align-items:flex-start;gap:8px;margin:12px 0;font-size:12px;color:var(--vc-text);cursor:pointer}.vc-disc-agree input{margin-top:2px}.vc-disc-actions{display:flex;justify-content:flex-end;gap:10px}.vc-disc-declined{padding:16px 0;font-size:13px;color:var(--vc-text);display:flex;flex-direction:column;gap:12px;align-items:flex-start}.vc-banned-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0202eb;display:flex;align-items:center;justify-content:center;z-index:100}.vc-banned-box{text-align:center;color:#ffd7d7;max-width:420px;padding:24px}.vc-banned-title{font-size:20px;font-weight:700;color:#ff6b6b;margin-bottom:10px}.vc-banned-reason{margin-top:8px}.vc-classic{--vc-bg: #02060d;--vc-panel: #0a1622;--vc-panel-2: #0e1d2e;--vc-border: #0058AB;--vc-text: #d8e8f6;--vc-dim: #6f9fc4;--vc-accent: #0058AB;--vc-accent-hover: #0a6fd0;--vc-link: #2f93e6;--vc-go: #1f7fd0;--vc-go-hover: #2f93e6;background:var(--vc-bg)}.vc-classic .vc-header{background:linear-gradient(180deg,#021d3a,#02060d);border-bottom-color:var(--vc-accent)}.vc-classic .vc-right{background:#06101b}.vc-classic .vc-chat{background:#030a14}.vc-classic .vc-sq{border-style:dashed;border-color:var(--vc-accent)}.vc-classic .vc-selfpip{border-color:var(--vc-accent)}.vc-oldchat{--vc-bg: #ffffff;--vc-panel: #ffffff;--vc-panel-2: #dce6f0;--vc-border: #2a4f7a;--vc-text: #000000;--vc-dim: #4a5e74;--vc-accent: #2a5d9c;--vc-accent-hover: #3a6fb0;--vc-link: #2f6bb0;--vc-go: #2a5d9c;--vc-go-hover: #3a6fb0;background:var(--vc-bg);color:var(--vc-text)}.vc-oldchat .vc-header{background:linear-gradient(180deg,#7aa3d4,#3a6298 48%,#1f3e63);border-bottom:2px solid #16273b}.vc-oldchat .vc-theme-toggle,.vc-oldchat .vc-gear{color:#e8f0fa;border-color:#5e84b0}.vc-oldchat .vc-right{background:#fff}.vc-oldchat .vc-chat{background:#f3f7fb}.vc-oldchat .vc-topicbar{background:#dce6f0}.vc-oldchat .vc-video{background:#3a6298}.vc-oldchat .vc-sq-empty{background:#e8eff7;border-color:#2a4f7a;color:#4a5e74}.vc-oldchat .vc-sq-empty:before{opacity:.12}.vc-oldchat .vc-chat-input,.vc-oldchat .vc-modal-input,.vc-oldchat .vc-topic-input{background:#fff;color:var(--vc-text)}.vc-oldchat .vc-roster-row:hover,.vc-oldchat .vc-room-row:hover{background:#e3ecf5}.vc-oldchat .vc-showme-pop{background:#fff}.vc-oldchat .vc-showme-item:hover{background:#e3ecf5}.vc-oldchat .vc-roster-ctrls .vc-icon-btn{background:#2a4f7a24;color:#24405f}.vc-oldchat .vc-roster-ctrls .vc-icon-btn:hover{background:#2a4f7a47}.vc-oldchat .vc-modal{background:linear-gradient(180deg,#6e9bd0,#3a6298,#244a73);border:2px solid #16273b;color:#fff}.vc-oldchat .vc-modal-title{color:#fff}.vc-oldchat .vc-modal .vc-btn-ghost{color:#e8f0fa;border-color:#7aa3d4}.vc-oldchat .vc-set-label{color:#dbe7f4}.vc-oldchat .vc-set-hint{color:#cdddf0}.vc-oldchat .vc-modal .vc-ban-info{color:#d4e2f2}