.heard-brand{position:relative;display:flex;align-items:center;gap:7px;min-width:0}.theme-lab-trigger{min-width:0;padding:3px 6px;border:1px solid #4a705b;border-radius:999px;background:#14251d;color:#93bca4;font:900 8px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.12em;cursor:pointer}.theme-lab-trigger:hover,.theme-lab-trigger.theme-active,.theme-lab-trigger[aria-expanded=true]{border-color:#74b48e;background:#203c2d;color:#d9ffe8}.theme-lab-trigger:focus-visible,.theme-lab-option:focus-visible,.theme-lab-reset:focus-visible{outline:2px solid #9cd4b2;outline-offset:2px}.theme-lab-control{position:absolute;top:calc(100% + 10px);left:0;z-index:1100;display:block;width:min(390px,calc(100vw - 24px));max-height:min(560px,calc(100dvh - 90px));margin:0;padding:12px;overflow:auto;border:1px solid #496555;border-radius:14px;background:#0d1913f7;color:#f1faf5;box-shadow:0 20px 55px #000b;backdrop-filter:blur(18px);text-transform:none}.theme-lab-control[hidden]{display:none!important}.theme-lab-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.theme-lab-panel-head strong{font-size:14px;letter-spacing:0}.theme-lab-control>p{margin:0 0 10px;color:#90a79a;font-size:11px;font-weight:500;letter-spacing:0}.theme-lab-reset{padding:5px 8px;border:1px solid #456252;border-radius:7px;background:#17261f;color:#c9d9d0;font-size:10px;font-weight:800;cursor:pointer}.theme-lab-reset.selected{border-color:#8ac9a3;color:#dfffea}.theme-lab-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.theme-lab-option{display:grid;grid-template-columns:25px minmax(0,1fr);gap:8px;align-items:center;min-width:0;min-height:48px;padding:7px;border:1px solid #304a3c;border-radius:9px;background:#122219;color:#eaf7ef;text-align:left;cursor:pointer}.theme-lab-option:hover{border-color:#60846f;background:#182d21}.theme-lab-option.selected{border-color:#83c99f;background:#21412f;box-shadow:inset 3px 0 #68d28f}.theme-lab-option strong,.theme-lab-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-lab-option strong{font-size:10px;letter-spacing:.01em}.theme-lab-option small{margin-top:2px;color:#94ad9e;font-size:8px}.theme-lab-swatch{width:25px;height:25px;border:1px solid #ffffff38;border-radius:6px;background:linear-gradient(135deg,#12251b 0 45%,#5cda8c 45% 68%,#f1d26c 68%)}[data-theme-swatch=warm-parchment],[data-theme-swatch=desert-sand],[data-theme-swatch=retro-cream]{background:linear-gradient(135deg,#f7edcf 0 48%,#b66b36 48% 72%,#51432e 72%)}[data-theme-swatch=ocean-blue],[data-theme-swatch=aqua-glass],[data-theme-swatch=nordic-frost]{background:linear-gradient(135deg,#09283b 0 45%,#2bc5dc 45% 70%,#d8fbff 70%)}[data-theme-swatch=sunset-coral],[data-theme-swatch=cherry-cola],[data-theme-swatch=rose-quartz]{background:linear-gradient(135deg,#46141e 0 45%,#ff725c 45% 70%,#ffd0d8 70%)}[data-theme-swatch=lavender-dusk],[data-theme-swatch=plum-velvet]{background:linear-gradient(135deg,#1e1531 0 45%,#b47be9 45% 70%,#f2c7ff 70%)}[data-theme-swatch=monochrome],[data-theme-swatch=slate-editorial],[data-theme-swatch=compact-utility]{background:linear-gradient(135deg,#111 0 45%,#888 45% 70%,#f5f5f5 70%)}[data-theme-swatch=high-contrast]{background:linear-gradient(135deg,#000 0 45%,#ff0 45% 70%,#0ff 70%)}[data-theme-swatch=cyber-neon]{background:linear-gradient(135deg,#09031c 0 40%,#00ffd5 40% 65%,#bd19ff 65%)}[data-theme-swatch=forest-moss]{background:linear-gradient(135deg,#18200f 0 45%,#8aaa4c 45% 70%,#dcecb2 70%)}[data-theme-swatch=amber-terminal]{background:linear-gradient(135deg,#0a0700 0 45%,#ffbd00 45% 70%,#ffeaa6 70%)}[data-theme-swatch=album-mosaic]{background:conic-gradient(from 40deg,#e14c3a,#e0b93e,#2f8f79,#3e62b4,#a83f77,#e14c3a)}[data-test-theme] .theme-lab-trigger{border-color:var(--lab-border);background:var(--lab-panel-2);color:var(--lab-accent)}[data-test-theme] .theme-lab-control{border-color:var(--lab-border);background:color-mix(in srgb,var(--lab-panel) 96%,transparent);color:var(--lab-text)}[data-test-theme] .theme-lab-control>p,[data-test-theme] .theme-lab-option small{color:var(--lab-muted)}

:root[data-test-theme=album-mosaic]{--lab-scheme:dark;--lab-bg:#120e13;--lab-body:radial-gradient(circle at 18% 0,#503029 0,transparent 34%),radial-gradient(circle at 82% 14%,#243d4f 0,transparent 36%),#120e13;--lab-panel:#211a1f;--lab-panel-2:#34282f;--lab-input:#100c0f;--lab-border:#735868;--lab-border-soft:#4b3943;--lab-text:#fff7ef;--lab-muted:#bca9ad;--lab-heading:#ffd866;--lab-secondary:#7fd4ba;--lab-accent:#ff7061;--lab-action:linear-gradient(135deg,#ffcf4f,#f16b52);--lab-action-text:#26120d;--lab-action-shadow:inset 0 1px #fff0aa;--lab-stop:#130e11;--lab-danger:linear-gradient(135deg,#ef4e59,#9e273d);--lab-danger-border:#ff7b83;--lab-danger-shadow:none;--lab-selected:#46333b;--lab-highlight:#68433f;--lab-highlight-edge:#ffd866;--lab-panel-gradient:linear-gradient(135deg,#3e2c30,#1b1519);--lab-shadow:0 18px 48px #0009;--lab-body-font:Avenir,"Segoe UI",sans-serif;--lab-title-font:"Arial Black",Avenir,sans-serif;--lab-width:1120px;--lab-controller-pad:12px 16px;--lab-row-pad:12px;--lab-row-gap:12px;--lab-radius:12px;--lab-control-radius:9px;--lab-cover-radius:4px;--lab-round-radius:50%;--lab-dialog-radius:18px;--lab-tracking:.08em}[data-test-theme=album-mosaic] .history{overflow:visible;border:0;background:transparent}[data-test-theme=album-mosaic] .session{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;overflow:visible;border:0;background:transparent}[data-test-theme=album-mosaic] .session-head{grid-column:1/-1;border:1px solid var(--lab-border);border-radius:10px}[data-test-theme=album-mosaic] .swipe-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;gap:4px!important;min-width:0;padding-right:7px!important;border:1px solid var(--lab-border);border-radius:12px;background:var(--lab-panel)!important;box-shadow:0 14px 30px #0006}[data-test-theme=album-mosaic] .swipe-shell>.row,[data-test-theme=album-mosaic] .row{grid-template-columns:86px minmax(0,1fr)!important;grid-template-rows:auto auto;min-height:112px;border:0;border-radius:12px}[data-test-theme=album-mosaic] .cover{grid-row:1/span 2;width:86px;height:86px;box-shadow:0 8px 18px #0008}[data-test-theme=album-mosaic] .row-meta{grid-column:2;align-self:end}

[data-test-theme] #application>header{border-color:var(--lab-border)!important;background:color-mix(in srgb,var(--lab-panel) 96%,transparent)!important}
[data-test-theme] #application>header nav .round{border-color:var(--lab-border);background:var(--lab-panel-2);color:var(--lab-heading)}

@media(max-width:700px){.theme-lab-control{position:fixed;top:64px;left:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 78px)}.theme-lab-options{grid-template-columns:1fr}:root[data-test-theme=album-mosaic] .session{grid-template-columns:1fr}[data-test-theme=album-mosaic] .swipe-shell>.row,[data-test-theme=album-mosaic] .row{grid-template-columns:68px minmax(0,1fr)!important}[data-test-theme=album-mosaic] .cover{width:68px;height:68px}}

/* Every experiment owns the full canvas, including the native desktop shell. */
html[data-test-theme],html[data-test-theme] body{min-height:100%;background-color:var(--lab-bg)!important}
html[data-test-theme] body{background-image:var(--lab-body)!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}
[data-test-theme] #application{position:relative;z-index:1}

/* Mobile header: the native shell can add Start, Stop and Search to the four web actions. */
@media(max-width:720px){
  #application>header{gap:5px!important;padding:7px 8px!important}
  #application>header .heard-brand{flex:1 1 auto;gap:4px;overflow:visible}
  #application>header h1{flex:0 1 auto;min-width:0;font-size:clamp(21px,6vw,27px)!important;letter-spacing:.13em!important;white-space:nowrap}
  #application>header nav{flex:0 0 auto;gap:3px!important;min-width:0}
  #application>header nav .round,#application>header nav .header-listen{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:15px!important}
  #application>header nav .round svg,#application>header nav .header-listen svg{width:15px!important;height:15px!important}
  .theme-lab-trigger{padding:2px 4px;font-size:7px;letter-spacing:.08em}
}
@media(max-width:520px){
  #application>header h1{font-size:20px!important;letter-spacing:.1em!important}
  #application>header nav .round,#application>header nav .header-listen{width:29px!important;min-width:29px!important;height:29px!important;min-height:29px!important;font-size:14px!important}
  #application>header nav .round svg,#application>header nav .header-listen svg{width:14px!important;height:14px!important}
}
@media(max-width:380px){
  #application>header{gap:3px!important;padding-inline:6px!important}
  #application>header h1{font-size:18px!important;letter-spacing:.07em!important}
  #application>header nav{gap:2px!important}
  #application>header nav .round,#application>header nav .header-listen{width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;font-size:13px!important}
  .theme-lab-trigger{padding-inline:3px;font-size:6px}
}

/* Music art sits behind the application and never intercepts clicks. */
[data-theme-swatch=monochrome]{background:radial-gradient(circle,#ffd46c 0 12%,#e55d5d 13% 24%,#17191d 25% 70%,#765258 71%)}
[data-theme-swatch=compact-utility]{background:linear-gradient(135deg,#132127 0 45%,#5ee0aa 45% 68%,#b7ffe2 68%)}
:root[data-test-theme=high-contrast]{--lab-bg:#071d52;--lab-body:linear-gradient(135deg,#071d52,#26004e 58%,#003b45);--lab-panel:#061337;--lab-panel-2:#102b62;--lab-input:#02091c;--lab-selected:#183e73;--lab-highlight:#045e8a}

:is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) body::before,
:is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) body::after{content:"";position:fixed;z-index:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 18px 30px #0008)}

/* Vinyl Lounge: large round covers and a record-wall backdrop. */
:root[data-test-theme=monochrome]{--lab-bg:#24171a;--lab-body:linear-gradient(135deg,#4b3034,#24171a 48%,#16262b);--lab-panel:#2f2326;--lab-panel-2:#49383b;--lab-border:#8b6e70;--lab-border-soft:#5a4649;--lab-heading:#ffd46c;--lab-accent:#ee7d68;--lab-action:linear-gradient(135deg,#ffd46c,#e78655);--lab-highlight:#70444b;--lab-panel-gradient:linear-gradient(145deg,#564045,#271e20)}
[data-test-theme=monochrome] body::before{left:-55px;bottom:-70px;width:310px;height:310px;background-image:url("theme-assets/vinyl.svg");opacity:.38}
[data-test-theme=monochrome] body::after{right:-35px;top:90px;width:250px;height:155px;background-image:url("theme-assets/stereo.svg");opacity:.2}
[data-test-theme=monochrome] .cover{width:82px;height:82px;border-radius:50%!important;box-shadow:0 0 0 5px #151517,0 10px 22px #0007}
[data-test-theme=monochrome] .row{grid-template-columns:88px minmax(0,1fr) auto!important;min-height:108px}

/* Festival Stage: wide glowing cards with stage equalizers. */
[data-test-theme=cyber-neon] body::before{right:-25px;bottom:12px;width:360px;height:180px;background-image:url("theme-assets/equalizer.svg");opacity:.19;filter:drop-shadow(0 0 18px #00ffd5)}
[data-test-theme=cyber-neon] body::after{left:-20px;top:110px;width:220px;height:165px;background-image:url("theme-assets/speakers.svg");opacity:.16}
[data-test-theme=cyber-neon] .history{overflow:visible;border:0;background:transparent}
[data-test-theme=cyber-neon] .session{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;overflow:visible;border:0;background:transparent}
[data-test-theme=cyber-neon] .session-head{grid-column:1/-1;border:1px solid var(--lab-border)}
[data-test-theme=cyber-neon] .swipe-shell{border:1px solid #6a2cff;border-radius:3px;background:#090716;box-shadow:0 0 18px #5c22ff42}

/* Jukebox Glow: rounded illuminated selections. */
[data-test-theme=cherry-cola] body::before{right:-45px;bottom:-8px;width:310px;height:205px;background-image:url("theme-assets/stereo.svg");opacity:.2}
[data-test-theme=cherry-cola] body::after{left:-60px;top:130px;width:240px;height:240px;background-image:url("theme-assets/vinyl.svg");opacity:.2}
[data-test-theme=cherry-cola] .session{padding:10px;border-radius:26px}
[data-test-theme=cherry-cola] .swipe-shell{margin:7px;border:1px solid #a54857;border-radius:999px;background:#3b121a;box-shadow:inset 0 0 18px #ff47621f}
[data-test-theme=cherry-cola] .row{border:0!important;border-radius:999px!important}
[data-test-theme=cherry-cola] .cover{border-radius:50%!important}

/* Album Mosaic: record-store cards with decorative sleeves. */
[data-test-theme=album-mosaic] body::before{left:-50px;bottom:-70px;width:330px;height:330px;background-image:url("theme-assets/vinyl.svg");opacity:.26}
[data-test-theme=album-mosaic] body::after{right:-35px;top:105px;width:260px;height:160px;background-image:url("theme-assets/stereo.svg");opacity:.17}

/* Cassette Deck: horizontal tape strips. */
:root[data-test-theme=amber-terminal]{--lab-bg:#2a1b0d;--lab-body:linear-gradient(150deg,#6f4a24,#2a1b0d 52%,#172628);--lab-panel:#3a2919;--lab-panel-2:#5a4025;--lab-border:#b68448;--lab-border-soft:#76552f;--lab-heading:#ffe09a;--lab-secondary:#e4bb76;--lab-accent:#ffbd45;--lab-highlight:#7b5526;--lab-panel-gradient:linear-gradient(145deg,#624728,#2d2014)}
[data-test-theme=amber-terminal] body::before{right:-35px;bottom:12px;width:300px;height:188px;background-image:url("theme-assets/cassette.svg");opacity:.25}
[data-test-theme=amber-terminal] body::after{left:-20px;top:110px;width:240px;height:120px;background-image:url("theme-assets/equalizer.svg");opacity:.12}
[data-test-theme=amber-terminal] .swipe-shell{margin:7px;border:2px solid #7e5b34;border-radius:12px;background:linear-gradient(90deg,#3a2919,#4c351e)}
[data-test-theme=amber-terminal] .row{min-height:78px;border:0!important;background:transparent!important}
[data-test-theme=amber-terminal] .cover{width:58px;height:58px;border-radius:50%!important;box-shadow:0 0 0 3px #18120c}

/* Studio Monitor: dense two-column mixing-console layout. */
:root[data-test-theme=compact-utility]{--lab-bg:#132127;--lab-body:linear-gradient(145deg,#27434b,#132127 50%,#1c3030);--lab-panel:#1d3036;--lab-panel-2:#2c4850;--lab-border:#55747c;--lab-border-soft:#36535a;--lab-heading:#b7ffe2;--lab-secondary:#81c9b0;--lab-accent:#5ee0aa;--lab-highlight:#2e715b;--lab-panel-gradient:linear-gradient(145deg,#36545a,#19282d)}
[data-test-theme=compact-utility] body::before{left:-30px;bottom:0;width:250px;height:185px;background-image:url("theme-assets/speakers.svg");opacity:.18}
[data-test-theme=compact-utility] body::after{right:-25px;top:100px;width:290px;height:145px;background-image:url("theme-assets/equalizer.svg");opacity:.12}
[data-test-theme=compact-utility] .history{overflow:visible;border:0;background:transparent}
[data-test-theme=compact-utility] .session{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible;border:0;background:transparent}
[data-test-theme=compact-utility] .session-head{grid-column:1/-1;border:1px solid var(--lab-border)}
[data-test-theme=compact-utility] .swipe-shell{border:1px solid var(--lab-border);border-radius:5px;background:var(--lab-panel)}

/* Additional full-layout experiments. */
[data-test-theme=slate-editorial] .row{grid-template-columns:72px minmax(0,1fr) 92px!important;padding-block:15px;border-left:4px solid var(--lab-accent)}
[data-test-theme=slate-editorial] .cover{width:66px;height:86px;border-radius:2px!important}
[data-test-theme=aqua-glass] .session{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;border:0;background:transparent}
[data-test-theme=aqua-glass] .session-head{grid-column:1/-1;border:1px solid var(--lab-border)}
[data-test-theme=aqua-glass] .swipe-shell{border:1px solid var(--lab-border);border-radius:18px;background:color-mix(in srgb,var(--lab-panel) 76%,transparent);backdrop-filter:blur(16px)}

@media(max-width:760px){
  [data-test-theme=cyber-neon] .session,[data-test-theme=compact-utility] .session,[data-test-theme=aqua-glass] .session{grid-template-columns:1fr}
  :is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) body::before,
  :is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) body::after{opacity:.08}
}

/* Music themes carry their visual identity into the application header. */
[data-test-theme=monochrome] #application>header{background:linear-gradient(165deg,#342326f2,#15191ded),url("theme-assets/vinyl.svg") center 14px/96px no-repeat!important}
[data-test-theme=cyber-neon] #application>header{background:linear-gradient(100deg,#080618f2,#181044e8,#070b18f2),url("theme-assets/equalizer.svg") center/360px 120px no-repeat!important;box-shadow:0 0 32px #6a2cff88,0 12px 40px #0009}
[data-test-theme=cherry-cola] #application>header{background:linear-gradient(110deg,#2b0912f2,#661428e5,#25080ff2),url("theme-assets/stereo.svg") center/250px 125px no-repeat!important;box-shadow:inset 0 0 24px #ff476233,0 12px 34px #0008}
[data-test-theme=album-mosaic] #application>header{background:linear-gradient(90deg,#2a1b22f3,#453238dc,#172b34f3),url("theme-assets/vinyl.svg") 18% center/92px no-repeat,url("theme-assets/vinyl.svg") 82% center/72px no-repeat!important}
[data-test-theme=amber-terminal] #application>header{background:linear-gradient(90deg,#2b1b0cf2,#67451fde,#243336f2),url("theme-assets/cassette.svg") center/210px 132px no-repeat!important;box-shadow:0 14px 42px #0009,inset 0 0 0 2px #f0c16b22}
[data-test-theme=compact-utility] #application>header{background:linear-gradient(100deg,#14252bed,#31545ae8,#14252bed),url("theme-assets/speakers.svg") 7% center/130px 96px no-repeat,url("theme-assets/equalizer.svg") 92% center/190px 85px no-repeat!important;box-shadow:0 12px 30px #02090b99,inset 0 1px #b7ffe233}
:is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) #application>header{background-blend-mode:screen}

@media(min-width:761px){
  :is([data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=compact-utility]) #application>header{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;z-index:1000!important}
  /* Vinyl Lounge: a vertical record console instead of a top toolbar. */
  [data-test-theme=monochrome] #application{padding-top:14px!important;padding-left:142px!important}
  [data-test-theme=monochrome] #application>header{position:fixed!important;top:18px!important;bottom:18px!important;left:18px!important;transform:none!important;width:112px!important;max-height:calc(100dvh - 36px);margin:0!important;padding:14px 10px!important;flex-direction:column!important;justify-content:flex-start!important;gap:14px;border:1px solid var(--lab-border)!important;border-radius:24px;overflow:visible}
  [data-test-theme=monochrome] #application>header .heard-brand{width:100%;flex-direction:column;gap:9px}
  [data-test-theme=monochrome] #application>header h1{writing-mode:vertical-rl;transform:rotate(180deg);margin:82px auto 0;font-size:28px!important;letter-spacing:.22em!important}
  [data-test-theme=monochrome] #application>header nav{width:100%;margin-top:auto;display:grid;grid-template-columns:repeat(2,38px);justify-content:center;gap:7px!important}
  [data-test-theme=monochrome] #application>header nav .round,[data-test-theme=monochrome] #application>header nav .header-listen{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important}
  [data-test-theme=monochrome] .theme-lab-control{position:fixed;top:20px;left:142px}

  /* Festival Stage: oversized floating marquee and custom performance controls. */
  [data-test-theme=cyber-neon] #application{padding-top:112px!important}
  [data-test-theme=cyber-neon] #application>header{top:16px!important;width:min(1050px,calc(100% - 36px))!important;padding:14px 22px!important;border:1px solid #8b55ff!important;border-radius:7px 7px 34px 34px}
  [data-test-theme=cyber-neon] #application>header h1{font-size:43px!important;text-shadow:0 0 16px #00ffd5}
  [data-test-theme=cyber-neon] #application>header nav{align-items:center;gap:8px!important}
  [data-test-theme=cyber-neon] #application>header nav .round,[data-test-theme=cyber-neon] #application>header nav .header-listen{font-size:0!important;border-radius:4px!important}
  [data-test-theme=cyber-neon] #application>header nav svg,[data-test-theme=cyber-neon] #application>header nav .stop-icon{display:none!important}
  [data-test-theme=cyber-neon] #application>header nav button::before{display:grid;place-items:center;font:900 20px/1 "Segoe UI Symbol",sans-serif;color:#00ffd5}
  [data-test-theme=cyber-neon] #accountBtn::before{content:"♫"}
  [data-test-theme=cyber-neon] #shareBtn::before{content:"↗"}
  [data-test-theme=cyber-neon] #settingsBtn::before{content:"≋"}
  [data-test-theme=cyber-neon] #refreshBtn::before{content:"↻"}
  [data-test-theme=cyber-neon] #heardDesktopSearch::before{content:"⌕"}
  [data-test-theme=cyber-neon] .header-start::before{content:"●";color:#73ffd0!important}
  [data-test-theme=cyber-neon] .header-stop::before{content:"■";color:#ff5b9f!important}
  [data-test-theme=cyber-neon] #application>header nav .header-start{width:62px!important;height:52px!important;border-radius:26px!important}
  [data-test-theme=cyber-neon] #application>header nav .header-stop{width:48px!important;height:42px!important}
  [data-test-theme=cyber-neon] #application>header nav .round{width:38px!important;height:38px!important}

  /* Jukebox Glow: an arched illuminated cabinet header. */
  [data-test-theme=cherry-cola] #application{padding-top:106px!important}
  [data-test-theme=cherry-cola] #application>header{top:12px!important;width:min(920px,calc(100% - 28px))!important;padding:20px 25px 12px!important;border:3px double #ffbd75!important;border-radius:80px 80px 18px 18px}
  [data-test-theme=cherry-cola] #application>header h1{font-size:36px!important;text-shadow:0 0 12px #ff4762}
  [data-test-theme=cherry-cola] #application>header nav .round,[data-test-theme=cherry-cola] #application>header nav .header-listen{border:2px solid #e7a85e!important;box-shadow:inset 0 0 9px #ffdb9a44,0 0 8px #ff476244}

  /* Album Mosaic: broad record-store marquee. */
  [data-test-theme=album-mosaic] #application{padding-top:98px!important}
  [data-test-theme=album-mosaic] #application>header{top:10px!important;width:min(1120px,calc(100% - 24px))!important;padding:16px 26px!important;border-radius:16px;border-width:2px!important}
  [data-test-theme=album-mosaic] #application>header h1{font-size:39px!important;text-shadow:2px 2px #28131a}
  [data-test-theme=album-mosaic] #application>header nav .round:nth-child(odd){transform:translateY(-4px)}
  [data-test-theme=album-mosaic] #application>header nav .round:nth-child(even){transform:translateY(4px)}

  /* Cassette Deck: bottom transport dock; its theme chooser opens upward. */
  [data-test-theme=amber-terminal] #application{padding-top:14px!important;padding-bottom:118px!important}
  [data-test-theme=amber-terminal] #application>header{position:fixed!important;top:auto!important;bottom:14px!important;left:50%!important;transform:translateX(-50%)!important;width:min(900px,calc(100% - 28px))!important;margin:0!important;padding:12px 18px!important;border:2px solid #d49b50!important;border-radius:19px}
  [data-test-theme=amber-terminal] #application>header h1{font-size:24px!important}
  [data-test-theme=amber-terminal] #application>header nav{gap:5px!important}
  [data-test-theme=amber-terminal] #application>header nav .round,[data-test-theme=amber-terminal] #application>header nav .header-listen{width:48px!important;height:36px!important;min-height:36px!important;border-radius:6px!important;box-shadow:inset 0 -4px #0005}
  [data-test-theme=amber-terminal] #application>header nav .header-start{width:64px!important}
  [data-test-theme=amber-terminal] .theme-lab-control{top:auto;bottom:calc(100% + 10px)}

  /* Studio Monitor: two-tier mixing-console header with varied knob sizes. */
  [data-test-theme=compact-utility] #application{padding-top:142px!important}
  [data-test-theme=compact-utility] #application>header{top:10px!important;width:min(880px,calc(100% - 26px))!important;padding:11px 18px 15px!important;flex-direction:column!important;gap:8px;border:2px solid #6d9298!important;border-radius:10px}
  [data-test-theme=compact-utility] #application>header .heard-brand{width:100%;justify-content:center}
  [data-test-theme=compact-utility] #application>header h1{font-size:30px!important}
  [data-test-theme=compact-utility] #application>header nav{width:100%;justify-content:center;align-items:center;gap:12px!important}
  [data-test-theme=compact-utility] #application>header nav .round,[data-test-theme=compact-utility] #application>header nav .header-listen{width:38px!important;height:38px!important;border:3px solid #78959a!important;box-shadow:inset 0 0 0 4px #16252a,0 5px 10px #0007}
  [data-test-theme=compact-utility] #application>header nav button:nth-child(3n+1){width:48px!important;height:48px!important}
  [data-test-theme=compact-utility] #application>header nav button:nth-child(even){transform:translateY(3px)}
}

/* Experimental header positions collapse back to the safe mobile top bar. */
@media(max-width:760px){
  :is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) #application{padding-top:calc(var(--heard-header-height,54px) + 12px)!important;padding-left:0!important;padding-bottom:calc(36px + env(safe-area-inset-bottom))!important}
  :is([data-test-theme=monochrome],[data-test-theme=cyber-neon],[data-test-theme=cherry-cola],[data-test-theme=album-mosaic],[data-test-theme=amber-terminal],[data-test-theme=compact-utility]) #application>header{position:fixed!important;top:0!important;right:auto!important;bottom:auto!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important;max-height:none;margin:0!important;padding:7px 8px!important;flex-direction:row!important;justify-content:space-between!important;gap:5px!important;border-width:0 0 1px!important;border-radius:0;overflow:visible}
  [data-test-theme=monochrome] #application>header .heard-brand,[data-test-theme=compact-utility] #application>header .heard-brand{width:auto;flex-direction:row;justify-content:flex-start;gap:4px}
  [data-test-theme=monochrome] #application>header h1{writing-mode:horizontal-tb;transform:none;margin:0;font-size:clamp(21px,6vw,27px)!important;letter-spacing:.13em!important}
  :is([data-test-theme=monochrome],[data-test-theme=compact-utility]) #application>header nav{width:auto;margin:0;display:flex;flex-direction:row;justify-content:flex-end;gap:3px!important}
  [data-test-theme=amber-terminal] .theme-lab-control,[data-test-theme=monochrome] .theme-lab-control{position:fixed;top:58px;bottom:auto;left:10px}
  [data-test-theme=cyber-neon] #application>header nav svg,[data-test-theme=cyber-neon] #application>header nav .stop-icon{display:block!important}
  [data-test-theme=cyber-neon] #application>header nav button::before{content:none!important}
  [data-test-theme=cyber-neon] #application>header nav .round,[data-test-theme=cyber-neon] #application>header nav .header-listen{font-size:15px!important;border-radius:50%!important}
  [data-test-theme=album-mosaic] #application>header nav .round,[data-test-theme=compact-utility] #application>header nav button{transform:none!important}
}

/* Complete theme propagation: every modal, feature panel and interactive surface follows Beta. */
html[data-test-theme] :is(dialog,.account-dialog,.share-dialog,.song-dialog,.business-dialog,.photo-dialog,.photo-gallery-dialog){border-color:var(--lab-border)!important;border-radius:var(--lab-dialog-radius)!important;background:var(--lab-panel)!important;color:var(--lab-text)!important;box-shadow:var(--lab-shadow)!important;font-family:var(--lab-body-font)!important}
html[data-test-theme] dialog::backdrop{background:color-mix(in srgb,var(--lab-bg) 82%,transparent)!important}
html[data-test-theme] :is(.account-dialog-inner,.share-dialog-inner,.song-dialog-inner,.business-dialog-inner,.photo-dialog-inner,.photo-gallery-inner,#settingsForm,.heard-search-shell,.heard-diagnostics-shell){background:var(--lab-panel)!important;color:var(--lab-text)!important}
html[data-test-theme] :is(.settings-pane,.configuration-section-menu,.configuration-debug-pane,.share-scope,.share-detail-options,.account-choice,#signedInPanel,.business-options,.song-links,.photo-gallery-grid,.photo-thumbnails,.heard-search-results,.heard-diagnostics-summary,.heard-diagnostic-panel){border-color:var(--lab-border)!important;background:var(--lab-panel)!important;color:var(--lab-text)!important}
html[data-test-theme] dialog :is(input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=date],input:not([type]),select,textarea,#shareLink){border-color:var(--lab-border)!important;border-radius:var(--lab-control-radius)!important;background:var(--lab-input)!important;color:var(--lab-text)!important;caret-color:var(--lab-accent)!important}
html[data-test-theme] dialog :is(input[type=checkbox],input[type=radio]){accent-color:var(--lab-accent)!important}
html[data-test-theme] dialog :is(button:not(.primary):not(.delete-action),.song-links a,.business-option,.share-scope label){border-color:var(--lab-border)!important;border-radius:var(--lab-control-radius)!important;background:var(--lab-panel-2)!important;color:var(--lab-text)!important}
html[data-test-theme] dialog :is(button.primary,.dialog-actions .primary,.heard-search-submit){border-color:var(--lab-accent)!important;border-radius:var(--lab-control-radius)!important;background:var(--lab-action)!important;color:var(--lab-action-text)!important;box-shadow:var(--lab-action-shadow)!important}
html[data-test-theme] dialog :is(.dialog-head small,legend,.business-choice){color:var(--lab-accent)!important}
html[data-test-theme] dialog :is(p,small,.settings-note,label em,.business-dialog-note,#accountSummary,#accountStatus,#shareStatus,.song-dialog-copy p){color:var(--lab-muted)!important}
html[data-test-theme] :is(.business-option.selected,.share-scope label:has(input:checked)){border-color:var(--lab-accent)!important;background:var(--lab-selected)!important;box-shadow:inset 3px 0 var(--lab-accent)!important}
html[data-test-theme] dialog .configuration-section-option{border-color:transparent!important;background:transparent!important;color:var(--lab-muted)!important;box-shadow:none!important}
html[data-test-theme] dialog .configuration-section-option:hover{border-color:var(--lab-border)!important;background:var(--lab-panel-2)!important;color:var(--lab-text)!important}
html[data-test-theme] dialog .configuration-section-option.active{border-color:var(--lab-accent)!important;background:var(--lab-selected)!important;color:var(--lab-text)!important;box-shadow:inset 3px 0 var(--lab-accent)!important}
html[data-test-theme] :is(.photo-thumb,.photo-more,.photo-icon){border-color:var(--lab-border)!important;border-radius:var(--lab-cover-radius)!important;background:var(--lab-panel-2)!important;color:var(--lab-accent)!important}
html[data-test-theme] :is(.heard-more-panel,.heard-windows-log-link,.heard-diagnostics-button){border-color:var(--lab-border)!important;border-radius:var(--lab-control-radius)!important;background:var(--lab-panel)!important;color:var(--lab-text)!important;box-shadow:var(--lab-shadow)!important}
html[data-test-theme] #heardMorePanel .heard-more-action:hover{border-color:var(--lab-border)!important;background:var(--lab-panel-2)!important;color:var(--lab-text)!important}
html[data-test-theme] :is(.header-start,.heard-search-submit){border-color:var(--lab-accent)!important;background:var(--lab-action)!important;color:var(--lab-action-text)!important;box-shadow:var(--lab-action-shadow)!important}
html[data-test-theme] .header-start:disabled{border-color:var(--lab-border)!important;background:var(--lab-panel-2)!important;color:var(--lab-muted)!important;box-shadow:none!important}
html[data-test-theme] .header-stop{border-color:var(--lab-border)!important;background:var(--lab-stop)!important;color:var(--lab-muted)!important}
html[data-test-theme] .header-stop:not(:disabled){border-color:var(--lab-danger-border)!important;background:var(--lab-danger)!important;color:var(--lab-text)!important;box-shadow:var(--lab-danger-shadow)!important}
html[data-test-theme] .swipe-shell>.delete-action{border-color:var(--lab-border)!important;background:var(--lab-panel)!important;color:var(--lab-muted)!important}
html[data-test-theme] .swipe-shell>.delete-action:hover{border-color:var(--lab-danger-border)!important;background:var(--lab-danger)!important;color:var(--lab-text)!important}