.podcast-showcase.podcast-spectrum-stage{position:relative;isolation:isolate;background:#000;color:#f4f5ff;min-height:760px;padding:76px 0 64px;overflow:hidden;border-top:1px solid #ffffff12}
.podcast-spectrum-stage:before,.podcast-spectrum-stage .podcast-carousel:before{display:none}
.podcast-spectrum-canvas{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.5s ease;background:#000}
.podcast-spectrum-canvas canvas{display:block;width:100%;height:100%}
.spectrum-ready .podcast-spectrum-canvas{opacity:1}
.podcast-spectrum-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0009,transparent 24%,transparent 78%,#0007),radial-gradient(ellipse at 50% 27%,#000b,transparent 62%)}
.podcast-spectrum-stage>header{position:relative;max-width:760px;margin:0 auto 28px}
.podcast-spectrum-stage>header .overline{color:#91d3e9;font-size:10px;letter-spacing:3px}
.podcast-spectrum-stage>header .overline:before,.podcast-spectrum-stage>header .overline:after{background:linear-gradient(90deg,transparent,#44cfe6)}
.podcast-spectrum-stage>header h2{color:#f5f4ff;font-size:clamp(34px,4vw,51px);text-wrap:balance;letter-spacing:-1px;text-shadow:0 2px 35px #000}
.podcast-spectrum-stage>header>p:last-child{color:#bfc3d6;font-size:14px;line-height:1.8;text-wrap:balance}
.spectrum-motion-toggle{position:absolute;right:22px;top:20px;z-index:3;border:1px solid #ffffff26;border-radius:30px;background:#10121dbb;color:#d6d9e9;padding:8px 13px;font:11px/1.3 Arial,sans-serif;backdrop-filter:blur(12px);cursor:pointer}
.spectrum-motion-toggle:hover{background:#25263c}.spectrum-motion-toggle:focus-visible{outline:2px solid #62dafa;outline-offset:4px}.spectrum-motion-toggle[hidden]{display:none}
.podcast-spectrum-stage .spectrum-coming{position:relative;width:min(620px,calc(100% - 42px));box-sizing:border-box;margin:65px auto 26px;padding:42px 38px;border:1px solid #a9c1ff26;border-radius:24px;background:linear-gradient(145deg,#121522aa,#0a0b16bd);box-shadow:0 20px 80px #0009,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(13px);text-align:center}
.spectrum-empty-icon{display:flex;gap:5px;height:45px;align-items:center;justify-content:center;margin:0 auto 25px}
.spectrum-empty-icon i{display:block;width:3px;border-radius:3px;background:linear-gradient(#58d9ef,#a883ff);height:14px;box-shadow:0 0 14px #64bbff44}.spectrum-empty-icon i:nth-child(2n){height:27px}.spectrum-empty-icon i:nth-child(3n){height:40px}.spectrum-empty-icon i:nth-child(4){height:22px}
.spectrum-coming .spectrum-empty-label{font:10px/1.5 Arial,sans-serif;letter-spacing:2.4px;color:#a2c9e5;margin:0 0 16px}
.podcast-spectrum-stage .spectrum-coming h3{font:clamp(29px,3vw,40px)/1.2 Georgia,serif;color:#fff;margin:0 0 20px;text-wrap:balance}
.podcast-spectrum-stage .spectrum-coming>p:not(.spectrum-empty-label){font-size:14px;color:#c0c5d8;line-height:1.9;white-space:pre-line}
.spectrum-contribute{display:inline-flex;align-items:center;gap:25px;margin-top:15px;padding:13px 20px;border:1px solid #8fc5ff55;border-radius:30px;background:linear-gradient(120deg,#367da82b,#7455b72b);color:#eff9ff;font-size:12px;transition:background .2s,box-shadow .2s}
.spectrum-contribute:hover{color:white;background:#497b9a44;box-shadow:0 0 25px #49bdf51c}.spectrum-signature{display:block;margin-top:32px;font-size:9px;letter-spacing:3px;color:#929ab6}
.podcast-spectrum-stage .podcast-search{color:#b3c3df;margin-top:28px}.podcast-spectrum-stage .podcast-search input{background:#0b1020d9;border-color:#b4c4f03b;color:#edf4ff;box-shadow:0 8px 30px #0005;backdrop-filter:blur(10px)}
.podcast-spectrum-stage .podcast-search input::placeholder{color:#9ca9c3}.podcast-spectrum-stage .podcast-search input:focus{outline-color:#5ed6f1}
.podcast-spectrum-stage .podcast-float-card{color:#f4f5ff}.podcast-spectrum-stage .podcast-card-art{border:1px solid #c6d9ff3d;box-shadow:0 25px 50px -12px #000c,0 0 30px #765cff12;background:linear-gradient(140deg,#132c40,#1c1536)}
.podcast-spectrum-stage .podcast-float-copy{position:relative;margin-top:18px;padding:22px 18px 20px;border:1px solid #b4c5ff1f;border-radius:16px;background:#080c18db;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0004}
.podcast-spectrum-stage .podcast-float-copy .podcast-episode-label{color:#93bfe3}.podcast-spectrum-stage .podcast-float-copy h3{color:#f4f4ff}.podcast-spectrum-stage .podcast-float-copy p{color:#bac3d7}.podcast-spectrum-stage .podcast-float-copy .podcast-listen{color:#bcecff;border-color:#78bfd16b}
.podcast-spectrum-stage .podcast-carousel-controls{color:#b6c2d9}.podcast-spectrum-stage .podcast-carousel-controls button{color:#e0f0ff;border-color:#b4c5ff40;background:#101727dd;backdrop-filter:blur(8px);transition:background .2s,box-shadow .2s}
.podcast-spectrum-stage .podcast-carousel-controls button:hover:not(:disabled){background:#25324a;box-shadow:0 0 20px #5bcaff26}.podcast-spectrum-stage .podcast-search-empty{color:#c3cce1}
.spectrum-image-loading:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,#101526 25%,#263145 42%,#101526 60%);background-size:250% 100%;animation:spectrum-skeleton 1.8s ease-in-out infinite}
.spectrum-image-loading img{opacity:0}.spectrum-image-ready img{animation:spectrum-image-in .6s ease both}
.spectrum-ready>header,.spectrum-ready .spectrum-coming{animation:spectrum-content-in .9s ease both}.spectrum-ready .spectrum-coming{animation-delay:.15s}
@keyframes spectrum-skeleton{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes spectrum-content-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes spectrum-image-in{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.podcast-showcase.podcast-spectrum-stage{min-height:720px;padding-top:80px}.podcast-spectrum-stage .spectrum-coming{margin-top:45px;padding:34px 23px}.podcast-spectrum-stage>header{padding:0 24px}.podcast-spectrum-stage>header .overline{letter-spacing:1.8px;font-size:9px}.podcast-spectrum-stage>header .overline:before,.podcast-spectrum-stage>header .overline:after{width:15px;margin:0 7px}.spectrum-motion-toggle{right:16px;top:18px}.podcast-spectrum-stage .podcast-float-copy h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.podcast-spectrum-stage *{animation:none!important;transition:none!important}.podcast-spectrum-canvas{opacity:1}}

.spectrum-ready .podcast-float-card .podcast-card-art{animation:spectrum-content-in .8s ease both}.spectrum-ready .podcast-float-card:nth-child(2) .podcast-card-art{animation-delay:.12s}.spectrum-ready .podcast-float-card:nth-child(3) .podcast-card-art{animation-delay:.24s}
@media(prefers-reduced-motion:reduce){.spectrum-ready .podcast-float-card .podcast-card-art{animation:none!important}}

.podcast-spectrum-stage .spectrum-coming{background:linear-gradient(145deg,#12152255,#080b165c);backdrop-filter:blur(5px);border-color:#b0c9ff30;box-shadow:0 20px 60px #0005,inset 0 1px 0 #ffffff0b}
.podcast-spectrum-stage .spectrum-coming h3,.podcast-spectrum-stage .spectrum-coming p{text-shadow:0 2px 14px #000}
.podcast-spectrum-stage .spectrum-coming .spectrum-signature{display:block;font:10px/1.6 Arial,sans-serif;letter-spacing:2.6px;color:#9eacc5;margin-top:30px}
.podcast-spectrum-stage:after{background:linear-gradient(0deg,#0006,transparent 20%,transparent 80%,#0004),radial-gradient(ellipse at 50% 18%,#0007,transparent 55%)}

.spectrum-empty-icon i{transform-origin:center;animation:spectrum-icon-pulse 2.3s ease-in-out infinite}
.spectrum-empty-icon i:nth-child(2n){animation-delay:-.6s;animation-duration:1.8s}.spectrum-empty-icon i:nth-child(3n){animation-delay:-1.3s;animation-duration:2.7s}.spectrum-empty-icon i:nth-child(4){animation-delay:-.9s;animation-duration:2s}
.podcast-cover-spectrum{position:absolute;left:20px;top:20px;z-index:2;display:flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:7px 11px;border:1px solid #a5e7ff44;border-radius:12px;background:#060d1f88;backdrop-filter:blur(8px);pointer-events:none}
.podcast-cover-spectrum i{width:2px;height:14px;border-radius:3px;background:linear-gradient(#5ce8f5,#aa7aff);box-shadow:0 0 10px #5ce8f544;animation:spectrum-icon-pulse 2.3s ease-in-out infinite;transform-origin:center}
.podcast-cover-spectrum i:nth-child(2n){height:23px;animation-delay:-.8s;animation-duration:1.8s}.podcast-cover-spectrum i:nth-child(3n){height:29px;animation-delay:-1.4s;animation-duration:2.8s}.podcast-cover-spectrum i:nth-child(4){height:18px;animation-delay:-.4s}
@keyframes spectrum-icon-pulse{0%,100%{transform:scaleY(.45);opacity:.65}33%{transform:scaleY(1);opacity:1}68%{transform:scaleY(.65);opacity:.85}}
.podcast-spectrum-stage.spectrum-paused .spectrum-empty-icon i,.podcast-spectrum-stage.spectrum-paused .podcast-cover-spectrum i,.podcast-spectrum-stage.spectrum-suspended .spectrum-empty-icon i,.podcast-spectrum-stage.spectrum-suspended .podcast-cover-spectrum i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.spectrum-empty-icon i,.podcast-cover-spectrum i{animation:none!important}}

.podcast-spectrum-stage .spectrum-coming{background:linear-gradient(145deg,#1016252b,#070b162e);backdrop-filter:blur(2px);border-color:#9acaff35;box-shadow:0 20px 55px #0003,inset 0 1px 0 #ffffff08}
.podcast-spectrum-stage .spectrum-coming h3,.podcast-spectrum-stage .spectrum-coming p{position:relative;text-shadow:0 2px 6px #000,0 0 20px #000,0 0 35px #000}
.podcast-spectrum-stage .spectrum-contribute{background:#0a1636bf;backdrop-filter:blur(8px)}
