.mus-fab{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px) + var(--mus-bottom,0px));z-index:60;width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center;font-size:1.3rem;line-height:1;cursor:pointer;font-family:inherit;color:var(--text,#e9eeff);background:var(--card,rgba(10,19,48,.9));border:1px solid var(--border,rgba(120,160,255,.35));box-shadow:0 6px 18px rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent}
.mus-fab:hover{border-color:var(--cyan,#22d3ee)}
.mus-fab.on{border-color:var(--cyan,#22d3ee);box-shadow:0 0 0 3px rgba(34,211,238,.2),0 6px 18px rgba(0,0,0,.4)}
.mus-fab.on::after{content:"";position:absolute;top:6px;right:6px;width:9px;height:9px;border-radius:50%;background:var(--ok,#34d399);animation:musPulse 1.6s ease-in-out infinite}
@keyframes musPulse{50%{transform:scale(1.5);opacity:.6}}
.mus-panel{position:fixed;right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px) + var(--mus-bottom,0px));z-index:61;width:min(330px,calc(100vw - 28px));max-height:min(72vh,540px);overflow:auto;padding:14px;border-radius:20px;display:flex;flex-direction:column;gap:10px;color:var(--text,#e9eeff);background:rgba(8,14,36,.96);border:1px solid var(--border,rgba(120,160,255,.35));box-shadow:0 14px 40px rgba(0,0,0,.55);backdrop-filter:blur(12px);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:.9rem;line-height:1.4}
.mus-panel[hidden]{display:none!important}
.mus-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mus-x{width:44px;height:44px;border-radius:50%;border:1px solid var(--border,rgba(120,160,255,.35));background:rgba(255,255,255,.05);color:inherit;font-size:1rem;cursor:pointer;font-family:inherit;padding:0}
.mus-play{min-height:48px;border-radius:14px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(135deg,var(--blue,#3b82f6),var(--violet,#7c5cff));box-shadow:0 6px 18px rgba(124,92,255,.35)}
.mus-play:disabled{opacity:.5;cursor:not-allowed}
.mus-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mus-st{min-height:44px;border-radius:12px;border:2px solid var(--border,rgba(120,160,255,.35));background:rgba(255,255,255,.05);color:inherit;font-family:inherit;font-weight:600;font-size:.86rem;cursor:pointer;padding:4px}
.mus-st[aria-pressed=true]{border-color:var(--cyan,#22d3ee);background:rgba(34,211,238,.14)}
.mus-row{display:grid;grid-template-columns:104px 1fr;align-items:center;gap:8px;color:var(--muted,#a3b2d8)}
.mus-range{width:100%;height:32px;accent-color:var(--cyan,#22d3ee)}
.mus-sub{margin-top:4px;font-weight:700;color:var(--cyan,#22d3ee);font-size:.8rem}
.mus-note{color:var(--muted,#a3b2d8);font-size:.74rem}
.mus-fab:focus-visible,.mus-x:focus-visible,.mus-play:focus-visible,.mus-st:focus-visible,.mus-range:focus-visible{outline:3px solid var(--cyan,#22d3ee);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.mus-fab.on::after{animation:none}}