/* v9 — room-selectable glass themes. Static light fields; no costly animated blur. */
html[data-theme="general"]{--theme-a:#99c7ff;--theme-b:#87c9c6;--theme-strong:#d6eaff;--theme-ink:#0c1926;--theme-rim:rgba(184,216,245,.25);--theme-glow:rgba(60,139,205,.18);--rose:#a8d6f5;--violet:#a8bfff}
html[data-theme="evening"]{--theme-a:#f6c98a;--theme-b:#c9a6e3;--theme-strong:#ffdfa8;--theme-ink:#281b14;--theme-rim:rgba(250,212,151,.29);--theme-glow:rgba(218,134,67,.17);--rose:#eac18e;--violet:#dbc0eb}
html[data-theme="romantic"]{--theme-a:#f5abc8;--theme-b:#bca8fb;--theme-strong:#ffe0ef;--theme-ink:#2c1c30;--theme-rim:rgba(247,194,225,.28);--theme-glow:rgba(218,103,164,.18);--rose:#f4b6d1;--violet:#baadfa}
html[data-theme] body{
 background:radial-gradient(ellipse 66% 40% at 13% 0%,var(--theme-glow),transparent 77%),
 radial-gradient(ellipse 62% 36% at 98% 35%,rgba(91,80,155,.12),transparent 76%),
 linear-gradient(160deg,#0b0d18 0%,#0c0b14 55%,#090b13 100%);color:#f7f4fc;
}
html[data-theme="general"] body{background:radial-gradient(ellipse 62% 38% at 8% 0%,rgba(69,132,182,.20),transparent 75%),radial-gradient(ellipse 48% 35% at 98% 42%,rgba(59,128,151,.13),transparent 78%),#090f19}
html[data-theme="evening"] body{background:radial-gradient(ellipse 63% 35% at 10% 0%,rgba(183,122,59,.16),transparent 74%),radial-gradient(ellipse 50% 38% at 94% 39%,rgba(111,69,126,.16),transparent 76%),#0f0b15}
html[data-theme="romantic"] body{background:radial-gradient(ellipse 62% 36% at 9% 0%,rgba(218,98,147,.16),transparent 73%),radial-gradient(ellipse 52% 39% at 94% 43%,rgba(112,86,181,.18),transparent 75%),#110b18}
html[data-theme] .ambient-glow{pointer-events:none;filter:none!important;animation:none!important;opacity:.55}
html[data-theme] .top,html[data-theme] .card{
 background:linear-gradient(152deg,rgba(62,70,92,.37),rgba(23,27,41,.62) 45%,rgba(17,20,33,.76));
 border:1px solid var(--theme-rim);box-shadow:0 19px 60px rgba(3,5,11,.35),inset 0 1px 0 rgba(255,255,255,.105);
 -webkit-backdrop-filter:blur(19px) saturate(1.25);backdrop-filter:blur(19px) saturate(1.25);
}
html[data-theme="evening"] .top,html[data-theme="evening"] .card{background:linear-gradient(147deg,rgba(67,50,53,.44),rgba(29,22,35,.63) 55%,rgba(20,16,27,.79))}
html[data-theme="romantic"] .top,html[data-theme="romantic"] .card{background:linear-gradient(147deg,rgba(86,51,79,.4),rgba(41,28,52,.64) 55%,rgba(23,18,35,.78))}
html[data-theme] .card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
html[data-theme] .btn.primary{background:linear-gradient(120deg,var(--theme-a),var(--theme-b));color:var(--theme-ink);border-color:rgba(255,255,255,.26);box-shadow:0 6px 21px var(--theme-glow),inset 0 1px 0 #fff7}
html[data-theme] .btn.soft{background:linear-gradient(135deg,var(--theme-glow),rgba(255,255,255,.035));border-color:var(--theme-rim)}
html[data-theme] .roomcode,html[data-theme] .room-eyebrow,html[data-theme] .heart{color:var(--theme-strong)}
html[data-theme] .roomcode,html[data-theme] .person,html[data-theme] .feature-strip span{background:var(--theme-glow);border-color:var(--theme-rim)}
html[data-theme] .field:focus,html[data-theme] .quality:focus{border-color:var(--theme-a);box-shadow:0 0 0 3px var(--theme-glow)}
html[data-theme] .notice{background:rgba(46,48,65,.34);border-color:var(--theme-rim)}
html[data-theme] .player-shell{background:#000;border-color:var(--theme-rim)}
html[data-theme] .seek::-webkit-slider-thumb{background:var(--theme-a)}
/* Creation choices: visibly different miniature themes with accessible native select. */
.room-setup-settings{display:grid;grid-template-columns:1fr 1fr;gap:8px 11px;margin:11px 0 0}
.room-setup-settings>label{grid-column:1/-1;padding:0!important;margin:6px 0 0!important;font-size:12px;font-weight:650;color:#eae2ef}
.room-setup-settings #createTitle,.room-setup-settings #createTheme,.room-setup-settings .theme-samples,.room-setup-settings .capacity-help{grid-column:1/-1}
.room-setup-settings select{width:100%;min-width:0;min-height:44px;padding:8px 11px;font-size:13px}
.room-setup-settings #createCapacity{grid-column:1/-1}
.room-setup-settings .optional{font-weight:400;color:#a6a0b2;font-size:10px}
.theme-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:2px}
.theme-samples span{border-radius:12px;padding:12px 5px;font-size:11px;font-weight:700;text-align:center;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.sample-general{background:linear-gradient(145deg,#284867,#101c30);color:#cce7ff}
.sample-evening{background:linear-gradient(145deg,#665039,#21182c);color:#ffe0ac}
.sample-romantic{background:linear-gradient(145deg,#754469,#302545);color:#ffcee4}
.room-setup-settings .capacity-help{font-size:11px;color:#adacbb;line-height:1.6}
.custom-room-title{display:block;max-width:100%;font-size:clamp(15px,3.8vw,20px);font-weight:750;overflow-wrap:anywhere;line-height:1.5}
.room-meta{display:block;color:var(--theme-a,#ddd);font-size:11px;line-height:1.5}
.room-theme-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:2px 0 6px;padding:8px 10px;border:1px solid var(--theme-rim);border-radius:13px;background:rgba(10,11,24,.23);font-size:11px}
.room-theme-toolbar label{color:#d2cbd7;font-weight:650;white-space:nowrap}
.room-theme-toolbar select{border-radius:10px;border:1px solid var(--theme-rim);background:#1e2130;color:#fff;min-height:32px;min-width:107px;padding:4px 8px}
.room-theme-toolbar select:disabled{opacity:.65}
.room-theme-toolbar small{font-size:10px;color:#aca6b5}
.person.vacant{border-style:dashed;opacity:.78}
/* Fullscreen remains sharp and black: no expensive blurs over video itself. */
html[data-theme] #fullScreenZone.immersive{background:#000;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-theme] #fullScreenZone.immersive .player-shell{background:#000;border:0}
@media(max-width:650px){html[data-theme] .top,html[data-theme] .card{-webkit-backdrop-filter:blur(12px) saturate(1.15);backdrop-filter:blur(12px) saturate(1.15)}.theme-samples span{padding:9px 3px}.room-theme-toolbar small{flex-basis:100%}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-theme] .top,html[data-theme] .card{background:#171b29}html[data-theme="evening"] .top,html[data-theme="evening"] .card{background:#211b25}html[data-theme="romantic"] .top,html[data-theme="romantic"] .card{background:#2a1e32}}