.music-welcome{
  width:min(390px,calc(100vw - 28px));padding:0;border:1px solid #d6ae68;border-radius:26px;
  overflow:hidden;background:#fffdf8;color:#35291f;box-shadow:0 30px 90px #2b1b0d5c;
}
.music-welcome::backdrop{background:rgba(24,18,12,.62);backdrop-filter:blur(8px)}
.music-welcome-art{
  height:185px;display:grid;place-items:center;background:linear-gradient(145deg,#173e36,#bd8b3d);
  background-size:cover;background-position:center;position:relative;
}
.music-welcome-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#2414076b)}
.music-welcome-art .app-icon{width:54px;height:54px;color:#fff;position:relative;z-index:1;filter:drop-shadow(0 5px 12px #0007)}
.music-welcome-content{padding:24px;text-align:center}
.music-welcome-content>small{text-transform:uppercase;letter-spacing:.18em;color:#a5762d;font:600 9px var(--sans)}
.music-welcome h2{margin:9px 0 7px;font:600 32px/1 var(--serif);color:#3b2c20}
.music-welcome p{margin:0 auto 16px;max-width:290px;font:15px/1.4 var(--serif);color:#6e6255}
.music-welcome-track{padding:12px;border:1px solid #ead9bd;border-radius:14px;background:#fff8ec}
.music-welcome-track b,.music-welcome-track span{display:block}.music-welcome-track b{font:600 17px var(--serif)}.music-welcome-track span{margin-top:3px;color:#877760;font-size:11px}
.music-welcome-actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:16px}
.music-welcome-actions button{min-height:48px;border-radius:999px}
.music-welcome-play{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c8943f;background:linear-gradient(110deg,#bd934c,#8e6424);color:#fff;font:600 12px var(--sans)}
.music-welcome-play .app-icon{width:18px;height:18px}.music-welcome-later{padding:0 18px;border:1px solid #dfcaa7;background:#fff;color:#665642}
.music-welcome button:focus-visible{outline:3px solid #c18a3b66;outline-offset:3px}
@media(max-width:380px){.music-welcome-art{height:150px}.music-welcome-content{padding:20px}.music-welcome h2{font-size:28px}.music-welcome-actions{grid-template-columns:1fr}.music-welcome-later{min-height:42px}}
@media(prefers-reduced-motion:no-preference){.music-welcome[open]{animation:musicWelcomeIn .35s ease both}@keyframes musicWelcomeIn{from{opacity:0;transform:translateY(18px) scale(.97)}}}