/* LIVE ARCHIVE — selectable visual systems. Original is intentionally unchanged. */
:root{color-scheme:dark}
html[data-theme="original"]{color-scheme:dark}
html[data-theme="nightlife"]{--bg:#090811;--panel:#161022;--panel2:#211332;--ink:#f9f6ff;--muted:#aaa1be;--line:#332446;--acid:#c657ff;--orange:#ff4ab6;color-scheme:dark}
html[data-theme="signal"]{--bg:#f1eee6;--panel:#fffefa;--panel2:#e3dfd5;--ink:#101010;--muted:#5c5851;--line:#181818;--acid:#ff4e2f;--orange:#4b39e8;color-scheme:light}
html[data-theme="hifi"]{--bg:#211b17;--panel:#342c24;--panel2:#453a2d;--ink:#f8ecd5;--muted:#c0aa8c;--line:#806e52;--acid:#ffc76e;--orange:#d78c43;color-scheme:dark}
html[data-theme="retro"]{--bg:#f3e7cc;--panel:#fff4d9;--panel2:#e9d6ae;--ink:#3a281e;--muted:#78634c;--line:#a88b67;--acid:#cf552f;--orange:#7a6339;color-scheme:light}
html[data-theme]:not([data-theme="original"]) body{background:var(--bg);color:var(--ink);transition:background-color .22s,color .22s}
html[data-theme]:not([data-theme="original"]) .stat,html[data-theme]:not([data-theme="original"]) .panel{background:var(--panel);border-color:var(--line)}
html[data-theme]:not([data-theme="original"]) .top{border-color:var(--line)}
html[data-theme]:not([data-theme="original"]) input,html[data-theme]:not([data-theme="original"]) select,html[data-theme]:not([data-theme="original"]) textarea{color:var(--ink);background:var(--panel);border-color:var(--line)}
html[data-theme]:not([data-theme="original"]) .btn{background:var(--acid);color:var(--bg)}
/* Reference-led nightlife: immersive black, violet light pools and dramatic editorial type. */
html[data-theme="nightlife"] body{background:radial-gradient(ellipse 380px 450px at 4% 36%,#5e18734d,transparent 72%),radial-gradient(ellipse 340px 470px at 96% 17%,#122d9e55,transparent 75%),radial-gradient(ellipse 340px 440px at 78% 80%,#86146b35,transparent 75%),#090811;background-attachment:fixed}
html[data-theme="nightlife"] .shell{max-width:1320px}
html[data-theme="nightlife"] .top{border-bottom-color:#ffffff29;padding-top:14px}
html[data-theme="nightlife"] .brand{font-size:27px;letter-spacing:-1.5px}
html[data-theme="nightlife"] .hero{position:relative;padding:75px 0 60px}
html[data-theme="nightlife"] h1{font-weight:700;letter-spacing:-.075em;line-height:.9;text-transform:uppercase;max-width:940px;text-shadow:0 0 70px #943fff4a}
html[data-theme="nightlife"] .eyebrow{color:#ef83ff}
html[data-theme="nightlife"] .panel,html[data-theme="nightlife"] .stat{background:linear-gradient(145deg,#1b112a,#0e0c17);border:1px solid #49315e;box-shadow:0 18px 65px #0007,0 0 48px #8a30d512}
html[data-theme="nightlife"] .card:hover,html[data-theme="nightlife"] .panel:hover{box-shadow:0 18px 70px #a52cff26}
html[data-theme="nightlife"] .btn{background:linear-gradient(110deg,#ab2df0,#e342bb);box-shadow:0 5px 24px #bd35ef66;border:0;color:#fff}
html[data-theme="nightlife"] .stat b{color:#e884ff}
html[data-theme="nightlife"] .related-panel{background:linear-gradient(150deg,#28133b,#100d1b);border-color:#6a347e;box-shadow:0 0 60px #8b2bc42b}
html[data-theme="nightlife"] .related-feature-cta,html[data-theme="nightlife"] .related-footer{background:#c657ff;color:#120a1c!important}
html[data-theme="nightlife"] .related-live-dot,html[data-theme="nightlife"] .related-timeline-dot{background:#c657ff}
/* Signal: oversized editorial typography and stark, unapologetic structure. */
html[data-theme="signal"] body{background:linear-gradient(90deg,transparent 98%,#16161612 98%) 0 0/46px 46px,var(--bg)}
html[data-theme="signal"] .top{border-bottom:3px solid #111}
html[data-theme="signal"] .brand{font-weight:700;letter-spacing:-2px;text-transform:uppercase}
html[data-theme="signal"] nav a{color:#292929;font-weight:700}
html[data-theme="signal"] .hero{padding:65px 0 45px}
html[data-theme="signal"] h1{font-weight:700;text-transform:uppercase;letter-spacing:-.085em;line-height:.87}
html[data-theme="signal"] h2{font-weight:700;text-transform:uppercase}
html[data-theme="signal"] .stat,html[data-theme="signal"] .panel{border:2px solid #171717;border-radius:0;box-shadow:7px 7px 0 #171717}
html[data-theme="signal"] .btn{border:2px solid #111;border-radius:0;box-shadow:4px 4px 0 #111;font-weight:800}
html[data-theme="signal"] .related-panel{border:2px solid #111;border-radius:0;background:#fffefa;box-shadow:8px 8px 0 #111;color:#111}
html[data-theme="signal"] .related-panel .related-feature-cta,html[data-theme="signal"] .related-footer{background:#ff4e2f;color:#111!important}
html[data-theme="signal"] .related-panel .related-group{border-color:#aaa}
html[data-theme="signal"] .related-panel .related-stats strong,html[data-theme="signal"] .related-panel .related-heading h3,html[data-theme="signal"] .related-panel .related-record-copy strong,html[data-theme="signal"] .related-panel .related-timeline-copy strong{color:#171717}
html[data-theme="signal"] .related-panel .related-record-copy small,html[data-theme="signal"] .related-panel .related-timeline-copy small{color:#555}
/* Hi-Fi: layered walnut, machined panels, engraved labels, and warm backlit controls. */
html[data-theme="hifi"] body{background:repeating-linear-gradient(2deg,#ffffff05 0 1px,transparent 1px 5px),linear-gradient(115deg,#1b1612,#30241b 55%,#1d1814);background-attachment:fixed}
html[data-theme="hifi"] .shell{max-width:1240px}
html[data-theme="hifi"] .top{padding:22px 25px;background:linear-gradient(#514539,#2c251e);border:1px solid #a08b67;border-radius:9px;box-shadow:inset 0 2px #ffffff2c,0 7px 25px #0009}
html[data-theme="hifi"] .brand{font-family:Georgia,serif;letter-spacing:1px}
html[data-theme="hifi"] h1,html[data-theme="hifi"] h2{font-family:Georgia,serif;letter-spacing:-.045em}
html[data-theme="hifi"] .stat,html[data-theme="hifi"] .panel{background:linear-gradient(155deg,#544738,#302820);border:2px solid #8c795a;border-radius:10px;box-shadow:inset 0 2px 1px #ffffff28,inset 0 -4px 8px #0006,0 8px 22px #0008}
html[data-theme="hifi"] .stat b{color:#ffcf81;text-shadow:0 0 15px #ff9e3659}
html[data-theme="hifi"] .btn{background:linear-gradient(#ffda96,#b9823f);color:#302015;border:1px solid #f8e5b4;border-radius:6px;box-shadow:inset 0 2px #fff6,0 4px 0 #77512d,0 7px 12px #0008}
html[data-theme="hifi"] .eyebrow,html[data-theme="hifi"] nav a{letter-spacing:2px}
html[data-theme="hifi"] .related-panel{background:linear-gradient(135deg,#665039,#30261e);border:4px ridge #ac9674;box-shadow:inset 0 2px #ffffff3a,0 15px 30px #0008}
html[data-theme="hifi"] .related-feature-cta,html[data-theme="hifi"] .related-footer{background:linear-gradient(#ffd99d,#b98140);color:#322216!important}
/* Retro: 1970s record-store print, soft cream paper, warm ink and playful roundness. */
html[data-theme="retro"] body{background:radial-gradient(#7b593817 1px,transparent 1px) 0 0/5px 5px,#f3e7cc}
html[data-theme="retro"] .top{border-bottom:4px double #765234}
html[data-theme="retro"] .brand{font-family:Georgia,serif;font-weight:700;letter-spacing:-1px}
html[data-theme="retro"] h1,html[data-theme="retro"] h2{font-family:Georgia,serif;letter-spacing:-.06em}
html[data-theme="retro"] h1{color:#9e432b}
html[data-theme="retro"] .stat,html[data-theme="retro"] .panel{background:#fff4d9;border:2px solid #a88b67;border-radius:22px 5px 22px 5px;box-shadow:4px 5px 0 #a88b6744}
html[data-theme="retro"] .btn{background:#cf552f;color:#fff8e9;border:2px solid #6f3628;border-radius:25px;box-shadow:3px 4px 0 #6f3628}
html[data-theme="retro"] .stat b{color:#bd4e2b}
html[data-theme="retro"] .related-panel{background:#fff4d9;border:3px solid #936d4c;border-radius:24px 5px 24px 5px;box-shadow:6px 7px 0 #936d4c66;color:#3a281e}
html[data-theme="retro"] .related-panel .related-feature-cta,html[data-theme="retro"] .related-footer{background:#cf552f;color:#fff4d9!important}
html[data-theme="retro"] .related-panel .related-stats strong,html[data-theme="retro"] .related-panel .related-heading h3,html[data-theme="retro"] .related-panel .related-record-copy strong,html[data-theme="retro"] .related-panel .related-timeline-copy strong{color:#3a281e}
html[data-theme="retro"] .related-panel .related-record-copy small,html[data-theme="retro"] .related-panel .related-timeline-copy small{color:#78634c}
/* Appearance selector — swatches are miniature compositions, not mere colour dots. */
.theme-admin-intro p{max-width:740px;line-height:1.6;color:var(--muted)}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:25px 0}
.theme-option{background:var(--panel);border:2px solid var(--line);border-radius:13px;overflow:hidden;min-width:0}
.theme-option.selected{outline:3px solid var(--acid);outline-offset:2px}
.theme-swatch{height:220px;position:relative;overflow:hidden;padding:18px 23px;display:flex;flex-direction:column;justify-content:space-between}
.theme-swatch-top{display:flex;justify-content:space-between;font:700 11px 'DM Mono',monospace;letter-spacing:1px}
.theme-swatch-head{font-size:clamp(24px,3vw,39px);font-weight:900;line-height:.94;max-width:220px;letter-spacing:-1.5px}
.theme-swatch-art{display:flex;gap:7px;align-items:end;height:58px}
.theme-swatch-art span{height:100%;width:60px;background:linear-gradient(145deg,#ffffff66,#ffffff08);border:1px solid #ffffff44}
.theme-swatch-art span:nth-child(2){height:80%}.theme-swatch-art span:nth-child(3){height:65%}
.theme-swatch-foot{font:9px 'DM Mono',monospace;letter-spacing:1px}
.theme-swatch-original{background:#10110f;color:#d8ff58}
.theme-swatch-nightlife{background:radial-gradient(ellipse at 85% 25%,#5632d5aa,transparent 50%),radial-gradient(ellipse at 20% 90%,#d72fc277,transparent 55%),#090811;color:#f3eaff}
.theme-swatch-nightlife .theme-swatch-head{color:#f6d2ff;text-shadow:0 0 26px #cb52ff}
.theme-swatch-signal{background:linear-gradient(90deg,#0000000b 1px,transparent 1px) 0 0/30px 30px,#f1eee6;color:#121212}
.theme-swatch-signal .theme-swatch-head{background:#ff4e2f;display:inline;align-self:start;padding:5px;max-width:270px}
.theme-swatch-hifi{background:repeating-linear-gradient(3deg,#ffffff0a 0 1px,transparent 1px 5px),linear-gradient(135deg,#4f3c2a,#1d1814);color:#ffd89a;border:9px ridge #a18c6d}
.theme-swatch-hifi .theme-swatch-art span{border-radius:50%;width:55px;height:55px;background:radial-gradient(circle,#ffd98c 0 10%,#534736 12% 30%,#bca98b 33% 50%,#28231e 53%);border:2px solid #e6c997}
.theme-swatch-retro{background:radial-gradient(#7b593821 1px,transparent 1px) 0 0/5px 5px,#f3e7cc;color:#9e432b}
.theme-swatch-retro .theme-swatch-head{font-family:Georgia,serif;font-style:italic}
.theme-swatch-retro .theme-swatch-art span{border-radius:50%;background:#cf552f;border:6px solid #f7bb6e}
.theme-option-info{padding:17px;display:flex;justify-content:space-between;gap:15px;align-items:center}
.theme-option-info h3{margin:0 0 7px;font-size:18px}.theme-option-info p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.theme-preview-btn,.theme-action-bar button:not(.btn){cursor:pointer;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:10px 14px;border-radius:7px;white-space:nowrap}
.theme-action-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;background:var(--panel);border:2px solid var(--line);border-radius:12px;box-shadow:0 -6px 25px #0004}
.theme-action-buttons{display:flex;gap:9px;align-items:center}
@media(max-width:760px){.theme-grid{grid-template-columns:1fr}.theme-action-bar{position:static;flex-wrap:wrap}.theme-option-info{flex-wrap:wrap}}


/* v1.1.1: image-led previews, with the actual theme name prominent */
.theme-swatch{isolation:isolate;height:260px;padding:18px 22px 15px;justify-content:flex-start;gap:12px}
.theme-swatch::before{content:"";position:absolute;inset:0;z-index:-1;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.95;pointer-events:none}
.theme-swatch::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),transparent 85%)}
.theme-swatch-top{position:relative;z-index:1}
.theme-swatch-head{position:relative;z-index:1;font-size:clamp(19px,2.5vw,29px);max-width:70%;line-height:1.02}
.theme-swatch-art{display:none}
.theme-swatch-foot{position:relative;z-index:1;margin-top:auto;font-weight:700}
.theme-swatch-name{position:relative;z-index:2;font-size:21px;font-weight:900;letter-spacing:-.5px;line-height:1.1;padding:8px 12px;align-self:flex-start;background:rgba(0,0,0,.78);color:#fff;border:1px solid #ffffff55;border-radius:5px;box-shadow:0 3px 16px #0006}
.theme-swatch-original::before{background-image:radial-gradient(circle at 75% 55%,#d8ff5860,transparent 25%),repeating-linear-gradient(90deg,transparent 0 20px,#d8ff581c 21px 23px,transparent 24px 36px);background-size:cover}
.theme-swatch-original::after{background:linear-gradient(90deg,#10110fe8,#10110f40)}
.theme-swatch-nightlife::before{background-image:url('theme-art/disco-ball.svg'),url('theme-art/club-lights.svg');background-size:auto 105%,cover;background-position:85% 35%,center}
.theme-swatch-nightlife::after{background:linear-gradient(90deg,#090811dc,#09081110)}
.theme-swatch-signal::before{background-image:url('theme-art/signal-poster.svg'),url('theme-art/signal-grid.svg');background-size:auto 105%,cover;background-position:90% center,center}
.theme-swatch-signal::after{background:linear-gradient(90deg,#f1eee6e8,#f1eee610)}
.theme-swatch-signal .theme-swatch-name{background:#141414;color:#fff}
.theme-swatch-hifi{border:7px ridge #a18c6d;background:#3c2b20}
.theme-swatch-hifi::before{background-image:url('theme-art/turntable.svg'),url('theme-art/walnut.svg');background-size:auto 115%,cover;background-position:90% center,center}
.theme-swatch-hifi::after{background:linear-gradient(90deg,#1b120fe8,#1b120f20)}
.theme-swatch-hifi .theme-swatch-head{background:none;max-width:65%;color:#ffe2ad;text-shadow:0 2px 7px #000}
.theme-swatch-hifi .theme-swatch-name{background:#35261d;color:#ffe2ad;border-color:#c9a576}
.theme-swatch-retro::before{background-image:url('theme-art/retro-sleeve.svg'),url('theme-art/paper.svg');background-size:auto 110%,cover;background-position:90% center,center}
.theme-swatch-retro::after{background:linear-gradient(90deg,#f3e7cce8,#f3e7cc10)}
.theme-swatch-retro .theme-swatch-name{background:#a7462b;color:#fff;border-color:#f6c183}
.theme-option:hover .theme-swatch::before{transform:scale(1.035);transition:transform .4s ease}
.theme-swatch::before{transition:transform .4s ease}
@media(prefers-reduced-motion:reduce){.theme-option:hover .theme-swatch::before{transform:none;transition:none}}
@media(max-width:560px){.theme-swatch{height:220px}.theme-swatch-head{font-size:22px}.theme-swatch-name{font-size:18px}}