.m4mod{--card:#101822;--text:#eaf2ff;--muted:#a8b3c7;--a1:#34c8ff;--a2:#8a5cff;width:100%;max-width:620px;margin:18px auto!important;box-sizing:border-box;color:var(--text);font-family:inherit}.m4mod *{box-sizing:border-box}.m4mod__card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--card);border:1px solid rgba(255,255,255,.11);border-radius:18px;padding:18px 16px;box-shadow:0 14px 34px rgba(0,0,0,.35);overflow:hidden}.m4mod__head{display:flex;flex-direction:row-reverse;align-items:center;gap:16px}.m4mod__coverWrap{position:relative;width:84px;height:84px;flex:0 0 84px}.m4mod__cover{display:block;width:84px!important;height:84px!important;max-width:84px!important;object-fit:cover;border-radius:14px!important;border:1px solid rgba(255,255,255,.14)}.m4mod__empty{display:grid;place-items:center;background:linear-gradient(135deg,rgba(52,200,255,.32),rgba(138,92,255,.4));font-size:38px}.m4mod__vinyl{position:absolute;left:-8px;top:-8px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,#000 0 40%,#555 41% 58%,#000 59%);opacity:0}.m4mod.is-playing .m4mod__vinyl{opacity:.8;animation:m4spin 3s linear infinite}@keyframes m4spin{to{transform:rotate(360deg)}}.m4mod__meta{flex:1;min-width:0}.m4mod__title{margin:0 0 6px!important;color:#fff!important;font-size:19px!important;font-weight:800!important;line-height:1.5!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m4mod__artist{margin:0!important;color:var(--muted)!important;font-size:13px!important}.m4mod__viz{display:block;width:100%!important;height:64px!important;margin:12px 0 8px!important;border-radius:12px;background:rgba(255,255,255,.04)}.m4mod__time,.m4mod__controls,.m4mod__vol{display:flex;align-items:center;gap:12px;margin-top:12px}.m4mod__time span{min-width:44px;text-align:center;color:var(--muted);font-size:12px}.m4mod input[type=range]{width:100%;accent-color:var(--a1)}.m4mod__controls{justify-content:space-between}.m4mod__button{display:grid!important;place-items:center;width:48px!important;height:48px!important;min-width:48px!important;margin:0!important;padding:0!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;box-shadow:none!important;line-height:1!important}.m4mod__play{width:66px!important;height:66px!important;border-radius:18px!important;border:0!important;background:linear-gradient(135deg,var(--a1),var(--a2))!important;color:#021018!important;font-size:20px!important}.m4mod__eq{margin-top:12px;color:#dfe8ff}.m4mod__eq>div{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.m4mod__download{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:48px;margin-top:14px!important;padding:10px 14px!important;border-radius:14px;background:linear-gradient(135deg,rgba(52,200,255,.13),rgba(138,92,255,.17));color:#fff!important;text-decoration:none!important}.m4mod__download small{color:var(--muted)}@media(max-width:480px){.m4mod__card{padding:14px 12px}.m4mod__title{font-size:16px!important}}.m4mod__social{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}.m4mod__socialLink{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff!important;text-decoration:none!important;transition:transform .15s ease,filter .15s ease}.m4mod__socialLink:hover{transform:translateY(-2px);filter:brightness(1.08)}.m4mod__socialLink svg{display:block;width:23px;height:23px;fill:currentColor}.m4mod__youtube{background:#ff0033}.m4mod__instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}