.listen-insights,.creator-listen-card{margin:30px 0;padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#25232c,#181b27);color:#f6f2ef}
.listen-insights h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:8px 0}.listen-insights h3{margin:26px 0 16px}
.listen-insights p{color:#c6c3cc;line-height:1.5}
.listen-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.listen-metrics>div{display:flex;flex-direction:column;gap:6px;padding:19px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}
.listen-metrics span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#e7a585}.listen-metrics strong{font-size:2rem;line-height:1.1}.listen-metrics small{color:#bbb8c2}
.listen-reach{height:140px;display:grid;grid-template-columns:repeat(10,1fr);align-items:end;gap:8px}
.listen-reach>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}
.listen-reach span{display:block;width:100%;max-width:42px;min-height:2px;background:linear-gradient(#f2b08b,#d97970);border-radius:5px 5px 2px 2px}
.listen-reach small{font-size:.68rem;color:#bdbac4}.listen-footnote{font-size:.81rem;margin-top:18px}
.creator-listen-card{margin:24px 0}.creator-listen-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.1)}
.creator-listen-card>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}
.creator-listen-card>summary::-webkit-details-marker{display:none}
.creator-listen-card>summary:focus-visible{outline:2px solid #f0ad8d;outline-offset:6px;border-radius:6px}
.creator-listen-heading{display:flex;flex-direction:column;gap:7px}.creator-listen-heading strong{font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.1}.creator-listen-heading small{color:#c7c2cb}
.creator-listen-beta{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:5px;background:#e9a382;color:#211923;font-size:.62rem;vertical-align:middle}
.creator-listen-toggle{font-size:1.7rem;color:#e9a382;transition:transform .2s}.creator-listen-card[open] .creator-listen-toggle{transform:rotate(180deg)}
.creator-listen-body{margin-top:20px;border-top:1px solid rgba(255,255,255,.11);padding-top:16px}.creator-listen-note{color:#c7c2cb;line-height:1.5;margin:0 0 18px;max-width:none}
.creator-listen-note strong{color:#f2ad8d}
.creator-listen-list{max-height:min(55vh,520px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-right:8px}
.creator-listen-list::-webkit-scrollbar{display:none}
.creator-listen-list:focus-visible{outline:2px solid #f0ad8d;outline-offset:2px;border-radius:6px}
.creator-listen-row button{text-align:left;background:none;border:0;color:#fff;font:inherit;font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creator-listen-row span{color:#f0ad8d}.creator-listen-row small{grid-column:1/-1;color:#dcc590}.listen-breakdown{display:flex;gap:20px;flex-wrap:wrap;color:#e8c3ae}
@media(max-width:650px){.listen-insights,.creator-listen-card{padding:18px}.listen-metrics{grid-template-columns:1fr}.listen-reach{gap:3px}.listen-reach small{font-size:.6rem}.creator-listen-row{grid-template-columns:1fr 1fr}.creator-listen-row button{grid-column:1/-1}}