/* The Peekaboos /listen page. Same palette as style.css. First-party only. */
:root{--ink:#2a1a7a;--navy:#140d3b;--yellow:#ffd23f;
  --head:"Arial Rounded MT Bold","Chalkboard SE","Nunito","Avenir Next Rounded",ui-rounded,"Trebuchet MS",system-ui,sans-serif;
  --body:ui-rounded,"SF Pro Rounded","Nunito","Avenir Next","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}
body{margin:0;font-family:var(--body);font-size:1.0625rem;line-height:1.5;color:#fff;-webkit-text-size-adjust:100%;min-height:100vh;
  background:radial-gradient(700px 380px at 90% 0%,#7a35e8 0%,transparent 60%),radial-gradient(700px 420px at 0% 100%,#d10f78 0%,transparent 55%),linear-gradient(180deg,#2f1a8a,#140d3b);background-attachment:fixed}
img{max-width:100%;height:auto;display:block}
a{color:var(--yellow)}
[hidden]{display:none!important}
:focus-visible{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 8px var(--ink)}
.ln{width:min(480px,100% - 32px);margin:0 auto;padding:18px 0 40px;text-align:center}
.ln-home img{width:150px;height:auto;margin:0 auto 12px}
.ln-cover{width:min(78%,340px);aspect-ratio:1;margin:0 auto;border-radius:24px;border:5px solid #fff;box-shadow:0 10px 0 rgba(20,13,59,.55),0 0 0 10px rgba(255,255,255,.12)}
.ln-title{font-family:var(--head);font-weight:400;font-size:clamp(2.2rem,11vw,3.2rem);line-height:1.05;margin:26px 0 8px}
.ln-title .w{display:inline-block;white-space:nowrap}
.ln-title i{display:inline-block;font-style:normal;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .05em 0 rgba(20,13,59,.5)}
.ln-title i:nth-child(odd){transform:rotate(-4deg)}
.ln-title i:nth-child(even){transform:rotate(3deg)}
.ln-title i.k0{color:#ff4d6d}.ln-title i.k1{color:#ff9a1f}.ln-title i.k2{color:#ffd23f}.ln-title i.k3{color:#3ddc84}
.ln-title i.k4{color:#3aa0ff}.ln-title i.k5{color:#b266ff}.ln-title i.k6{color:#ff5cc8}
.ln-sub{margin:0 auto 22px;max-width:34ch;font-size:1.1rem}
.ln-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.row{--c:#2a1a7a;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:10px 14px 10px 20px;background:#fff;color:var(--ink);text-decoration:none;
  border:5px solid var(--c);border-radius:22px;box-shadow:0 6px 0 rgba(20,13,59,.55)}
.row:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(20,13,59,.55)}
.name{font-family:var(--head);font-size:1.45rem;line-height:1.1;text-align:left}
.go{flex:none;font-family:var(--head);font-size:1.05rem;color:#fff;background:var(--c);padding:10px 18px;border-radius:999px;white-space:nowrap}
.go b{font-size:.8em;margin-left:4px}
.r-spotify{--c:#0b7f40}.r-apple{--c:#d10f78}.r-ytm{--c:#d4202f}.r-amazon{--c:#c24e00}.r-deezer{--c:#6a22e0}.r-pandora{--c:#1760d6}.r-tidal{--c:#0e6f86}
.ln-note{font-size:.95rem;margin:16px 0 0;opacity:.95}
.ln-more{margin:18px 0 0;font-family:var(--head);font-size:1.05rem}
.ln-consent{margin:26px 0 0;padding:16px;background:rgba(255,255,255,.14);border:3px solid #fff;border-radius:18px;text-align:left}
.ln-consent p{margin:0 0 12px;font-size:1rem}
.ln-consent-btns{display:flex;gap:10px;flex-wrap:wrap}
.ln-consent button{font-family:var(--head);font-size:1rem;min-height:48px;padding:10px 18px;border-radius:999px;border:3px solid #fff;color:#fff;background:#d10f78;cursor:pointer}
.ln-consent button#consent-no{background:transparent}
.ln-foot{margin-top:28px;font-size:.9rem;opacity:.95}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}