.b14mu{display:grid;gap:10px}
.b14h{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.b14h h3{margin:0}
.b14now{display:flex;gap:12px;align-items:center}.b14art{flex:none;width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font-size:26px;color:#fff;background:#2563eb}
.b14nt{display:grid;min-width:0}.b14nt b{font-size:18px;overflow-wrap:anywhere}.b14nt small{opacity:.75}
.b14bar{height:6px;border-radius:3px;background:var(--line,#334)}.b14bar i{display:block;height:100%;width:0;border-radius:3px;background:var(--team,#0d9488)}
.b14tt{display:flex;justify-content:space-between;font-size:13px;opacity:.75}
.b14tr{display:flex;justify-content:center;gap:18px}.b14b{width:52px;height:52px;border-radius:50%;border:1px solid var(--line,#334);background:var(--panel2,#1a2130);color:var(--ink,#fff);font-size:18px;touch-action:manipulation}
.b14pp{width:68px;height:68px;background:var(--brand,#e11d48);color:#fff;border:0;font-size:22px}
.b14vol{display:flex;align-items:center;gap:10px;font-weight:700}.b14vol input{flex:1;min-width:0}
.b14dk{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--panel2,rgba(127,127,127,.12))}.b14dk span{display:grid}.b14dk small{opacity:.75}.b14dk input{width:26px;height:26px;flex:none}
.b14two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.b14two .btn{white-space:normal}
.b14ph{margin:6px 0 0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.b14pl{list-style:none;margin:0;padding:0;display:grid}.b14pl button{display:grid;grid-template-columns:28px 1fr auto;gap:10px;width:100%;min-height:48px;align-items:center;text-align:left;background:none;border:0;border-bottom:1px solid var(--line,#334);color:inherit;font:inherit}
.b14pl button.on{color:var(--team,#14b8a6);font-weight:700}.b14nm{overflow-wrap:anywhere}.b14d{opacity:.7}
.b14ld{display:block;text-align:center;cursor:pointer}.b14sm{margin:0;font-size:13px}
.b14cx{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line,#334)}.b14cx>div:nth-child(2){display:grid;gap:2px;min-width:0}.b14cx small{opacity:.8}
.b14ic{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:20px}.b14ic.sp{background:#15803d}.b14ic.yt{background:#c2410c}
.b14tag{font-style:normal;font-size:12px;font-weight:700;justify-self:start;padding:2px 8px;border-radius:6px;background:rgba(127,127,127,.18)}
.b14cx .btn{white-space:normal;text-align:center}.b14cx .btn[disabled]{opacity:.55}
.b14note{margin:0;padding:10px 12px;border-radius:10px;background:rgba(127,127,127,.12);font-size:13px}
@media(max-width:380px){.b14cx{grid-template-columns:40px 1fr}.b14cx .btn{grid-column:1/-1}}
@media(min-width:900px){.b14mu{max-width:760px}}
/* v114m.2: match mockup — scoped to the music card only, no motion */
.card.b14mu,.card.b14mu *,.card.b14mu *::before,.card.b14mu *::after{animation:none!important;transition:none!important}
.card.b14mu .btn,.card.b14mu .b14b{transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;font-family:Inter,system-ui,sans-serif!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;filter:none!important;box-shadow:none!important;background-image:none!important}
.card.b14mu .btn::before,.card.b14mu .btn::after{display:none!important;content:none!important}
.card.b14mu .btn{border-radius:12px!important;min-height:46px;padding:10px 14px!important;font-size:15px!important;border:1px solid var(--line,#cbd5e1)!important;background:var(--panel2,#eef1f4)!important;color:var(--ink,inherit)!important}
.card.b14mu .btn.pri,.card.b14mu .b14ld{background:#2E6FD8!important;border-color:#2E6FD8!important;color:#fff!important}
.card.b14mu .b14cx .btn:not([disabled]){background:rgba(46,196,182,.12)!important;border-color:#2EC4B6!important}
.card.b14mu .b14pp{background:#C8102E!important;border:0!important}
.card.b14mu .b14bar i{background:#2EC4B6}
.card.b14mu .b14pl button.on{color:#2EC4B6}
.card.b14mu .b14ph{font-family:Inter,system-ui,sans-serif;font-weight:700}
.card.b14mu .b14vol input{accent-color:#2EC4B6}
.card.b14mu .b14dk input{-webkit-appearance:none;appearance:none;width:50px!important;height:28px!important;border-radius:14px;background:#94a3b8;position:relative;cursor:pointer;margin:0}
.card.b14mu .b14dk input::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff}
.card.b14mu .b14dk input:checked{background:#009E73}
.card.b14mu .b14dk input:checked::after{left:25px}
.card.b14mu .b14dk input:focus-visible{outline:2px solid #2E6FD8;outline-offset:2px}