:root{
  --bg0:#08000f;--bg1:#160624;--panel:rgba(18,6,36,.82);--panel-soft:rgba(20,8,42,.58);
  --line:rgba(82,236,255,.34);--line-hot:rgba(255,68,214,.55);--text:#f4f2ff;--muted:#b7a9cf;
  --cyan:#52ecff;--orange:#ff9a4d;--green:#5dffc3;--magenta:#ff44d6;--violet:#8d5cff;--danger:#ff6b91;
  --shadow:0 24px 70px rgba(3,0,12,.58),0 0 34px rgba(141,92,255,.08);
}
body{background:radial-gradient(900px 620px at 14% 12%,rgba(54,211,255,.22),transparent 58%),radial-gradient(920px 700px at 88% 10%,rgba(255,49,207,.24),transparent 58%),radial-gradient(800px 600px at 52% 82%,rgba(118,72,255,.18),transparent 62%),linear-gradient(180deg,#06000c 0%,#12041f 46%,#07010f 100%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(90deg,transparent 0 49.8%,rgba(82,236,255,.025) 50%,transparent 50.2%)}
.topbar{background:rgba(8,0,18,.88);border-bottom:1px solid rgba(255,68,214,.22);box-shadow:0 8px 28px rgba(0,0,0,.32),0 0 26px rgba(82,236,255,.06)}
.brand-mark{border-color:var(--magenta);color:#fff8ff;box-shadow:0 0 18px rgba(255,68,214,.30),inset 0 0 14px rgba(82,236,255,.10)}
.brand-copy strong{color:#fff;text-shadow:0 0 10px rgba(82,236,255,.42),0 0 16px rgba(255,68,214,.20)}
.icon-btn{border-color:rgba(82,236,255,.35);background:linear-gradient(180deg,rgba(82,236,255,.10),rgba(141,92,255,.08));box-shadow:inset 0 0 18px rgba(82,236,255,.04)}
.bag-btn b{background:linear-gradient(135deg,var(--magenta),var(--orange));color:#130018}
.section-nav{background:rgba(10,1,20,.86);border-bottom:1px solid rgba(82,236,255,.14)}
.section-nav button.active{border-bottom-color:var(--magenta);background:linear-gradient(to top,rgba(255,68,214,.12),rgba(82,236,255,.025),transparent);text-shadow:0 0 10px rgba(82,236,255,.35)}
.tc-card{background:linear-gradient(160deg,rgba(31,8,56,.88),rgba(8,9,32,.84));border-color:rgba(82,236,255,.30);box-shadow:var(--shadow),inset 0 0 28px rgba(141,92,255,.035)}
.tc-card::before{background:linear-gradient(90deg,transparent,var(--cyan),var(--magenta),var(--orange),transparent);filter:drop-shadow(0 0 5px rgba(255,68,214,.45))}
.branding,.eyebrow{color:#8cf4ff}.listen-title-card h1{background:linear-gradient(90deg,#fff 0%,#9cf6ff 38%,#ff8ee8 72%,#ffb06a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(82,236,255,.15)}
.badge{color:#ffeafa;border-color:rgba(255,68,214,.62);background:linear-gradient(135deg,rgba(255,68,214,.18),rgba(141,92,255,.14));box-shadow:0 0 18px rgba(255,68,214,.12)}
.pill{border-color:rgba(82,236,255,.32);background:rgba(82,236,255,.07);color:#dcfbff}.quote{border-color:rgba(255,68,214,.36);background:linear-gradient(135deg,rgba(255,68,214,.08),rgba(141,92,255,.08));color:#fbeaff}.quote em{color:#ff9ee8}
.cover{border-color:rgba(255,68,214,.38);background:linear-gradient(145deg,rgba(82,236,255,.08),rgba(255,68,214,.08));box-shadow:0 22px 60px rgba(0,0,0,.48),0 0 26px rgba(255,68,214,.08)}.cover img{border-color:rgba(82,236,255,.28);box-shadow:0 18px 36px rgba(0,0,0,.46),0 0 22px rgba(82,236,255,.08)}
.viz{background:radial-gradient(circle at 50% 45%,rgba(84,19,126,.26),transparent 54%),linear-gradient(180deg,rgba(5,1,18,.82),rgba(12,3,28,.90));border-color:rgba(82,236,255,.38);box-shadow:inset 0 0 42px rgba(141,92,255,.12),0 0 30px rgba(82,236,255,.08)}
.viz-art-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.viz-art-image{width:100%;height:100%;object-fit:cover;opacity:.26;filter:brightness(.46) saturate(1.2) contrast(1.08) hue-rotate(-4deg);transform:scale(1.035);transition:opacity .25s ease,transform .5s ease,filter .25s ease}.viz-art-image.playing{opacity:.34;transform:scale(1.065);filter:brightness(.52) saturate(1.35) contrast(1.10)}
.viz-art-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(11,0,30,.02),rgba(7,0,20,.46) 72%),linear-gradient(135deg,rgba(82,236,255,.07),transparent 36%,rgba(255,68,214,.11));mix-blend-mode:screen}
.viz svg{position:relative;z-index:2}.viz::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(155,245,255,.045) 0 1px,transparent 1px 5px);opacity:.46}.time-circuits{z-index:4;background:rgba(14,2,31,.78);border-color:rgba(255,68,214,.38);color:#aef6ff;box-shadow:0 0 18px rgba(141,92,255,.12)}.time-circuits b{color:#ffb3ec;text-shadow:0 0 8px rgba(255,68,214,.35)}
.controls button{border-color:rgba(82,236,255,.36);background:linear-gradient(180deg,rgba(82,236,255,.13),rgba(141,92,255,.10));box-shadow:inset 0 0 16px rgba(82,236,255,.035)}.controls button:hover{border-color:rgba(255,68,214,.72);background:linear-gradient(180deg,rgba(255,68,214,.22),rgba(82,236,255,.10));box-shadow:0 0 18px rgba(255,68,214,.10)}input[type=range]{accent-color:var(--magenta)}
.track-button{border-color:rgba(82,236,255,.26);background:linear-gradient(135deg,rgba(82,236,255,.06),rgba(141,92,255,.06))}.track-button.active{border-color:rgba(255,68,214,.72);background:linear-gradient(135deg,rgba(255,68,214,.20),rgba(82,236,255,.13));box-shadow:inset 0 0 24px rgba(141,92,255,.11),0 0 18px rgba(255,68,214,.07)}
.archive-card{background:linear-gradient(145deg,rgba(25,7,47,.78),rgba(8,10,29,.76));border-color:rgba(82,236,255,.26)}.archive-state{color:#ff83e1}.capsule-status,.collection-head>span{border-color:rgba(255,68,214,.32);background:rgba(255,68,214,.07);color:#ffb3ec}.product-card:hover{border-color:rgba(255,68,214,.34);box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 24px rgba(255,68,214,.07)}.store-rule{border-color:rgba(255,68,214,.30);background:rgba(141,92,255,.05)}
.toast{background:#18062a;border-color:rgba(82,236,255,.35);box-shadow:var(--shadow),0 0 20px rgba(255,68,214,.10)}
@media(prefers-reduced-motion:no-preference){.brand-mark{animation:tcNeonPulse 4.2s ease-in-out infinite}.viz-art-image.playing{animation:tcArtDrift 9s ease-in-out infinite alternate}}@keyframes tcNeonPulse{0%,100%{box-shadow:0 0 16px rgba(255,68,214,.22),inset 0 0 12px rgba(82,236,255,.08)}50%{box-shadow:0 0 24px rgba(82,236,255,.28),0 0 34px rgba(255,68,214,.14),inset 0 0 14px rgba(255,68,214,.10)}}@keyframes tcArtDrift{from{transform:scale(1.055) translate3d(-.5%,0,0)}to{transform:scale(1.085) translate3d(.5%,-.5%,0)}}