@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f5f5f0;background:#111311;--lime:#c6f36b;--muted:#9aa391;--line:#30372b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:#bec7b5;padding:10px;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 5vw}header>span{color:var(--muted);font-size:14px}header>button{margin-left:auto}.brand{font:800 40px Manrope;letter-spacing:-2px;color:white;text-decoration:none}.brand span{color:var(--lime)}main{max-width:1440px;margin:auto;padding:38px 5vw 22px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}small{font-size:12px;letter-spacing:1.4px;color:var(--muted)}h1{font:700 44px Manrope;letter-spacing:-1.8px;margin:7px 0 0}.badge{font-size:13px;color:#c5cfb8;border:1px solid #424e34;border-radius:30px;padding:8px 13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.videos{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-content:start}.box{position:relative;overflow:hidden;border-radius:20px;border:1px solid var(--line);height:440px;background:#20261c}.remote{background:radial-gradient(ellipse at 50% 40%,#2d3922,#191e16 75%)}.top,.bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;z-index:2}.top{top:20px}.top span{padding:6px 9px;background:#ffffff09;border-radius:20px;font-size:12px;color:#c2cbb7}.bottom{bottom:12px;color:var(--muted);font-size:12px}.empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px}.spark{font-size:65px;color:var(--lime);line-height:1;margin-bottom:18px}.empty h2{font:600 25px/1.35 Manrope;letter-spacing:-.7px;margin:5px 0}.empty p{font-size:14px;line-height:1.7;color:var(--muted)}.local video{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;background:#000}.local .empty{position:absolute;inset:0;color:#8e9b81}.local .empty>span{font-size:35px}.controls{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:7px}.controls button{border:1px solid #ffffff20;background:#111b;border-radius:25px;font-size:12px}.actions{grid-column:1/-1;display:flex;gap:12px;margin-top:5px}.primary,.next{border-radius:12px;padding:19px 24px;font-size:16px;font-weight:700;display:flex;justify-content:space-between}.primary{background:var(--lime);color:#1a240f;flex:1}.next{background:#303928;color:white;flex:.6}#notice{grid-column:1/-1;font-size:13px;line-height:1.7;color:var(--muted);margin:1px 2px}.panel{background:#191e16;border:1px solid var(--line);border-radius:20px;padding:22px}.title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.title h2{font-size:16px;margin:0}.title small{color:#758367}label{display:block;font-size:14px;color:#c6cfba;margin:17px 0 9px}select{width:100%;background:#242c1e;color:#eee;border:1px solid #37412e;border-radius:10px;padding:11px;font-size:14px}.reward{float:right;font-size:10px;color:var(--lime);letter-spacing:.5px}.gender{display:flex;gap:5px}.gender button{flex:1;padding:11px 3px;border:1px solid #37412e;background:#242c1e;border-radius:8px;font-size:12px}.gender .selected{color:var(--lime);border-color:#829e4c;background:#333f24}.unlock{display:flex;gap:12px;background:#c6f36b09;border:1px solid #c6f36b22;border-radius:12px;padding:15px 12px;margin-top:22px}.unlock>span{font-size:25px;color:var(--lime)}.unlock strong{font-size:14px}.unlock p,.muted{font-size:13px;line-height:1.7;color:var(--muted);margin:5px 0}.panel>.muted{margin:15px 0 0}.chat{margin-top:16px}.chat .title{margin-bottom:15px}#messages{min-height:100px;max-height:180px;overflow:auto}form{display:flex;gap:8px}input{width:100%;min-width:0;background:#242c1e;border:1px solid #37412e;color:white;border-radius:8px;padding:10px;font-size:14px}form button{background:var(--lime);color:#18230e;border-radius:8px;font-size:22px;padding:5px 13px}.bubble{background:#354628;padding:10px;border-radius:10px;margin-left:20px;font-size:14px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:15px;color:#7c8970;font-size:12px;margin-top:30px}dialog{width:min(460px,calc(100% - 30px));background:#1c2416;color:white;border:1px solid #475c32;border-radius:22px;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font:700 26px Manrope;margin:0 25px 16px 0}dialog p,dialog li{font-size:15px;line-height:1.7;color:#b9c7aa}#closeModal{position:absolute;top:8px;right:12px;font-size:25px}.modal-button{background:var(--lime);color:#1b250e;border-radius:10px;padding:14px;display:block;width:100%;font-weight:700;margin-top:20px}.ad-box{text-align:center;background:#2c3b1f;padding:25px;border-radius:14px;margin:20px 0}.ad-box strong{font-size:45px;color:var(--lime)}.check{display:flex;gap:10px;line-height:1.5}.check input{width:18px;flex:none}.secondary{background:#34452a;color:white}@media(max-width:1050px){main{padding:28px 24px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.videos{grid-template-columns:1fr}.remote{height:380px}.local{height:155px}.local .empty{flex-direction:row;gap:12px}.controls{bottom:12px}.primary,.next{padding:16px 12px}}@media(max-width:700px){header{height:72px;padding:0 20px;gap:16px}.brand{font-size:32px}header>span,header>button{font-size:12px}main{padding:24px 16px}.heading{margin-bottom:22px}h1{font-size:34px}small{font-size:10px;letter-spacing:1px}.badge{font-size:11px;padding:7px}.workspace{display:flex;flex-direction:column;gap:18px}.videos{position:relative}.remote{height:400px}.local{position:absolute;top:57px;right:12px;width:108px;height:142px;border-radius:12px;z-index:3}.local .top{left:9px;top:10px;font-size:11px}.local .empty{flex-direction:column;padding:15px 5px;gap:0}.local .empty>span{font-size:22px}.local .empty p{font-size:10px;margin:5px}.controls{gap:2px;bottom:8px}.controls button{font-size:9px;padding:5px}.remote .empty{padding-top:100px}.spark{font-size:45px}.empty h2{font-size:23px}.top,.bottom{left:14px;right:14px}.gender button{font-size:14px}.reward{font-size:12px}.unlock p,.muted{font-size:14px}.actions{gap:8px}.actions>button:last-child{padding:8px}#notice{font-size:12px}.empty p{max-width:230px}footer{font-size:11px}}

