/* BASIC+ 1.1.3 – Safe Wave – © 2025 BÙI VĂN TĨNH */
.dmctn-mb--glass{position:relative;overflow:hidden;background:linear-gradient(135deg,#0ea5e9 0%, #7c3aed 50%, #f43f5e 100%);padding:1px;border-radius:16px}
.dmctn-mb--glass::before{content:"";position:absolute;inset:0;background: radial-gradient(1200px 400px at 10% -10%, rgba(255,255,255,.25), transparent 50%), radial-gradient(800px 300px at 110% 10%, rgba(255,255,255,.18), transparent 50%);pointer-events:none}
.dmctn-mb--glass > *{position:relative;background:rgba(17,17,17,.66);color:#fff;border-radius:15px}
.dmctn-mb__header{padding:10px 12px;margin-bottom:10px;backdrop-filter:blur(8px)}
.dmctn-mb__title{margin:0;font:700 18px/1.2 system-ui,Segoe UI,Roboto,sans-serif}
.dmctn-mb__controls{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;backdrop-filter:blur(8px)}
.dmctn-mb__controls audio{flex:1;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}
.dmctn-mb__wave{width:100%;display:block;height:64px;border-radius:12px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);margin-bottom:8px}
.dmctn-mb__wave.is-lite{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); position:relative; overflow:hidden}
.dmctn-mb__wave.is-lite::after{content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg, rgba(255,255,255,.25), rgba(255,255,255,.25) 2px, transparent 2px, transparent 6px); animation:dmctnPulse 1.2s linear infinite; opacity:.7}
@keyframes dmctnPulse{ from{transform:translateX(0)} to{transform:translateX(16px)} }
.dmctn-mb__now{font-size:14px;margin-bottom:10px;padding:8px 10px;background:rgba(255,255,255,.06);border-radius:12px}
.dmctn-mb__list{padding:6px}
.dmctn-mb__list .item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;margin-bottom:8px}
.dmctn-mb__list .item.current{border-color:rgba(34,197,94,.9);box-shadow:0 0 0 2px rgba(34,197,94,.25) inset}
.dmctn-mb__list .thumb{width:46px;height:46px;border-radius:10px;overflow:hidden;background:#0b0b0b;flex:none}
.dmctn-mb__list .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dmctn-mb__list .meta{flex:1;min-width:0}
.dmctn-mb__list .ttl{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmctn-mb__list .artist{font-size:12px;opacity:.9}
.dmctn-mb__list .act{display:flex;gap:8px}
.dmctn-mb__btn{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:6px 10px;border-radius:10px;color:#fff;cursor:pointer}
.dmctn-mb__btn:hover{background:rgba(255,255,255,.16)}
@media (max-width:600px){ .dmctn-mb__wave{height:52px} }