:root{--listen-cyan:#62d8ff;--listen-blue:#1aa8ff;--listen-violet:#8b7cff;--listen-panel:rgba(9,19,29,.94);--listen-border:rgba(112,205,255,.19)}
.listen-page{background:radial-gradient(circle at 12% 0,rgba(14,155,255,.18),transparent 28%),radial-gradient(circle at 88% 15%,rgba(139,124,255,.1),transparent 25%),linear-gradient(180deg,#03070c,#07111b 46%,#03070b);color:#f8fbff}.listen-page button,.listen-page input,.listen-page select{font:inherit}.listen-hero{padding:34px 0 18px}.listen-hero-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:30px;align-items:stretch;padding:clamp(30px,5vw,62px);border:1px solid var(--listen-border);border-radius:30px;background:linear-gradient(135deg,rgba(7,24,39,.98),rgba(6,10,18,.98));box-shadow:0 28px 80px rgba(0,0,0,.42);overflow:hidden}.listen-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:900;color:var(--listen-cyan);margin-bottom:10px}.listen-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.9;margin:0 0 20px}.listen-hero p{max-width:760px;color:#c5d1dd;font-size:1.08rem;margin:0}.listen-lock-note{margin-top:24px;display:flex;gap:13px;align-items:flex-start;padding:16px 18px;border:1px solid rgba(98,216,255,.22);border-radius:17px;background:rgba(8,96,137,.12)}.listen-lock-note>span{font-size:1.35rem}.listen-lock-note div{display:grid;gap:3px}.listen-lock-note strong{color:#fff}.listen-lock-note div>span{color:#bfcbd6;font-size:.9rem}.listen-hero-stat{min-height:220px;border-radius:24px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,rgba(26,168,255,.23),rgba(139,124,255,.09)),#071019;border:1px solid rgba(98,216,255,.2)}.listen-hero-stat strong{font-size:clamp(4rem,9vw,7rem);line-height:.8;color:#fff}.listen-hero-stat span{margin-top:14px;color:#c6d4df;font-weight:700}.listen-section{padding:42px 0}.listen-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.listen-section-head h2,.listen-finder h2,.listen-player-copy h2{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);text-transform:uppercase}.listen-section-head p{margin:0;max-width:600px;color:#bac7d2}.listen-latest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.listen-latest-card,.listen-archive-card{min-width:0}.listen-card-action,.listen-archive-play{appearance:none;width:100%;padding:0;text-align:left;color:inherit;border:1px solid var(--listen-border);background:linear-gradient(180deg,rgba(14,28,41,.96),rgba(7,14,22,.98));border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.listen-card-action:hover,.listen-card-action:focus-visible,.listen-archive-play:hover,.listen-archive-play:focus-visible{transform:translateY(-3px);border-color:rgba(98,216,255,.56);box-shadow:0 18px 42px rgba(0,0,0,.32);outline:none}.listen-cover,.listen-archive-cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:#020406}.listen-cover img,.listen-archive-cover img{width:100%;height:100%;object-fit:cover}.listen-play-badge{position:absolute;right:12px;bottom:12px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(7,13,20,.9);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.45);color:#fff}.listen-card-copy{display:flex;flex-direction:column;gap:7px;padding:15px}.listen-card-copy strong{font-size:1rem;line-height:1.25}.listen-date{font-size:.8rem;color:#aebdca}.listen-card-chips{display:flex;gap:6px;flex-wrap:wrap}.listen-chip{font-size:.7rem;font-weight:800;padding:4px 7px;border-radius:999px;background:rgba(34,153,211,.13);border:1px solid rgba(98,216,255,.18);color:#d9f5ff}.listen-player-section{padding-top:24px}.listen-player-panel{display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;border:1px solid var(--listen-border);border-radius:26px;background:linear-gradient(135deg,rgba(10,31,47,.97),rgba(5,10,17,.98));padding:26px}.listen-player-copy{display:flex;flex-direction:column;justify-content:center}.listen-player-copy p{color:#bac7d2}.listen-open-link{font-weight:800;color:var(--listen-cyan);width:max-content}.listen-player-shell{min-height:170px;background:#03070b;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;display:flex;align-items:center}.listen-player-shell iframe{width:100%;height:120px;border:0;border-radius:12px;background:#090d13}.listen-player-placeholder{width:100%;display:grid;place-items:center;text-align:center;gap:5px;color:#aebdca}.listen-player-placeholder>span{font-size:2rem}.listen-player-placeholder strong{color:#fff}.listen-finder{border:1px solid var(--listen-border);border-radius:26px;padding:26px;background:linear-gradient(180deg,rgba(10,27,40,.97),rgba(6,13,21,.98))}.listen-finder-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.listen-finder-head p{margin:8px 0 0;color:#bac7d2}.listen-reset{border:1px solid var(--listen-border);background:rgba(255,255,255,.04);color:#fff;border-radius:999px;padding:10px 15px;cursor:pointer;font-weight:800}.listen-intent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}.listen-intent{min-height:122px;border:1px solid var(--listen-border);border-radius:16px;background:rgba(255,255,255,.025);color:#fff;padding:13px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:3px}.listen-intent>span{font-size:1.5rem;margin-bottom:auto}.listen-intent strong{font-size:.9rem}.listen-intent small{color:#aebdca}.listen-intent.is-active,.listen-intent:hover,.listen-intent:focus-visible{border-color:rgba(98,216,255,.65);background:linear-gradient(145deg,rgba(26,168,255,.2),rgba(139,124,255,.08));outline:none}.listen-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:12px;margin-top:18px}.listen-controls label{display:grid;gap:6px}.listen-controls label>span{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#aebdca}.listen-controls input,.listen-controls select{min-width:0;width:100%;height:46px;border-radius:12px;border:1px solid var(--listen-border);background:#07111a;color:#fff;padding:0 12px}.listen-status{margin-top:16px;color:#b9c7d3}.listen-status strong{color:#fff}.listen-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.listen-archive-card[hidden]{display:none}.listen-archive-copy{display:flex;flex-direction:column;gap:7px;padding:17px}.listen-archive-copy>.listen-kicker{margin:0;font-size:.66rem}.listen-archive-copy>strong{font-size:1.08rem;line-height:1.25}.listen-moods{font-size:.82rem;color:#d4e6ef}.listen-description{font-size:.86rem;color:#aebdca;line-height:1.45}.listen-cta{margin-top:5px;font-weight:900;color:var(--listen-cyan);font-size:.8rem;text-transform:uppercase}.listen-empty{padding:34px;text-align:center;border:1px dashed var(--listen-border);border-radius:20px}.listen-empty h3{margin-top:0}.listen-empty p{margin-bottom:0;color:#aebdca}
@media(max-width:1100px){.listen-latest-grid{grid-template-columns:repeat(3,1fr)}.listen-intent-grid{grid-template-columns:repeat(3,1fr)}.listen-archive-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.listen-hero-panel,.listen-player-panel{grid-template-columns:1fr}.listen-hero-stat{min-height:150px}.listen-latest-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.listen-latest-card{flex:0 0 min(76vw,300px);scroll-snap-align:start}.listen-controls{grid-template-columns:1fr 1fr}.listen-search{grid-column:1/-1}.listen-archive-grid{grid-template-columns:1fr 1fr}.listen-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.listen-hero{padding-top:18px}.listen-hero-panel,.listen-finder,.listen-player-panel{padding:20px;border-radius:22px}.listen-intent-grid{grid-template-columns:1fr 1fr}.listen-controls{grid-template-columns:1fr}.listen-search{grid-column:auto}.listen-archive-grid{grid-template-columns:1fr}.listen-section{padding:32px 0}.listen-hero h1{font-size:3.4rem}}