.online-count{white-space:nowrap;border:1px solid var(--line);border-radius:20px;padding:6px 11px}.online-count strong{color:var(--lime)}@media(max-width:700px){header{gap:10px;flex-wrap:wrap;height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}header>span{font-size:12px}.online-count{padding:5px 8px}header>button{padding:5px;font-size:11px}}
/* Compact conversation controls */
main{padding-top:24px}.workspace{grid-template-columns:1fr;gap:16px}.videos{grid-template-columns:1fr 1fr;gap:12px}.box{height:clamp(300px,47vh,520px)}.local{position:relative;inset:auto;width:auto;z-index:auto}.local .empty{flex-direction:column}.local .top{top:20px;left:20px;font-size:13px}.compact-menu{grid-column:1/-1;display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;background:#1b2217;border:1px solid var(--line);padding:10px;border-radius:16px}.compact-menu .actions{grid-column:auto;flex:none;margin:0;gap:8px}.compact-menu .primary,.compact-menu .next{min-width:105px;flex:none;gap:20px;padding:16px 18px}.compact-menu #stop{background:#432522;color:#f4c0b7;border-radius:10px;min-width:70px}.country-control{flex:1;min-width:150px;max-width:240px;border:1px solid #3c4831;border-radius:10px;padding:5px 10px;background:#242c1e}.country-control label{margin:0;font-size:12px;color:#a8b39b}.country-control select{border:0;padding:3px 0;background:transparent;font-size:14px}.gender-control{position:relative;min-width:130px;flex:1;max-width:170px}.gender-control summary{list-style:none;cursor:pointer;border:1px solid #3c4831;border-radius:10px;padding:8px 12px;background:#242c1e;height:100%;font-size:12px;color:#a8b39b}.gender-control summary::-webkit-details-marker{display:none}.gender-control summary span{display:block;color:var(--lime);font-size:14px;margin-top:3px}.gender-popover{position:absolute;top:calc(100% + 8px);right:0;width:300px;max-width:calc(100vw - 40px);padding:20px;background:#20281a;border:1px solid #5b713f;border-radius:16px;z-index:10;box-shadow:0 12px 40px #0008}.gender-popover label{margin-top:0}.utility-controls{display:flex;align-items:center;gap:3px;margin-left:auto}.utility-controls .controls{position:static;display:flex;gap:4px}.utility-controls .controls button,.utility-controls #report{padding:12px 8px;font-size:12px;white-space:nowrap}.chat{margin:0;padding:16px 20px}.chat .title{margin-bottom:8px}.chat #messages{min-height:65px;max-height:130px}.chat form{max-width:none}.bottom{bottom:18px}.notice{margin:0}footer{margin-top:18px}.local .empty p{font-size:14px}.local .empty>span{font-size:35px}
@media(max-width:900px){.utility-controls{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:5px}.compact-menu .actions{flex:1}.compact-menu .actions .primary,.compact-menu .actions .next{flex:1;min-width:0}.country-control{max-width:none}.gender-control{max-width:none}.box{height:340px}}
@media(max-width:600px){header{gap:10px}header>span:first-of-type{display:none}main{padding:14px 12px}.videos{grid-template-columns:1fr 1fr;gap:8px}.box{height:260px;border-radius:12px}.remote .empty{padding:45px 10px 30px}.empty h2{font-size:17px}.empty p{font-size:12px;line-height:1.5}.spark{font-size:35px;margin-bottom:7px}.top{top:12px;left:10px;right:10px;font-size:11px}.top span{display:none}.bottom{left:10px;font-size:10px;bottom:10px}.local .top{top:12px;left:10px}.local .empty{padding:20px 10px}.local .empty p{font-size:12px}.remote .empty button{font-size:12px;padding:6px}.compact-menu{gap:7px;padding:8px}.compact-menu .actions{width:100%;flex:none}.compact-menu .primary,.compact-menu .next{padding:13px 15px;font-size:14px}.country-control,.gender-control{flex:1;min-width:0}.gender-popover{right:0;width:280px}.utility-controls{justify-content:space-between}.utility-controls .controls button,.utility-controls #report{font-size:12px;padding:9px 8px}.chat{padding:14px}.chat .muted{font-size:13px}#notice{font-size:12px}.gender button{font-size:14px}}
/* Video-first, full-width conversation layout */
main{max-width:none;width:100%;padding:10px 16px 12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.videos{display:contents}.box{height:calc(100svh - 245px);min-height:350px;border-radius:12px}.remote{grid-column:1;grid-row:1}.local{grid-column:2;grid-row:1;background:#050705}.compact-menu{grid-column:1;grid-row:2;min-height:175px;margin:0;align-content:start}.workspace>aside{grid-column:2;grid-row:2;height:100%}.chat{height:100%;min-height:175px;display:flex;flex-direction:column;border-radius:14px}.chat #messages{flex:1;min-height:65px;max-height:95px}.chat form{margin-top:8px}.compact-menu .actions{width:100%;flex:none}.compact-menu .primary,.compact-menu .next{flex:1;min-width:0}.country-control,.gender-control{flex:1;max-width:none}.utility-controls{margin-left:0;flex:1;min-width:220px;flex-wrap:wrap;justify-content:flex-end;border:0;padding:0}.utility-controls #rules{font-size:12px;padding:8px}.top .video-brand{display:block;background:none;color:var(--lime);padding:0;font-size:20px;font-weight:700;letter-spacing:-1px}.top .online-count{display:block;background:#1119;border:1px solid #465438;color:#c5cfb8;font-size:12px;padding:7px 10px}.gender-popover{top:auto;bottom:calc(100% + 8px)}#notice{grid-column:1/-1;margin:0 3px;font-size:12px}footer{margin-top:10px}.empty h2{font-size:30px}.empty p{font-size:16px}.spark{font-size:80px}.remote .empty{padding:50px 20px}.local .empty>span{font-size:45px}.local .empty p{font-size:16px}.bottom{font-size:13px}
@media(min-width:1500px){.compact-menu .actions{width:auto;flex:1}.compact-menu .primary,.compact-menu .next{min-width:105px}.utility-controls{width:100%;flex:none}.country-control,.gender-control{flex:1;min-width:140px}.compact-menu{align-content:center}}
@media(max-width:700px){main{padding:6px 8px 12px}.workspace{gap:8px}.box{height:55svh;min-height:290px;border-radius:10px}.remote .empty{padding:50px 12px}.empty h2{font-size:20px}.empty p{font-size:13px}.spark{font-size:48px}.top{left:10px;right:10px;top:12px;flex-wrap:wrap;gap:6px}.top .video-brand{font-size:17px}.top .online-count{font-size:10px;padding:5px 7px}.local .empty p{font-size:13px}.local .empty>span{font-size:30px}.compact-menu{grid-column:1/-1;grid-row:2;min-height:0}.workspace>aside{grid-column:1/-1;grid-row:3}.chat{min-height:150px}.compact-menu .actions{width:100%}.utility-controls{width:100%;justify-content:space-between;padding-top:4px;border-top:1px solid var(--line)}.bottom{font-size:10px}.gender-popover{bottom:calc(100% + 8px)}#notice{grid-row:4;font-size:12px}.remote .empty button{font-size:12px}.local .top{top:12px}footer{font-size:11px}}
/* Entire preference cards are interactive native selectors. */
.country-control,.own-gender-control{position:relative;flex:1;min-width:135px;max-width:none;min-height:64px;background:#303e24;border:1px solid #718d4e;border-radius:10px;padding:0;cursor:pointer}.country-control label,.own-gender-control label{position:absolute;left:13px;top:8px;margin:0;color:#d4e3c4;font-size:12px;z-index:1;pointer-events:none}.country-control select,.own-gender-control select{display:block;position:relative;width:100%;height:100%;min-height:64px;margin:0;border:0;border-radius:10px;background:transparent;color:#fff;font-size:15px;font-weight:600;padding:26px 30px 9px 12px;cursor:pointer;color-scheme:dark}.country-control select option,.own-gender-control select option{background:#f4f7ee;color:#17200f;font-size:16px}.country-control:hover,.own-gender-control:hover{background:#3b4e2b;border-color:#c6f36b}.country-control:focus-within,.own-gender-control:focus-within{outline:2px solid #c6f36b;outline-offset:2px}.gender-control{min-width:135px}.gender-control summary{min-height:64px;background:#303e24;border-color:#718d4e;color:#d4e3c4;padding:8px 13px}.gender-control summary span{font-size:15px;font-weight:600;color:#fff;margin-top:6px}.gender-control summary:hover{background:#3b4e2b;border-color:#c6f36b}.gender-popover{background:#24311b;border-color:#94b761}.gender{flex-wrap:wrap}.gender button{flex:1 1 40%;font-size:14px;padding:12px 8px;background:#3a492c;color:white;border-color:#738a59}.gender button.selected{background:#c6f36b;color:#17200d;border-color:#c6f36b}.gender-popover label{color:#fff}.gender-popover .unlock p,.gender-popover .muted{color:#d4dfc8}.compact-menu .utility-controls{min-width:0;width:100%;flex:none}.compact-menu .actions{width:100%;flex:none}@media(max-width:700px){.country-control,.own-gender-control,.gender-control{min-width:0;flex:1 1 calc(33% - 7px)}.country-control label,.own-gender-control label{left:9px;font-size:11px}.country-control select,.own-gender-control select{font-size:13px;padding-left:8px;padding-right:18px}.gender-control summary{padding:8px 9px;font-size:11px}.gender-control summary span{font-size:13px}.gender-popover{width:280px}}
/* User-selectable vibrant palettes */
:root{--theme-accent:#43d9ff;--theme-second:#6887ff;--theme-bg:#070e1b;--theme-surface:#111e33;--theme-muted:#a9bfd9;--theme-line:#334d70;--theme-button:#071a29}
:root[data-theme]{background:var(--theme-bg);color:#f6f8ff;color-scheme:dark}body{transition:background-color .2s,color .2s}.box{background:var(--theme-surface);border-color:var(--theme-line)}.remote{background:radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--theme-accent) 15%,var(--theme-bg)),var(--theme-bg) 85%)}.local{background:color-mix(in srgb,var(--theme-bg) 80%,black)}.compact-menu,.panel,dialog{background:color-mix(in srgb,var(--theme-surface) 75%,var(--theme-bg));border-color:var(--theme-line)}button{color:var(--theme-muted)}.primary,.modal-button,form button{background:var(--theme-accent);color:var(--theme-button)}.next{background:var(--theme-second);color:#080d1b}.compact-menu #stop{background:color-mix(in srgb,var(--theme-second) 15%,var(--theme-bg));color:#f3f4ff;border:1px solid var(--theme-line)}.country-control,.own-gender-control,.gender-control summary{background:var(--theme-surface);border-color:var(--theme-line)}.country-control:hover,.own-gender-control:hover,.gender-control summary:hover{background:color-mix(in srgb,var(--theme-accent) 12%,var(--theme-surface));border-color:var(--theme-accent)}.country-control label,.own-gender-control label,.gender-control summary{color:var(--theme-muted)}.country-control select,.own-gender-control select,.gender-control summary span{color:#fff}.country-control select option,.own-gender-control select option{background:#f4f7ff;color:#121a2b}.gender-popover{background:var(--theme-surface);border-color:var(--theme-accent)}.gender button{background:var(--theme-bg);color:#fff;border-color:var(--theme-line)}.gender button.selected{background:var(--theme-accent);color:var(--theme-button);border-color:var(--theme-accent)}.unlock{background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-surface));border-color:color-mix(in srgb,var(--theme-accent) 30%,var(--theme-surface))}.unlock p,.gender-popover .unlock p,.gender-popover .muted,.local .empty,.empty p,.bottom,.muted,footer,dialog p,dialog li{color:var(--theme-muted)}input,select{background:var(--theme-surface);border-color:var(--theme-line);color:#fff}.bubble{background:color-mix(in srgb,var(--theme-accent) 17%,var(--theme-surface));color:#fff}.top .online-count{background:var(--theme-bg);border-color:var(--theme-line);color:var(--theme-muted)}.ad-box{background:var(--theme-surface)}.secondary{background:var(--theme-surface);color:white}.theme-intro{margin-bottom:22px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.theme-card{display:flex;flex-direction:column;text-align:left;padding:10px;border:2px solid var(--theme-line);border-radius:12px;background:var(--theme-bg);gap:8px;min-width:0}.theme-card:hover{border-color:var(--swatch)}.theme-card.chosen{border-color:var(--swatch);box-shadow:0 0 0 1px var(--swatch)}.theme-card strong{font-size:14px;color:#fff}.theme-card>span:last-child{font-size:12px;line-height:1.5;color:var(--theme-muted)}.theme-swatch{display:flex;width:100%;height:52px;background:var(--swatch-bg);border-radius:7px;padding:10px;gap:7px;align-items:center}.theme-swatch i{height:26px;width:52%;border-radius:5px;background:var(--swatch)}.theme-swatch i+i{width:35%;background:var(--swatch-second)}#themes{color:var(--theme-accent);border:1px solid var(--theme-line);border-radius:9px;font-weight:600;padding:9px 12px;font-size:13px}dialog{max-height:90svh;overflow-y:auto}.theme-card:focus-visible{outline-color:var(--swatch)}@media(prefers-reduced-motion:reduce){body{transition:none}}@media(max-width:400px){dialog{padding:24px 18px}.theme-grid{gap:9px}.theme-card{padding:8px}.utility-controls{gap:5px}.utility-controls #rules{font-size:11px}}
#reportDetails{display:block;width:100%;min-height:85px;resize:vertical;font:inherit;font-size:14px;padding:12px;border:1px solid var(--theme-line);border-radius:10px;background:var(--theme-bg);color:white}.report-demo{border:1px solid var(--theme-line);border-radius:10px;padding:10px;font-size:13px}dialog #reason{font-size:15px;min-height:44px}
/* Windows 98: classic desktop, raised controls, inset fields. */
:root[data-theme="win98"]{font-family:Tahoma,'MS Sans Serif',Arial,sans-serif;color:#000;color-scheme:light;background:#008080}
[data-theme="win98"] main{background:#008080}
[data-theme="win98"] .box,[data-theme="win98"] .panel,[data-theme="win98"] .compact-menu,[data-theme="win98"] dialog{border-radius:0;background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:inset -1px -1px #808080,inset 1px 1px #dfdfdf}
[data-theme="win98"] .remote{background:#008080}
[data-theme="win98"] .local{background:#111}
[data-theme="win98"] .box .top{top:3px;left:3px;right:3px;padding:5px 8px;background:linear-gradient(90deg,#000080,#1084d0);color:white;font-weight:bold;min-height:32px}
[data-theme="win98"] .local .top{top:3px;left:3px;font-size:13px}
[data-theme="win98"] .top .video-brand{color:white;font:700 16px Tahoma,Arial,sans-serif;letter-spacing:0}
[data-theme="win98"] .top .online-count{background:transparent;border:0;color:white;border-radius:0;padding:2px;font-weight:normal}
[data-theme="win98"] .top .online-count strong{color:white}
[data-theme="win98"] .empty h2{font-family:Tahoma,Arial,sans-serif;color:white;letter-spacing:0}
[data-theme="win98"] .remote .empty p,[data-theme="win98"] .local .empty,[data-theme="win98"] .local .empty p,[data-theme="win98"] .bottom{color:#fff}
[data-theme="win98"] .spark{color:#fff}
[data-theme="win98"] button,[data-theme="win98"] .primary,[data-theme="win98"] .next,[data-theme="win98"] .compact-menu #stop,[data-theme="win98"] #themes,[data-theme="win98"] .modal-button,[data-theme="win98"] .gender button{background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;box-shadow:inset -1px -1px #808080;font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
[data-theme="win98"] button:active:not(:disabled){border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px #808080}
[data-theme="win98"] button:disabled{opacity:1;color:#686868;text-shadow:1px 1px #fff}
[data-theme="win98"] .country-control,[data-theme="win98"] .own-gender-control,[data-theme="win98"] .gender-control summary{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0;color:black;box-shadow:inset -1px -1px #808080}
[data-theme="win98"] .country-control:hover,[data-theme="win98"] .own-gender-control:hover,[data-theme="win98"] .gender-control summary:hover{background:#d2d2d2;border-color:#fff #404040 #404040 #fff}
[data-theme="win98"] .country-control label,[data-theme="win98"] .own-gender-control label,[data-theme="win98"] .country-control select,[data-theme="win98"] .own-gender-control select,[data-theme="win98"] .gender-control summary span{color:#000;color-scheme:light}
[data-theme="win98"] select option{background:white;color:#000}
[data-theme="win98"] .gender-popover{background:#c0c0c0;border-radius:0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:3px 3px #0005}
[data-theme="win98"] .gender-popover label,[data-theme="win98"] .gender-popover .muted,[data-theme="win98"] .gender-popover .unlock p,[data-theme="win98"] .unlock p,[data-theme="win98"] dialog p,[data-theme="win98"] dialog li,[data-theme="win98"] .muted,[data-theme="win98"] .title small{color:#222}
[data-theme="win98"] .gender button.selected{background:#000080;color:white;text-shadow:none}
[data-theme="win98"] .reward{color:#000080;font-weight:bold}
[data-theme="win98"] .unlock,[data-theme="win98"] .ad-box{background:#dfdfdf;border:1px solid #808080;border-radius:0;color:#000}
[data-theme="win98"] .chat .title{margin:-12px -16px 12px;background:linear-gradient(90deg,#000080,#1084d0);padding:6px 8px;color:white}
[data-theme="win98"] .chat .title small{color:white}
[data-theme="win98"] input,[data-theme="win98"] #reportDetails,[data-theme="win98"] dialog select{background:white;color:#000;border:2px solid;border-color:#808080 #fff #fff #808080;border-radius:0;box-shadow:inset 1px 1px #404040}
[data-theme="win98"] input::placeholder,[data-theme="win98"] textarea::placeholder{color:#656565}
[data-theme="win98"] .bubble{background:#fff;border:1px solid #808080;color:#000;border-radius:0}
[data-theme="win98"] dialog h2{font-family:Tahoma,Arial,sans-serif;background:linear-gradient(90deg,#000080,#1084d0);color:white;font-size:20px;margin:-28px -28px 18px;padding:8px 35px 8px 8px;letter-spacing:0}
[data-theme="win98"] #closeModal{top:6px;right:6px;padding:0 6px;font-size:20px}
[data-theme="win98"] .theme-card{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;border-radius:0}
[data-theme="win98"] .theme-card strong,[data-theme="win98"] .theme-card>span:last-child{color:#000}
[data-theme="win98"] .theme-card.chosen{outline:2px solid #000080;outline-offset:1px;box-shadow:none}
[data-theme="win98"] .theme-swatch,[data-theme="win98"] .theme-swatch i{border-radius:0}
[data-theme="win98"] .report-demo{border:1px solid #808080;border-radius:0}
[data-theme="win98"] #notice,[data-theme="win98"] footer{color:#fff}
[data-theme="win98"] :focus-visible{outline:2px dotted #000;outline-offset:2px}
@media(max-width:700px){[data-theme="win98"] .chat .title{margin:-10px -10px 10px}[data-theme="win98"] .top .online-count{font-size:10px}[data-theme="win98"] dialog h2{margin:-20px -14px 18px}}
/* Seven aesthetic themes */
.theme-grid{max-height:58svh;overflow:auto;padding:3px}.theme-card{flex-shrink:0}
[data-theme="vaporwave"] main{background:linear-gradient(145deg,#49226e,#271343 55%,#164853)}
[data-theme="vaporwave"] .remote{background:linear-gradient(#271343b0,#41275ad9),repeating-linear-gradient(0deg,transparent 0 38px,#ff8cdd45 39px 40px),repeating-linear-gradient(90deg,transparent 0 38px,#75e9ef45 39px 40px);background-color:#271343}
[data-theme="vaporwave"] .box,[data-theme="vaporwave"] .compact-menu,[data-theme="vaporwave"] .panel{border-color:#bc8fe0;box-shadow:4px 4px 0 #75e9ef30;border-radius:4px}
[data-theme="vaporwave"] .primary{background:linear-gradient(110deg,#ff8cdd,#acb5ff);border-radius:3px}
[data-theme="vaporwave"] .top .video-brand{letter-spacing:4px;text-transform:uppercase}
[data-theme="vaporwave"] .next{background:#75e9ef}
[data-theme="synthwave"] main{background:radial-gradient(ellipse at 50% 0%,#551044,transparent 65%),#100821}
[data-theme="synthwave"] .remote{background:linear-gradient(180deg,#25133ddd,#10082199),repeating-linear-gradient(0deg,transparent 0 35px,#ff72dd60 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,#5adeff45 36px 37px);background-color:#100821}
[data-theme="synthwave"] .box{border-color:#ff72dd;box-shadow:0 0 15px #ff72dd35,inset 0 0 18px #5adeff15;border-radius:3px}
[data-theme="synthwave"] .primary,[data-theme="synthwave"] .next{box-shadow:0 0 16px #ff72dd40;transform:skew(-3deg);border-radius:3px}
[data-theme="synthwave"] .top .video-brand{font-style:italic;letter-spacing:2px;text-transform:uppercase}
[data-theme="dreamcore"] main{background:radial-gradient(ellipse at 20% 20%,#728c8540,transparent 55%),radial-gradient(ellipse at 80% 80%,#8873a340,transparent 55%),#172937}
[data-theme="dreamcore"] .remote{background:radial-gradient(ellipse at 20% 20%,#9abebf45,transparent 60%),radial-gradient(ellipse at 80% 60%,#a59cc44a,transparent 65%),#314352}
[data-theme="dreamcore"] .box{border-radius:32px 8px 30px 10px;border:1px dashed #c8e4e0}
[data-theme="dreamcore"] .primary{border-radius:25px 8px 22px 9px;background:linear-gradient(120deg,#d2ff95,#e6b9ff)}
[data-theme="dreamcore"] .empty h2{font-family:Georgia,serif;font-weight:normal;font-style:italic}
[data-theme="dreamcore"] .top .video-brand{font-family:Georgia,serif;letter-spacing:3px}
[data-theme="y2k"] main{background:radial-gradient(ellipse at 30% 0%,#7385b955,transparent 65%),#151c36}
[data-theme="y2k"] .compact-menu,[data-theme="y2k"] .panel{border:1px solid #c0d1ed;box-shadow:inset 0 1px #ffffff88,0 4px 15px #0004;border-radius:22px;background:linear-gradient(165deg,#52647b,#303a57 50%,#222b45)}
[data-theme="y2k"] .primary{background:linear-gradient(180deg,#fff,#b2fbff 45%,#6695ae 50%,#c5f8ff);border:1px solid #e2faff;border-radius:25px;box-shadow:inset 0 1px #fff}
[data-theme="y2k"] .next{background:linear-gradient(180deg,#e9dfff,#bfa9ff 45%,#7864b2 50%,#c9b8ff);border-radius:25px}
[data-theme="y2k"] .box{border-color:#c9d6e8;border-radius:24px;box-shadow:inset 0 1px #fff8}
[data-theme="y2k"] .remote{background:radial-gradient(ellipse at 20% 10%,#87a4bd55,transparent 65%),linear-gradient(135deg,#24324d,#151c36)}
[data-theme="y2k"] .top .video-brand{font-style:italic;letter-spacing:3px;text-transform:uppercase}
[data-theme="webcore"]{font-family:'Courier New',monospace}
[data-theme="webcore"] main{background-color:#000033;background-image:radial-gradient(#aaaaff70 1px,transparent 1px);background-size:19px 19px}
[data-theme="webcore"] .box,[data-theme="webcore"] .panel,[data-theme="webcore"] .compact-menu,[data-theme="webcore"] dialog{border-radius:0;border:3px ridge #8888ff}
[data-theme="webcore"] .primary,[data-theme="webcore"] .next,[data-theme="webcore"] #themes,[data-theme="webcore"] .gender button{font-family:'Courier New',monospace;border-radius:0;border:3px outset #ccccff;font-weight:bold}
[data-theme="webcore"] .top .video-brand{text-transform:uppercase;letter-spacing:2px}
[data-theme="webcore"] .empty h2{font-family:'Courier New',monospace}
[data-theme="webcore"] #rules{color:#99ccff;text-decoration:underline}
[data-theme="webcore"] input,[data-theme="webcore"] .country-control,[data-theme="webcore"] .own-gender-control,[data-theme="webcore"] .gender-control summary{border-radius:0;border:2px inset #aaaaff}
/* Light aesthetics retain dark readable text. */
[data-theme="liminal"],[data-theme="aero"]{color:#182c35;color-scheme:light}
:is([data-theme="liminal"],[data-theme="aero"]) .country-control select,:is([data-theme="liminal"],[data-theme="aero"]) .own-gender-control select,:is([data-theme="liminal"],[data-theme="aero"]) .gender-control summary span,:is([data-theme="liminal"],[data-theme="aero"]) .gender-popover label,:is([data-theme="liminal"],[data-theme="aero"]) input,:is([data-theme="liminal"],[data-theme="aero"]) select,:is([data-theme="liminal"],[data-theme="aero"]) #reportDetails,:is([data-theme="liminal"],[data-theme="aero"]) .bubble,:is([data-theme="liminal"],[data-theme="aero"]) .theme-card strong{color:#172c36;color-scheme:light}
:is([data-theme="liminal"],[data-theme="aero"]) dialog{color:#172c36}
:is([data-theme="liminal"],[data-theme="aero"]) .theme-card{background:#f5f8ec}
:is([data-theme="liminal"],[data-theme="aero"]) .theme-card>span:last-child{color:#344e58}
:is([data-theme="liminal"],[data-theme="aero"]) .gender button{color:#172c36}
:is([data-theme="liminal"],[data-theme="aero"]) .local .empty,:is([data-theme="liminal"],[data-theme="aero"]) .local .empty p{color:#b8ccd2}
:is([data-theme="liminal"],[data-theme="aero"]) .compact-menu #stop{color:#172c36}
[data-theme="liminal"] main{background:repeating-linear-gradient(90deg,#e5dfc8 0 100px,#d8d1b9 101px 102px)}
[data-theme="liminal"] .remote{background:linear-gradient(180deg,#fffbe6 0%,#e8e0be 55%,#cac3a5 100%)}
[data-theme="liminal"] .box,[data-theme="liminal"] .panel,[data-theme="liminal"] .compact-menu{border-radius:2px;box-shadow:0 2px 8px #6d65341c}
[data-theme="liminal"] .primary,[data-theme="liminal"] .next{border-radius:2px;color:#262515;border:1px solid #9c9572}
[data-theme="liminal"] .empty h2{font-weight:400;letter-spacing:1px;color:#514d3d}
[data-theme="liminal"] .spark{color:#8a7940}
[data-theme="liminal"] .top .video-brand{font-weight:400;letter-spacing:2px;color:#514d3d}
[data-theme="aero"] main{background:linear-gradient(160deg,#b5e8ff,#e0f8ff 45%,#bce8b4)}
[data-theme="aero"] .remote{background:radial-gradient(ellipse at 35% 20%,#ffffffcf,transparent 60%),linear-gradient(160deg,#7bceef,#d9f6ff 65%,#91cf88)}
[data-theme="aero"] .box,[data-theme="aero"] .panel,[data-theme="aero"] .compact-menu{border:1px solid #83bdd9;box-shadow:inset 0 1px #fff,0 4px 12px #266d9228;border-radius:18px;background-color:#edfaff}
[data-theme="aero"] .primary{background:linear-gradient(180deg,#83d9ff 0%,#1c93c5 48%,#0d659b 51%,#148ac4 100%);color:white;border:1px solid #086594;border-radius:18px;box-shadow:inset 0 1px #e7fbff}
[data-theme="aero"] .next{background:linear-gradient(180deg,#dcffb8,#83e267 48%,#4fba38 51%,#a4eb72);color:#14370a;border:1px solid #5ca84c;border-radius:18px}
[data-theme="aero"] .country-control,[data-theme="aero"] .own-gender-control,[data-theme="aero"] .gender-control summary{background:linear-gradient(#fff,#d9eff8);box-shadow:inset 0 1px #fff;border-color:#80b6cc;border-radius:12px}
[data-theme="aero"] .empty h2{font-weight:400;color:#174e68}
[data-theme="aero"] .gender button.selected{color:white;background:#0d659b}
[data-theme="aero"] .top .video-brand{color:#0d659b}
:is([data-theme="liminal"],[data-theme="aero"]) .local{background:#111820}
:is([data-theme="liminal"],[data-theme="aero"]) .country-control:hover,:is([data-theme="liminal"],[data-theme="aero"]) .own-gender-control:hover,:is([data-theme="liminal"],[data-theme="aero"]) .gender-control summary:hover{background:var(--theme-surface)}
/* Mobile swipe gesture stays inside the partner video; vertical page scrolling stays available. */
.remote.box{touch-action:pan-y pinch-zoom}
.swipe-hint{display:none;position:absolute;bottom:52px;left:50%;transform:translateX(-50%);z-index:5;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font:12px inherit;white-space:nowrap;pointer-events:none}
.swipe-cue{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);color:#fff;font-size:24px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .12s}
.swipe-ready .swipe-cue{opacity:var(--swipe-progress,0)}
@media(pointer:coarse){.swipe-hint:not([hidden]){display:block}}
@media(prefers-reduced-motion:reduce){.swipe-cue{transition:none}}
/* Recipient and preview videos fill their panels on both entry points. */
.workspace .remote #remoteVideo,.workspace .local #self{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;object-position:center}