/* Theme structure and materials. Controls retain consistent placement. */
[data-theme="electric"] .box{border-radius:14px;border-width:1px;box-shadow:inset 0 0 0 3px #43d9ff08}
[data-theme="electric"] .compact-menu,[data-theme="electric"] .chat{border-radius:12px;box-shadow:0 3px 0 #43d9ff15}
[data-theme="electric"] .chat .title{border-bottom:1px solid #43d9ff55;padding-bottom:10px}
[data-theme="electric"] .top .video-brand{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px}
[data-theme="lime"]{font-family:'Courier New',monospace}
[data-theme="lime"] .box,[data-theme="lime"] .compact-menu,[data-theme="lime"] .panel,[data-theme="lime"] dialog{border-radius:0;border-style:solid;box-shadow:3px 3px 0 #bcff392a}
[data-theme="lime"] .remote{background:repeating-linear-gradient(0deg,#09110b00 0 3px,#bcff3908 4px 5px),#09110b}
[data-theme="lime"] .primary,[data-theme="lime"] .next,[data-theme="lime"] .country-control,[data-theme="lime"] .own-gender-control,[data-theme="lime"] .gender-control summary,[data-theme="lime"] input{border-radius:0;font-family:'Courier New',monospace}
[data-theme="lime"] .empty h2,[data-theme="lime"] dialog h2{font-family:'Courier New',monospace;letter-spacing:0}
[data-theme="lime"] .top{border-bottom:1px dashed #bcff3960;padding-bottom:8px}
[data-theme="red"]{font-family:Arial,sans-serif}
[data-theme="red"] .box,[data-theme="red"] .compact-menu,[data-theme="red"] .panel{border-radius:3px;border-left:4px solid #ff6577}
[data-theme="red"] .primary,[data-theme="red"] .next{border-radius:2px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
[data-theme="red"] .country-control,[data-theme="red"] .own-gender-control,[data-theme="red"] .gender-control summary{border-radius:2px;border-bottom:3px solid #ff6577}
[data-theme="red"] .empty h2{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px}
[data-theme="red"] .top .video-brand{font-family:Arial,sans-serif;font-weight:900;text-transform:uppercase}
[data-theme="violet"]{font-family:Georgia,serif}
[data-theme="violet"] .box,[data-theme="violet"] .compact-menu,[data-theme="violet"] .panel,[data-theme="violet"] dialog{border-radius:28px;border:1px solid #c6a0ff77;box-shadow:inset 0 0 0 4px #c6a0ff08}
[data-theme="violet"] .primary,[data-theme="violet"] .next,[data-theme="violet"] .country-control,[data-theme="violet"] .own-gender-control,[data-theme="violet"] .gender-control summary{border-radius:22px}
[data-theme="violet"] .empty h2,[data-theme="violet"] dialog h2{font-family:Georgia,serif;font-weight:400}
[data-theme="violet"] .primary{background:linear-gradient(120deg,#c6a0ff,#e3cfff)}
[data-theme="sunset"]{font-family:Verdana,sans-serif}
[data-theme="sunset"] .box,[data-theme="sunset"] .compact-menu,[data-theme="sunset"] .panel{border-radius:22px;box-shadow:0 5px 0 #8c47362b;border-color:#ae7660}
[data-theme="sunset"] .primary{background:linear-gradient(110deg,#ffd98b,#ffb75e);border-radius:22px;box-shadow:0 3px 0 #914d24}
[data-theme="sunset"] .next{border-radius:22px;box-shadow:0 3px 0 #91354b}
[data-theme="sunset"] .empty h2{font-family:Georgia,serif;font-weight:400}
[data-theme="sunset"] .remote{background:linear-gradient(160deg,#5a3226,#26130f 70%)}
[data-theme="forest"] .box,[data-theme="forest"] .compact-menu,[data-theme="forest"] .panel{border-radius:16px;box-shadow:none}
/* Vaporwave is a pastel desktop; Outrun is an angular neon console. */
[data-theme="vaporwave"]{font-family:Verdana,sans-serif}
[data-theme="vaporwave"] .top,[data-theme="vaporwave"] .chat .title{background:linear-gradient(90deg,#6e448c,#54305f);border:1px solid #d1a1e9;padding:7px;color:#ffe4fc}
[data-theme="vaporwave"] .box .top{top:5px;left:5px;right:5px}
[data-theme="vaporwave"] .primary,[data-theme="vaporwave"] .next,[data-theme="vaporwave"] .country-control,[data-theme="vaporwave"] .own-gender-control,[data-theme="vaporwave"] .gender-control summary{border-radius:0;border:2px solid;border-color:#f6d9ff #80508d #80508d #f6d9ff}
[data-theme="vaporwave"] .empty h2{font-family:Georgia,serif;font-weight:400;letter-spacing:1px}
[data-theme="vaporwave"] dialog{border-radius:0;box-shadow:6px 6px 0 #75e9ef60}
[data-theme="synthwave"]{font-family:'Courier New',monospace}
[data-theme="synthwave"] .compact-menu,[data-theme="synthwave"] .panel,[data-theme="synthwave"] dialog{border-radius:0;border-top:2px solid #5adeff;border-bottom:2px solid #ff72dd}
[data-theme="synthwave"] .country-control,[data-theme="synthwave"] .own-gender-control,[data-theme="synthwave"] .gender-control summary{border-radius:2px;background:#190c2a;border-color:#ad4bac}
[data-theme="synthwave"] .empty h2{font-family:'Courier New',monospace;font-style:italic;text-shadow:2px 2px #79297b;letter-spacing:-1px}
[data-theme="synthwave"] .top{border-bottom:1px solid #ff72dd50;padding-bottom:8px}
/* Quiet institutional geometry versus soft, mismatched dream geometry. */
[data-theme="liminal"]{font-family:Arial,sans-serif}
[data-theme="liminal"] .country-control,[data-theme="liminal"] .own-gender-control,[data-theme="liminal"] .gender-control summary,[data-theme="liminal"] input,[data-theme="liminal"] dialog{border-radius:1px;box-shadow:none}
[data-theme="liminal"] .box .top{background:#efe9cf;border-bottom:1px solid #aca488;top:0;left:0;right:0;padding:9px 14px}
[data-theme="liminal"] .spark{display:none}
[data-theme="liminal"] .remote .empty{background:repeating-linear-gradient(0deg,transparent 0 5px,#8d855804 6px 7px)}
[data-theme="liminal"] .chat .title{font-weight:400;border-bottom:1px solid #c4bda1;padding-bottom:10px}
[data-theme="dreamcore"]{font-family:Georgia,serif}
[data-theme="dreamcore"] .panel,[data-theme="dreamcore"] .compact-menu,[data-theme="dreamcore"] dialog{border-radius:24px 6px 26px 8px;border:1px dashed #adc5c9}
[data-theme="dreamcore"] .country-control,[data-theme="dreamcore"] .own-gender-control,[data-theme="dreamcore"] .gender-control summary{border-radius:15px 4px 15px 5px}
[data-theme="dreamcore"] .chat .title{font-style:italic;letter-spacing:1px}
[data-theme="dreamcore"] .bubble{border-radius:18px 4px 18px 5px;border:1px dashed #b9cddd}
[data-theme="dreamcore"] .primary,[data-theme="dreamcore"] .next{font-family:Georgia,serif;font-size:17px;font-weight:400}
/* Cold metal controls and bright translucent gloss are different materials. */
[data-theme="y2k"]{font-family:Arial,sans-serif}
[data-theme="y2k"] .country-control,[data-theme="y2k"] .own-gender-control,[data-theme="y2k"] .gender-control summary{background:linear-gradient(165deg,#566a86,#2a3654);border-color:#bfcee3;border-radius:18px;box-shadow:inset 0 1px #fff8}
[data-theme="y2k"] .box .top{border:1px solid #8293ac;border-radius:18px;background:linear-gradient(#4e617d,#23314b);padding:7px 12px}
[data-theme="y2k"] dialog{border-radius:24px;background:linear-gradient(140deg,#485972,#202943);border-color:#d4e4f6}
[data-theme="y2k"] .empty h2{font-family:Arial,sans-serif;letter-spacing:-1px}
[data-theme="webcore"] .top,[data-theme="webcore"] .chat .title{background:#000080;border:1px solid #aaaaff;padding:6px}
[data-theme="webcore"] .remote{background:repeating-linear-gradient(45deg,#080844 0 8px,#101054 8px 16px)}
[data-theme="webcore"] .gender-control summary,[data-theme="webcore"] .gender-popover,[data-theme="webcore"] .bubble{border-radius:0;border:2px ridge #9999ff}
[data-theme="webcore"] .country-control select,[data-theme="webcore"] .own-gender-control select{font-family:'Courier New',monospace}
[data-theme="webcore"] .spark{font-size:60px;text-shadow:3px 3px #ff55ff}
[data-theme="aero"]{font-family:'Segoe UI',Tahoma,sans-serif}
[data-theme="aero"] .chat,[data-theme="aero"] .compact-menu,[data-theme="aero"] dialog{background:linear-gradient(160deg,#ffffffed,#daf4ffdf);box-shadow:inset 0 1px #fff,0 4px 16px #1775a52a}
[data-theme="aero"] .top{border:1px solid #c3eaff;background:linear-gradient(#ffffffe8,#d4f1ffc9);padding:7px 12px;border-radius:15px}
[data-theme="aero"] .local .top{color:#124661}
[data-theme="aero"] .top .online-count{background:#edfaff;color:#174e68}
[data-theme="aero"] .bubble{background:linear-gradient(#fff,#ddf8d2);border:1px solid #a2cd93;border-radius:16px 16px 3px 16px}
[data-theme="aero"] .spark{text-shadow:0 2px #fff}
/* Native dropdowns remain readable in every aesthetic. */
[data-theme="liminal"] .gender button.selected{background:#e1d27f;color:#262515}
:is([data-theme="aero"],[data-theme="liminal"]) .theme-card.chosen{outline:2px solid #28566b;outline-offset:1px}
@media(max-width:700px){[data-theme="vaporwave"] .top,[data-theme="y2k"] .top,[data-theme="aero"] .top{padding:5px 7px}[data-theme="synthwave"] .empty h2{font-size:18px}[data-theme="dreamcore"] .primary,[data-theme="dreamcore"] .next{font-size:14px}}
[data-theme="matrix"]{font-family:'Courier New',monospace;background:#020704;color:#b3ffc5}
[data-theme="matrix"] main{background:#020704}
[data-theme="matrix"] .box,[data-theme="matrix"] .compact-menu,[data-theme="matrix"] .panel,[data-theme="matrix"] dialog{border-radius:0;border:1px solid #246c39;background:#051009;box-shadow:inset 0 0 0 3px #64ff8707,0 0 12px #26bd560d}
[data-theme="matrix"] .remote{background:#020704;isolation:isolate}
.matrix-rain{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:.38;mask-image:linear-gradient(#000,#0008);font:14px/1.3 'Courier New',monospace;color:#35cc60}
.matrix-rain span{position:absolute;top:-100%;white-space:pre;animation:matrix-fall 10s linear infinite;text-shadow:0 0 5px #22c454}
@keyframes matrix-fall{from{transform:translateY(-30%)}to{transform:translateY(210%)}}
[data-theme="matrix"] .remote .empty{background:radial-gradient(ellipse,#020704ed 0%,#02070490 40%,transparent 78%)}
[data-theme="matrix"] .empty h2,[data-theme="matrix"] dialog h2{font-family:'Courier New',monospace;font-weight:400;letter-spacing:0;color:#b3ffc5}
[data-theme="matrix"] .spark{color:#64ff87;text-shadow:0 0 20px #26bd56;font-size:64px}
[data-theme="matrix"] .top{padding:8px;border:1px solid #246c39;border-radius:0;background:#020704e8}
[data-theme="matrix"] .top .video-brand{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:3px;font-size:18px}
[data-theme="matrix"] .top .video-brand::before{content:'> ';font-weight:400}
[data-theme="matrix"] .top .online-count{border:0;border-radius:0;color:#a1dcb1}
[data-theme="matrix"] .primary,[data-theme="matrix"] .next,[data-theme="matrix"] #themes,[data-theme="matrix"] .modal-button,[data-theme="matrix"] .gender button{font-family:'Courier New',monospace;border-radius:0;border:1px solid #64ff87;background:#07160d;color:#b3ffc5}
[data-theme="matrix"] .primary{background:#64ff87;color:#031308}
[data-theme="matrix"] .primary:hover,[data-theme="matrix"] .modal-button:hover{box-shadow:0 0 12px #26bd5670}
[data-theme="matrix"] .country-control,[data-theme="matrix"] .own-gender-control,[data-theme="matrix"] .gender-control summary,[data-theme="matrix"] .gender-popover,[data-theme="matrix"] input,[data-theme="matrix"] #reportDetails,[data-theme="matrix"] .bubble{border-radius:0;border-color:#246c39;background:#07160d;font-family:'Courier New',monospace}
[data-theme="matrix"] .gender button.selected{background:#64ff87;color:#031308}
[data-theme="matrix"] .chat .title{border-bottom:1px dashed #246c39;padding-bottom:8px;font-family:'Courier New',monospace}
[data-theme="matrix"] .chat .title h2::before{content:'> '}
[data-theme="matrix"] .theme-card{border-radius:0;background:#07160d}
@media(prefers-reduced-motion:reduce){.matrix-rain span{animation:none;top:-10%}}
/* Typography: color palettes share Blink's original type system. */
:root[data-theme]{--ui-font:'DM Sans',sans-serif;--heading-font:'Manrope',sans-serif;--brand-font:'Manrope',sans-serif;font-family:var(--ui-font)}
:root[data-theme="win98"]{--ui-font:Tahoma,'MS Sans Serif',Arial,sans-serif;--heading-font:Tahoma,'MS Sans Serif',Arial,sans-serif;--brand-font:Tahoma,'MS Sans Serif',Arial,sans-serif}
:root[data-theme="vaporwave"]{--ui-font:Verdana,Tahoma,sans-serif;--heading-font:'Times New Roman',Georgia,serif;--brand-font:Verdana,Tahoma,sans-serif}
:root[data-theme="liminal"]{--ui-font:Arial,Helvetica,sans-serif;--heading-font:Arial,Helvetica,sans-serif;--brand-font:Arial,Helvetica,sans-serif}
:root[data-theme="dreamcore"]{--ui-font:'Times New Roman',Georgia,serif;--heading-font:'Times New Roman',Georgia,serif;--brand-font:'Times New Roman',Georgia,serif}
:root[data-theme="synthwave"]{--ui-font:'Trebuchet MS',Arial,sans-serif;--heading-font:'Arial Black',Arial,sans-serif;--brand-font:'Arial Black',Arial,sans-serif}
:root[data-theme="y2k"]{--ui-font:Verdana,Tahoma,sans-serif;--heading-font:'Arial Black',Arial,sans-serif;--brand-font:'Arial Black',Arial,sans-serif}
:root[data-theme="webcore"]{--ui-font:'Courier New',Courier,monospace;--heading-font:'Times New Roman',Times,serif;--brand-font:'Courier New',Courier,monospace}
:root[data-theme="aero"]{--ui-font:'Segoe UI',Tahoma,Arial,sans-serif;--heading-font:'Segoe UI',Tahoma,Arial,sans-serif;--brand-font:'Segoe UI',Tahoma,Arial,sans-serif}
:root[data-theme="matrix"]{--ui-font:'Courier New',Courier,monospace;--heading-font:'Courier New',Courier,monospace;--brand-font:'Courier New',Courier,monospace}
:root[data-theme] button,:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea,:root[data-theme] summary,:root[data-theme] .primary,:root[data-theme] .next,:root[data-theme] .modal-button,:root[data-theme] .gender button,:root[data-theme] .chat .title{font-family:var(--ui-font)}
:root[data-theme] .empty h2,:root[data-theme] dialog h2,:root[data-theme] h1{font-family:var(--heading-font)}
:root[data-theme] .top .video-brand{font-family:var(--brand-font)}
:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .primary,:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .next{font-size:16px;font-weight:700;text-transform:none;letter-spacing:normal}
:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .empty h2{font-weight:600;font-style:normal;letter-spacing:-.7px}
:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .top .video-brand{font-weight:700;letter-spacing:-1px;text-transform:none}
@media(max-width:700px){:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .primary,:root:is([data-theme="electric"],[data-theme="lime"],[data-theme="red"],[data-theme="violet"],[data-theme="sunset"],[data-theme="forest"]) .next{font-size:14px}}
/* Barbiecore: bright pink lacquer, pill controls and playful rounded type. */
:root[data-theme="barbiecore"]{--ui-font:'Trebuchet MS','DM Sans',sans-serif;--heading-font:'Trebuchet MS','Manrope',sans-serif;--brand-font:'Trebuchet MS',sans-serif;color:#701642;color-scheme:light;background:#ffe0f0}
[data-theme="barbiecore"] main{background:radial-gradient(circle at 15% 5%,#fff8,transparent 35%),linear-gradient(135deg,#ffe5f3,#ffd1e9 55%,#ffeaf6)}
[data-theme="barbiecore"] .remote{background:radial-gradient(ellipse at 40% 25%,#fff9,transparent 65%),linear-gradient(140deg,#ffd6ee,#f8afd7)}
[data-theme="barbiecore"] .box,[data-theme="barbiecore"] .panel,[data-theme="barbiecore"] .compact-menu,[data-theme="barbiecore"] dialog{border:2px solid #e78abb;border-radius:26px;box-shadow:inset 0 2px #fff,0 5px 0 #ce4b9720}
[data-theme="barbiecore"] .panel,[data-theme="barbiecore"] .compact-menu,[data-theme="barbiecore"] dialog{background:linear-gradient(150deg,#fff8fc,#ffe7f3)}
[data-theme="barbiecore"] .local{background:#240d1b}
[data-theme="barbiecore"] .local .empty,[data-theme="barbiecore"] .local .empty p,[data-theme="barbiecore"] .local .top{color:#ffd0eb}
[data-theme="barbiecore"] .primary,[data-theme="barbiecore"] .modal-button{background:linear-gradient(180deg,#ff72bf,#e4007b 48%,#c50069 52%,#e60080);color:#fff;border:1px solid #ae005e;border-radius:28px;box-shadow:inset 0 2px #ffa5d7,0 3px 0 #91054b}
[data-theme="barbiecore"] .next{background:linear-gradient(#ffe0f0,#ff9bcf);color:#701642;border:1px solid #e77bb0;border-radius:28px;box-shadow:inset 0 2px #fff}
[data-theme="barbiecore"] .compact-menu #stop{background:#ffe0ef;color:#701642;border-radius:28px;border-color:#df82b6}
[data-theme="barbiecore"] .country-control,[data-theme="barbiecore"] .own-gender-control,[data-theme="barbiecore"] .gender-control summary{background:linear-gradient(#fff,#ffe7f3);border:1px solid #e995c1;border-radius:20px;box-shadow:inset 0 2px #fff}
[data-theme="barbiecore"] .country-control:hover,[data-theme="barbiecore"] .own-gender-control:hover,[data-theme="barbiecore"] .gender-control summary:hover{background:#ffd8ed;border-color:#c50069}
[data-theme="barbiecore"] .country-control select,[data-theme="barbiecore"] .own-gender-control select,[data-theme="barbiecore"] .gender-control summary span,[data-theme="barbiecore"] select,[data-theme="barbiecore"] input,[data-theme="barbiecore"] #reportDetails{color:#701642;color-scheme:light}
[data-theme="barbiecore"] .empty h2,[data-theme="barbiecore"] dialog h2{color:#a20058;font-weight:700;letter-spacing:-.6px}
[data-theme="barbiecore"] .top .video-brand{color:#c50069;font-weight:900;font-style:italic;font-size:23px;letter-spacing:-1.3px}
[data-theme="barbiecore"] .top .online-count{background:#fff5fb;border:1px solid #e78abb;color:#7e2455}
[data-theme="barbiecore"] .spark{color:#c50069;text-shadow:0 2px #fff}
[data-theme="barbiecore"] .gender-popover{background:#fff3fa;border:2px solid #e78abb;border-radius:22px}
[data-theme="barbiecore"] .gender-popover label{color:#701642}
[data-theme="barbiecore"] .gender button{background:#ffe0f0;color:#701642;border-radius:18px;border-color:#df82b6}
[data-theme="barbiecore"] .gender button.selected{background:#c50069;color:white}
[data-theme="barbiecore"] .chat .title{border-bottom:1px solid #efb3d3;padding-bottom:10px}
[data-theme="barbiecore"] .bubble{background:#ffd6ea;color:#701642;border:1px solid #e995c1;border-radius:20px 20px 4px 20px}
[data-theme="barbiecore"] .theme-card{background:#fff3fa;border-radius:16px}
[data-theme="barbiecore"] .theme-card strong{color:#701642}
[data-theme="barbiecore"] .theme-card>span:last-child{color:#7e2455}
[data-theme="barbiecore"] .theme-card.chosen{outline:2px solid #c50069;outline-offset:1px}
[data-theme="barbiecore"] dialog{color:#701642}
[data-theme="barbiecore"] #themes{border-radius:22px;background:#fff5fb;color:#a20058}

/* Signature palette follows the Camzuno mark with the original interface font. */
[data-theme="camzuno"] .remote{background:radial-gradient(ellipse at 20% 20%,#18e8ff16,transparent 55%),radial-gradient(ellipse at 85% 70%,#ff45ae18,transparent 55%),#0c0c18}
[data-theme="camzuno"] .primary,[data-theme="camzuno"] .modal-button,[data-theme="camzuno"] form button,[data-theme="camzuno"] #appStart{background:linear-gradient(115deg,#18e8ff,#ad8aff 58%,#ff70c0);color:#101024;box-shadow:0 4px 20px #9165ff25}
[data-theme="camzuno"] .next{background:#ff70c0;color:#101024}
[data-theme="camzuno"] .compact-menu,[data-theme="camzuno"] .chat,[data-theme="camzuno"] dialog{background:linear-gradient(145deg,#19172d,#111223);border-color:#45405f}
[data-theme="camzuno"] .country-control,[data-theme="camzuno"] .own-gender-control,[data-theme="camzuno"] .gender-control summary{background:#211e38;border-color:#514969}
[data-theme="camzuno"] .theme-card.chosen{box-shadow:0 0 0 1px #ff70c0}