:root,html[data-playroom-theme=green]{--theme-accent:#8b26ff;--theme-accent-2:#a759ff;--theme-on-accent:#ffffff;--theme-base:#09090f;--theme-soft:#302046;--theme-soft-2:#1e172c;--theme-border:#694593;--theme-text:#bf9bff;--theme-muted:#a59bb7;--theme-glow:rgba(139,38,255,.18);--theme-foreground:color-mix(in srgb,#f3f4f6 92%,var(--theme-text))}html[data-playroom-theme=pink]{--theme-accent:#ff79b5;--theme-accent-2:#ffb1d3;--theme-on-accent:#2c0c1b;--theme-base:#120d11;--theme-soft:#3a2030;--theme-soft-2:#251720;--theme-border:#7b405c;--theme-text:#ffc0dc;--theme-muted:#b4a0aa;--theme-glow:rgba(255,80,158,.17);--theme-foreground:color-mix(in srgb,#f3f4f6 92%,var(--theme-text))}html[data-playroom-theme=blue]{--theme-accent:#68b8ff;--theme-accent-2:#a9d9ff;--theme-on-accent:#071929;--theme-base:#0b1016;--theme-soft:#1d3042;--theme-soft-2:#152331;--theme-border:#3e6589;--theme-text:#b7dcff;--theme-muted:#9dadbd;--theme-glow:rgba(60,157,255,.17);--theme-foreground:color-mix(in srgb,#f3f4f6 92%,var(--theme-text))}html[data-playroom-theme=red]{--theme-accent:#ff5b65;--theme-accent-2:#ff9299;--theme-on-accent:#2d080b;--theme-base:#150c0e;--theme-soft:#431e23;--theme-soft-2:#291417;--theme-border:#7c343d;--theme-text:#ffc0c5;--theme-muted:#b7a0a3;--theme-glow:rgba(255,70,84,.18);--theme-foreground:color-mix(in srgb,#f3f4f6 92%,var(--theme-text))}.theme-choice{border:1px solid var(--border,#343941);background:var(--card,#15171c);color:var(--foreground,#f3f4f6);border-radius:18px;padding:18px;text-align:left;display:grid;gap:13px;min-height:155px;transition:transform .15s,border-color .15s,box-shadow .15s}.theme-choice:hover{transform:translateY(-2px)}.theme-choice[data-selected=true]{border-color:var(--theme-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-accent) 35%,transparent),0 14px 40px #0003}.theme-swatch{height:58px;border-radius:12px;border:1px solid color-mix(in srgb,var(--choice) 18%,#94a3b8);background:linear-gradient(135deg,var(--choice-base,#111318) 0 62%,var(--choice) 62% 100%);box-shadow:inset 0 0 34px color-mix(in srgb,var(--choice) 12%,transparent)}.theme-choice strong{font-size:16px}.theme-choice span{font-size:12px;color:var(--muted-foreground,#8f98a4);line-height:1.5}.theme-selected{color:var(--theme-text)!important;font-weight:900!important}