/* V5 — NIGHT DEPTH. Only preview.html includes this stylesheet.
   Gold/red/emerald/violet/cyan are audio-frequency colors, NOT tan theme. */
:root{--bg:#050914;--panel:#0e1424;--ink:#f7f9ff;--muted:#c3d1e7;--gold:#e2a532;--red:#bc2f4b;--line:rgba(179,201,255,.22)}
html{scroll-behavior:auto;background:#050914;color-scheme:dark;scroll-padding-top:100px}
body{background:radial-gradient(ellipse at 10% 12%,rgba(42,18,60,.28),transparent 52%),radial-gradient(ellipse at 87% 80%,rgba(7,58,61,.24),transparent 58%),#050914;color:#f7f9ff;min-height:100vh}
#christmas-zaxis{opacity:1;z-index:0;filter:saturate(1.22) brightness(1.12)}
.topbar,main,.footer,.barcut-final{position:relative;z-index:1}
.topbar{position:sticky;top:0;background:rgba(3,8,19,.94);border-bottom:1px solid rgba(174,202,255,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:100;padding:7px 0;box-shadow:0 6px 22px rgba(0,0,0,.25)}
.topbar-inner{display:flex;width:min(1320px,96vw);margin:auto;align-items:center;gap:14px;min-height:53px}
.topbar .brand{flex:0 0 auto;color:#fff;font:900 clamp(.71rem,1.25vw,.88rem)/1.1 system-ui,sans-serif;letter-spacing:.13em;white-space:nowrap}
.topbar .brand span{color:#f3c35a;display:block;letter-spacing:.21em;font-size:.72em;margin-top:3px}
.header-shop-link{padding:10px 13px;border:1px solid rgba(226,165,50,.68);border-radius:12px;color:#ffe8b2;font-size:.72rem;font-weight:900;white-space:nowrap;background:rgba(226,165,50,.10)}
.header-shop-link span{color:#e9b245}
.compact-player{display:flex;align-items:center;gap:8px;min-width:0;flex:1;position:relative}
.compact-radio-actions{margin:0!important;display:flex!important;gap:6px!important;flex:0 0 auto;max-width:none!important;align-items:center}
.compact-radio-actions .btn{min-height:34px!important;padding:7px 10px!important;font:850 .66rem/1.1 system-ui,sans-serif!important;border:1px solid rgba(168,202,255,.35)!important;border-radius:10px!important;background:rgba(24,36,58,.86)!important;color:#eef6ff!important;white-space:nowrap!important;grid-column:auto!important}
.compact-radio-actions #radio-tune{border-color:rgba(226,165,50,.8)!important;color:#ffdf88!important;background:rgba(226,165,50,.12)!important}
.compact-radio-actions #radio-mode[aria-pressed="true"]{border-color:#bc2f4b!important;color:#ffb9c4!important;background:rgba(188,47,75,.26)!important}
.compact-radio-actions .btn:hover{background:rgba(51,74,112,.9)!important}
.compact-player .radio-status{margin:0!important;min-width:0;max-width:260px;flex:1;overflow:hidden;padding:3px 8px!important;background:none!important;border:0!important;white-space:nowrap}
.compact-player .radio-status .now{color:#fff!important;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}
.compact-player .radio-status .status{color:#93adcf!important;font-size:.56rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px!important}
.compact-player .frequency-legend{display:flex!important;flex:none;gap:4px!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
.compact-player .frequency-legend .eq-label{display:none}
.compact-player .frequency-legend .eq-key{font-size:0!important;gap:0!important}
.compact-player .frequency-legend .eq-key .eq-swatch{width:7px;height:15px;display:block;border-radius:3px}
.compact-player .eq-state{display:none}
#radio-list{position:absolute!important;z-index:200;top:calc(100% + 14px);left:0;right:0;width:min(400px,90vw);max-height:min(55vh,450px);margin:0!important;overflow-y:auto;box-shadow:0 22px 60px rgba(0,0,0,.45);background:#111e31!important;border:1px solid rgba(168,202,255,.4)!important;color:#fff;border-radius:14px!important}
#radio-list[hidden]{display:none!important}
#radio-list button{color:#f3f7ff!important;border-color:rgba(255,255,255,.12)!important}
#radio-list button:hover,#radio-list button:focus-visible{color:#ffdf88!important;background:#1c314b!important}
#autoscroll-stop{cursor:pointer;border:1px solid rgba(40,219,170,.65);background:rgba(12,89,82,.38);color:#b2ffe8;font-size:.62rem;font-weight:850;white-space:nowrap;border-radius:10px;padding:8px}
#autoscroll-stop[hidden]{display:none}
#autoscroll-indicator{font-size:.53rem;letter-spacing:.06em;font-weight:750;color:#a8bdcd;white-space:nowrap}
#autoscroll-indicator[data-state="touring"]{color:#7dfcda}
#autoscroll-indicator[data-state="manual"]{color:#e9c179}
.hero{min-height:0!important;display:block!important;padding:clamp(45px,9vh,105px) 0 clamp(38px,7vh,90px)!important;max-width:min(1180px,92vw);border-top:0}
.hero-copy{width:min(850px,100%);padding:22px 0}
.hero .eyebrow{color:#ff8d9b;letter-spacing:.23em}
.hero h1{color:#fff;line-height:.87;font-size:clamp(4.2rem,12vw,9.5rem);margin:20px 0 28px;text-shadow:0 10px 38px rgba(1,6,18,.65)}
.hero h1 span{color:#f7c850;text-shadow:0 2px 30px rgba(228,155,49,.20)}
.hero .lead{color:#eef1ff;max-width:710px;text-shadow:0 1px 12px rgba(0,0,0,.8);font-size:clamp(1.08rem,1.7vw,1.35rem)}
.hero-chips{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:20px;padding:9px 13px;border-radius:999px;font:800 .62rem/1.4 system-ui,sans-serif;letter-spacing:.08em;color:#dafff2;border:1px solid rgba(53,216,176,.45);background:rgba(11,55,57,.55)}
.hero-chips .chip-dot{width:7px;height:7px;border-radius:100%;background:#2be5a8;box-shadow:0 0 13px #16d8a4}
.tour-caption{font-size:.8rem;line-height:1.55;color:#bed3ef;max-width:660px;margin-top:18px}
.tour-caption strong{color:#f9cd66}
section{border-color:rgba(180,206,255,.12);scroll-margin-top:96px}
.snowman-feature{padding:42px 0 70px;background:radial-gradient(ellipse at 50% 50%,rgba(39,71,110,.30),transparent 68%)}
.snowman-feature-inner{position:relative;display:flex;flex-direction:column;align-items:center}
.snowman-feature-link{display:block;width:min(640px,90%);border-radius:27px;overflow:hidden;border:1px solid rgba(237,190,101,.52);box-shadow:0 15px 100px rgba(2,5,17,.62),0 0 75px rgba(226,165,50,.12)}
.snowman-feature-link img{width:100%;height:auto;display:block;transition:transform .35s ease}
.snowman-feature-link:hover img{transform:scale(1.025)}
.snowman-feature-link:focus-visible{outline:4px solid #ffe08b;outline-offset:3px}
.feature-label{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;padding:12px;font-size:.7rem;letter-spacing:.11em;color:#c0d3ec}
.feature-label strong{color:#ffe29d}
.eyebrow,.kicker{color:#f5bd62}
.section-head h2{color:#f4f9ff;text-shadow:0 3px 16px rgba(0,0,0,.48)}
.section-head p,.card p,.story,.radio p,.lead{color:#cbd8ea}
.card{background:rgba(12,22,38,.80);border-color:rgba(165,203,255,.22);box-shadow:0 14px 45px rgba(0,0,0,.21);backdrop-filter:blur(5px)}
.card .media{background:#0b1628}
.card h3,.price,.story{color:#fff}
.price{color:#f8c35d}
.btn{color:#f7faff;border:1px solid rgba(176,207,250,.46);background:rgba(13,32,53,.75)}
.btn.primary{color:#160f0b;background:#f0ba4c;border-color:#f5cc6a}
.btn:hover{background:#284364;color:#fff}
.badge{color:#eaf0ff;border-color:rgba(174,199,255,.24);background:rgba(16,25,46,.7)}
.product-wide img{border-color:rgba(215,182,106,.42)}
.story strong{color:#ffacbb}
.spec{background:rgba(10,27,50,.76);border-color:rgba(177,206,244,.25);color:#eaf0ff}
.spec b{color:#f5c361}
.radio{background:linear-gradient(120deg,rgba(9,25,43,.85),rgba(38,13,37,.62));border-color:rgba(185,195,255,.3)}
.footer{color:#c5d4e9;border-color:rgba(167,190,233,.14);background:rgba(4,8,18,.55);font-size:.75rem}
.tee-purchase{border-top-color:rgba(180,204,255,.28)}
.tee-purchase .tee-field{color:#f6e3bc}
.tee-purchase select{color:#f4f9ff;background:#0c2137;border-color:#517297;color-scheme:dark}
.tee-purchase .tee-price{color:#f7cc73}
.tee-purchase .tee-purchase-note{color:#d1daed}
.galaxy-media .preview-switch{background:rgba(2,8,17,.85)}
/* Existing end-of-page soundtrack/SEO message stays in place,
   but no longer resembles a second full-sized music player. */
.radio{padding:clamp(18px,3vw,28px)}
.radio h2{font-size:clamp(1.6rem,3.6vw,2.8rem)!important;margin:6px 0 8px}
.radio .lead{font-size:clamp(.88rem,1.3vw,1rem);max-width:770px;line-height:1.5}
.radio .actions{margin-top:14px;gap:10px}
.radio .btn{padding:10px 14px;min-height:41px;font-size:.79rem}
/* Last, always. BarCut does not obscure CTA or dynamic scroll content. */
.barcut-final{padding:25px 0 46px;background:rgba(5,9,20,.93);border-top:1px solid rgba(214,176,91,.54);scroll-margin-top:94px}
.barcut-final-wrap{width:min(1240px,94vw)}
.barcut-final-title{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;color:#f4dcaf;font-size:.68rem;letter-spacing:.15em;font-weight:800}
.barcut-final .barcut-hero-words{width:100%;max-width:100%;margin:0;border-radius:20px;background:linear-gradient(110deg,#1b1022,#251024 50%,#090e26);box-shadow:0 8px 42px rgba(14,11,24,.5)}
.barcut-final .barcut-words-stage{height:clamp(90px,12vw,150px)}
.barcut-final .barcut-word{font-size:clamp(2.2rem,7vw,5.4rem)}
.barcut-final .barcut-words-footer{min-height:34px}
.barcut-final .barcut-editor{max-width:100%}
@media(max-width:1150px){
  .topbar-inner{width:min(96vw,1180px);gap:8px;flex-wrap:wrap;justify-content:space-between}
  .compact-player{order:3;flex:1 1 100%;min-height:37px}
  .header-shop-link{margin-left:auto}
  .compact-player .radio-status{max-width:none}
  .compact-player .frequency-legend{margin-left:auto!important}
}
@media(max-width:620px){
  .topbar{padding:5px 0}
  .topbar-inner{width:96vw;gap:4px}
  .topbar .brand{font-size:.68rem;letter-spacing:.09em}
  .header-shop-link{font-size:.64rem;padding:6px 11px}
  .compact-player{gap:4px;flex-wrap:wrap}
  .compact-radio-actions{width:100%;justify-content:space-between;gap:3px!important}
  .compact-radio-actions .btn{flex:1;font-size:.6rem!important;padding:7px 4px!important;min-height:31px!important}
  .compact-player .radio-status{max-width:65%;flex:1 1 58%;padding:3px 2px!important}
  .compact-player .radio-status .now{font-size:.66rem}
  .compact-player .radio-status .status{display:none}
  .compact-player .frequency-legend{gap:3px!important;flex:0 1 auto}
  .compact-player .frequency-legend .eq-swatch{width:5px!important;height:11px!important}
  #autoscroll-indicator{font-size:.49rem}
  #autoscroll-stop{font-size:.52rem;padding:5px}
  #radio-list{top:calc(100% + 4px);width:min(100%,420px)}
  .hero{padding:38px 0 24px!important}
  .hero-copy{padding:10px 0}
  .hero h1{font-size:clamp(3.45rem,16vw,6rem);margin:17px 0 19px}
  .hero .lead{font-size:1rem;line-height:1.55}
  .hero-chips{border-radius:15px;line-height:1.7;font-size:.55rem}
  .snowman-feature{padding:18px 0 48px}
  .snowman-feature-link{width:96%;border-radius:18px}
  .barcut-final-wrap{width:96vw}
  .barcut-final .barcut-words-stage{height:70px}
  .barcut-final .barcut-word{font-size:clamp(1.35rem,7vw,3rem)}
  .barcut-final-title{font-size:.56rem}
}
@media(prefers-reduced-motion:reduce){.snowman-feature-link:hover img{transform:none}}