._root_1oi56_1{border:1px solid var(--color-border);background:var(--color-bg-card);transition:border-color .4s var(--ease), background .4s var(--ease);align-items:flex-start;gap:1rem;padding:1rem 1.1rem;display:flex}._isPlaying_1oi56_11{border-color:var(--color-border-strong);background:var(--color-bg-elevated)}._playBtn_1oi56_16{cursor:pointer;width:46px;height:46px;color:var(--color-text);border:1px solid var(--color-border-strong);transition:color .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease), transform .3s var(--ease);background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}._playBtn_1oi56_16:hover{border-color:var(--color-accent);color:var(--color-accent-hover);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}._playBtn_1oi56_16:active{transform:scale(.94)}._body_1oi56_44{flex-direction:column;flex:1;gap:.55rem;min-width:0;display:flex}._head_1oi56_52{align-items:baseline;gap:.65rem;min-width:0;display:flex}._num_1oi56_59{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-muted);font-size:.66rem}._title_1oi56_66{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}._tag_1oi56_77{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-light);border:1px solid var(--color-border);flex:none;padding:.15rem .45rem;font-size:.58rem}._time_1oi56_88{font-family:var(--font-mono);letter-spacing:.02em;color:var(--color-text-light);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:.68rem}._wave_1oi56_98{cursor:pointer;touch-action:none;width:100%;height:62px;display:block}._isPlaying_1oi56_11 ._wave_1oi56_98{cursor:default}._desc_1oi56_110{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}@media (width<=560px){._root_1oi56_1{gap:.75rem;padding:.85rem}._playBtn_1oi56_16{width:42px;height:42px}._time_1oi56_88{display:none}}