/* Share pages (/mix/, /sound/, /playlist/ …): the player card and its states. */
.share main{padding-top:40px;max-width:640px}
.share h1{font-size:clamp(2.1rem,7vw,3.4rem);overflow-wrap:anywhere}
.share [hidden]{display:none!important}
.player{display:grid;grid-template-columns:auto 1fr;gap:18px 22px;align-items:center}
.play{width:88px;height:88px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#1b1650;background:radial-gradient(circle at 36% 32%,#fffbe9,var(--gold) 60%,#d9ac57);box-shadow:0 0 40px rgba(243,214,140,.35),0 14px 30px rgba(5,6,40,.4);transition:transform .2s ease,box-shadow .2s ease}
.play:hover{transform:scale(1.03)}
.play:disabled{opacity:.6;cursor:progress}
.play svg{width:34px;height:34px}
.play .icon-pause,.play.is-playing .icon-play{display:none}
.play.is-playing .icon-pause{display:block}
.player .status{margin:0;font-size:1rem;color:var(--muted)}
.volume{grid-column:1/-1;display:flex;align-items:center;gap:14px;font-size:.95rem;color:var(--soft)}
.volume input{flex:1;accent-color:var(--gold);min-width:0}
.recipe{grid-column:1/-1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.recipe li{margin:0;font-size:.92rem;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.done h2{margin-top:0}
.done h2:focus{outline:none}
.plus-badge{display:inline-flex;align-items:center;gap:5px;color:var(--soft);font-size:.85rem}
.recipe li.is-plus .plus-badge{margin-left:8px}
.recipe li.is-plus .plus-badge:first-child{margin-left:0}
.plus-badge svg{width:12px;height:12px;flex:none}
.done.is-plus .actions{margin:18px 0 0}
.share .status-line{color:var(--soft)}
@media(max-width:620px){.player{grid-template-columns:1fr;justify-items:start}.play{width:76px;height:76px}}

/* Sound Credits (/credits/) */
.credits { list-style: none; padding: 0; margin: 1.5rem 0; display: grid; gap: 0.9rem; }
.credits li { line-height: 1.5; overflow-wrap: anywhere; }
.credits strong { display: block; }