.music-frame{z-index:90;pointer-events:none;will-change:transform;background:#000;position:fixed;top:0;left:0;overflow:hidden}.music-frame[data-place=bar]{z-index:97}.music-frame video{object-fit:cover;width:100%;height:100%;display:block}.music-frame[data-place=stage] video{object-fit:contain}.music-stage{aspect-ratio:16/9;background:#000;width:100%;position:relative}.has-music-bar body{padding-bottom:88px}@media (width<=768px){.has-music-bar body{padding-bottom:calc(64px + 72px + env(safe-area-inset-bottom,0px))}}.music-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.music-bar{z-index:95;min-height:88px;padding:10px max(16px, 2vw) calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#e3e1ea;-webkit-backdrop-filter:blur(20px)saturate(140%);font-family:var(--font-ui);background:#08090ff0;border-top:1px solid #1a1c26;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:24px;animation:.22s ease-out music-bar-in;display:grid;position:fixed;bottom:0;left:0;right:0}@keyframes music-bar-in{0%{transform:translateY(100%)}to{transform:none}}.music-bar-now{align-items:center;gap:12px;min-width:0;display:flex}.music-bar-art{aspect-ratio:16/9;background:var(--music-tint);flex:none;width:96px;position:relative;overflow:hidden}.music-bar-art img{object-fit:cover;opacity:.6;width:100%;height:100%}.music-bar-copy{flex-direction:column;min-width:0;display:flex}.music-bar-copy strong{color:#f2f0f7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.music-bar-copy span{color:#8e93a5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.music-bar-play{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.music-bar-buttons{align-items:center;gap:12px;display:flex}.music-icon{color:#b6b9c8;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;min-width:36px;height:36px;padding:0 4px;transition:color .12s,transform .12s;display:grid}.music-icon:hover{color:#f2f0f7}.music-icon:active{transform:scale(.94)}.music-icon[aria-pressed=true]{color:#c4b5fd}.music-icon:focus-visible,.music-play:focus-visible,.music-scrub:focus-visible{outline-offset:2px;outline:2px solid #a78bfa}.music-icon[aria-label^=Take]{color:#fda4af}.music-cut{letter-spacing:.04em;font-size:12px;font-weight:800}.music-play{color:#08090f;cursor:pointer;background:#f2f0f7;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .12s;display:grid}.music-play:hover{transform:scale(1.06)}.music-bar-time{color:#8e93a5;font-variant-numeric:tabular-nums;align-items:center;gap:10px;width:100%;max-width:620px;font-size:12px;display:flex}.music-bar-time>span{flex:none;width:36px}.music-bar-time>span:first-child{text-align:right}.music-scrub{cursor:pointer;background:0 0;border:0;flex:1;height:16px;padding:0;position:relative}.music-scrub:before{content:"";background:#2a2d3a;height:4px;position:absolute;top:6px;left:0;right:0}.music-scrub-done{background:#f2f0f7;height:4px;position:absolute;top:6px;left:0}.music-scrub:hover .music-scrub-done{background:#a78bfa}.music-problem{color:#fca5a5;font-size:12px}.music-bar-more{justify-content:flex-end;align-items:center;gap:6px;display:flex}.music-volume{align-items:center;gap:4px;display:inline-flex}.music-volume input{accent-color:#f2f0f7;width:96px;height:4px}@media (width<=900px){.music-bar{grid-template-columns:minmax(0,1fr) auto}.music-bar-more,.music-bar-time,.is-wide-only{display:none}}@media (width<=768px){.music-bar{bottom:calc(64px + env(safe-area-inset-bottom,0px));gap:12px;min-height:64px;padding:8px 12px}.music-bar-art{width:72px}}@media (prefers-reduced-motion:reduce){.music-bar{animation:none}.music-icon,.music-play{transition:none}}