.music-player{position:fixed;z-index:var(--z-raised);right:var(--space-lg);bottom:var(--space-md);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);width:min(19.6875rem,calc(100% - (var(--page-gutter) * 2)));padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-card);color:var(--color-ink);background:var(--color-glass);box-shadow:var(--shadow-float);backdrop-filter:blur(var(--space-sm))}.music-player button{display:grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:var(--radius-pill);color:var(--color-on-ink);background:var(--color-ink);font:700 var(--text-base)/1 var(--font-body);cursor:pointer}.music-player button:hover{background:var(--color-ink-soft)}.music-player button:active{transform:translateY(1px)}.music-player button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.music-player #music-next{color:var(--color-ink);background:var(--color-paper-soft);font-size:var(--text-sm)}.music-copy{min-width:0}.music-copy strong,.music-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-copy strong{font-size:var(--text-xs)}.music-copy small{margin-top:var(--space-3xs);color:var(--color-muted);font-size:var(--text-xs)}.music-player[data-state="playing"] #music-status{color:var(--color-accent)}.music-player button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.music-player{right:var(--space-md);bottom:var(--space-md);width:min(17.5rem,calc(100% - (var(--space-md) * 2)))}}.music-intro{position:fixed;z-index:var(--z-modal);inset:0;display:grid;place-items:center;padding:var(--space-lg);background:var(--color-overlay);backdrop-filter:blur(var(--space-xs))}.music-intro[hidden]{display:none}.music-intro-card{width:min(25rem,100%);padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-card);text-align:center;color:var(--color-ink);background:var(--color-paper);box-shadow:var(--shadow-float)}.music-intro-card p{margin:0 0 var(--space-xs);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em}.music-intro-card h2{margin:0;font:600 clamp(var(--text-xl),8vw,var(--text-3xl))/1 var(--font-display)}.music-intro-card>span{display:block;margin:var(--space-md) 0 var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}.music-intro-actions{display:grid;gap:var(--space-xs)}.music-intro-actions button{min-height:2.75rem;padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius-pill);font:600 var(--text-sm)/1 var(--font-body);cursor:pointer}.music-intro-actions #music-intro-start{color:var(--color-on-ink);background:var(--color-ink)}.music-intro-actions #music-intro-skip{color:var(--color-muted);background:transparent}.music-intro-actions button:hover{background:var(--color-paper-soft)}.music-intro-actions #music-intro-start:hover{background:var(--color-ink-soft)}.music-intro-actions button:active{transform:translateY(1px)}.music-intro-actions button:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.music-intro-actions button:disabled{opacity:.55;cursor:not-allowed}