.mu-stage{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-gap:44px;gap:44px;padding:40px 40px 0;border-radius:28px;border:1px solid var(--pj-line-strong);background:var(--pj-surface-solid);overflow:hidden;isolation:isolate}.mu-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit}.mu-backdrop:before{content:"";position:absolute;inset:-60px;background-image:var(--art);background-size:cover;background-position:50%;filter:blur(70px) saturate(1.5);opacity:.5;transform:scale(1.15);transition:opacity 1s}.mu-stage.is-empty .mu-backdrop:before{background-image:radial-gradient(40% 50% at 30% 40%,rgba(195,244,37,.35),transparent 70%),radial-gradient(40% 50% at 75% 60%,rgba(37,209,244,.25),transparent 70%)}.mu-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),var(--pj-surface-solid) 92%)}.uv-app[data-theme=light] .mu-backdrop:before{opacity:.35}.mu-deck{display:grid;place-items:center;padding:10px 0 28px}.mu-record{position:relative;width:min(360px,84%);aspect-ratio:1;margin-right:18%}.mu-sleeve{position:relative;z-index:2;width:100%;height:100%;border-radius:14px;overflow:hidden;background:var(--pj-surface-raised);box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px var(--pj-line-strong);animation:mu-sleeve-in .9s var(--uv-spring) both}@keyframes mu-sleeve-in{0%{opacity:0;transform:translateY(20px) rotate(-3deg)}}.mu-sleeve img{width:100%;height:100%;object-fit:cover;display:block}.mu-sleeve:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.14),transparent 40%);pointer-events:none}.mu-sleeve-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--pj-ink);background:radial-gradient(circle at 30% 20%,var(--pj-heat-0),transparent 70%)}.mu-vinyl{top:3%;left:3%;z-index:1;width:94%;height:94%;background:radial-gradient(circle,#0b0b0b 0 17%,transparent 17.5%),repeating-radial-gradient(circle,#121212 0 1.4px,#1d1d1d 1.4px 2.8px);box-shadow:0 24px 50px -20px rgba(0,0,0,.9),inset 0 0 0 1px hsla(0,0%,100%,.06);transition:transform 1.1s var(--uv-spring)}.mu-vinyl,.mu-vinyl:after{position:absolute;border-radius:50%}.mu-vinyl:after{content:"";inset:0;background:conic-gradient(from 20deg,transparent 0 18%,hsla(0,0%,100%,.09) 24%,transparent 31% 68%,hsla(0,0%,100%,.07) 74%,transparent 81%);pointer-events:none}.mu-stage:not(.is-empty) .mu-vinyl{transform:translateX(34%)}.mu-vinyl-label{position:absolute;inset:31%;border-radius:50%;background-color:var(--uv-fill);background-size:cover;background-position:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.45);animation:uv-spin 3.6s linear infinite;animation-play-state:paused}.mu-vinyl-label:after{content:"";position:absolute;left:50%;top:50%;width:9%;height:9%;border-radius:50%;background:#050505;transform:translate(-50%,-50%)}.mu-stage.is-playing .mu-vinyl-label{animation-play-state:running}.mu-vinyl-label .uv-art-fallback,.mu-vinyl-label img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mu-sleeve .uv-art-fallback{font-size:2rem}.mu-mosaic-img,.mu-mosaic .uv-art-fallback{width:42px;height:42px;object-fit:cover;display:block}.mu-row-art .uv-art-fallback{border-radius:8px}.mu-now{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;grid-gap:14px;gap:14px;min-width:0;padding:0 0 28px}.mu-status{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;font-family:var(--uv-font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pj-ink-soft)}.mu-status em{font-style:normal;color:var(--pj-muted)}.mu-status-dot{width:8px;height:8px;border-radius:50%;background:var(--pj-muted)}.mu-status-dot.is-playing{background:var(--uv-fill);box-shadow:0 0 0 0 var(--pj-accent-glow);animation:mu-live 1.6s infinite}.mu-status-dot.is-loading{background:var(--uv-warn);animation:uv-blink .8s steps(1) infinite}.mu-status-dot.is-error{background:var(--uv-bad)}@keyframes mu-live{70%{box-shadow:0 0 0 9px rgba(215,255,79,0)}}.mu-title{font-family:var(--uv-font-display);font-size:2.9rem;font-weight:600;line-height:1.02;letter-spacing:-.045em;color:var(--pj-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:uv-rise .6s var(--uv-ease) both}.mu-artist{font-size:1.14rem;color:var(--pj-ink-soft)}.mu-tags{display:flex;flex-wrap:wrap;grid-gap:6px;gap:6px}.mu-tags span{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--pj-line-strong);background:var(--pj-heat-0);font-family:var(--uv-font-mono);font-size:.7rem;color:var(--pj-ink-soft)}.mu-tags span:first-child{border-color:transparent;background:var(--uv-fill);color:var(--uv-on-fill)}.mu-timeline{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;grid-gap:12px;gap:12px;margin-top:6px;font-family:var(--uv-font-mono);font-size:.72rem;color:var(--pj-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mu-timeline span:last-child{text-align:right}.mu-controls{display:flex;align-items:center;grid-gap:12px;gap:12px}.mu-skip{width:46px;height:46px;color:var(--pj-ink)}.mu-repeat{position:relative}.mu-repeat b{position:absolute;top:3px;right:3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--uv-fill);color:var(--uv-on-fill);font-family:var(--uv-font-mono);font-size:.56rem}.mu-sub{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px}.mu-volume{display:flex;width:190px}.mu-source,.mu-volume{align-items:center;grid-gap:6px;gap:6px}.mu-source{display:inline-flex;font-family:var(--uv-font-mono);font-size:.72rem;color:var(--pj-muted);transition:color .2s}.mu-source:hover{color:var(--pj-ink)}.mu-viz-wrap{position:relative;grid-column:1/-1;margin:0 -40px;height:128px;border-top:1px solid var(--pj-line)}.mu-viz{width:100%;height:118px;margin-top:10px}.mu-viz-note{position:absolute;top:12px;right:40px;font-family:var(--uv-font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pj-muted)}.mu-stations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));grid-gap:12px;gap:12px}.mu-station{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;grid-gap:14px;gap:14px;padding:12px;border-radius:18px;border:1px solid var(--pj-line);background:var(--pj-surface);color:var(--pj-ink);text-align:left;font:inherit;cursor:pointer;overflow:hidden;transition:transform .4s var(--uv-ease),border-color .3s,background .3s;animation:uv-rise .6s var(--uv-ease) both;animation-delay:calc(var(--i)*45ms)}.mu-station:hover:not(:disabled){transform:translateY(-3px);border-color:var(--pj-line-strong)}.mu-station:disabled{cursor:progress}.mu-station.is-active{border-color:var(--pj-accent);background:radial-gradient(80% 120% at 0 50%,hsla(var(--gh),90%,60%,.14),transparent 70%),var(--pj-surface)}.mu-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;width:84px;height:84px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,hsla(var(--gh),80%,55%,.5),hsla(var(--gh),80%,25%,.6))}.mu-mosaic-empty{grid-column:1/-1;grid-row:1/3}.mu-station-play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);color:#fff;opacity:0;transition:opacity .25s}.mu-station-play svg{width:38px;height:38px;padding:10px;border-radius:50%;background:var(--uv-fill);color:var(--uv-on-fill);transform:scale(.8);transition:transform .3s var(--uv-spring)}.mu-station.is-active .mu-station-play,.mu-station:hover .mu-station-play{opacity:1}.mu-station:hover .mu-station-play svg{transform:scale(1)}.mu-station-meta{display:grid;grid-gap:3px;gap:3px;min-width:0}.mu-station-meta strong{font-size:1rem;font-weight:600;letter-spacing:-.02em}.mu-station-meta span{font-size:.8rem;color:var(--pj-muted)}.mu-station-meta em{font-style:normal;font-family:var(--uv-font-mono);font-size:.64rem;letter-spacing:.08em;color:var(--g-acc)}.mu-station-eq{position:absolute;top:12px;right:12px}.mu-lower{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:16px;gap:16px;align-items:start}.mu-browser{padding:0;overflow:hidden}.mu-tabs{display:flex;grid-gap:4px;gap:4px;padding:8px;border-bottom:1px solid var(--pj-line)}.mu-tabs button{display:inline-flex;align-items:center;grid-gap:8px;gap:8px;height:36px;padding:0 14px;border-radius:10px;border:0;background:transparent;color:var(--pj-muted);font-size:.86rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.mu-tabs button:hover{color:var(--pj-ink)}.mu-tabs button.is-active{background:var(--pj-heat-0);color:var(--pj-ink)}.mu-browser-body{max-height:560px;overflow-y:auto;padding:8px;scrollbar-width:thin}.mu-search{display:grid;grid-gap:12px;gap:12px;padding:6px}.mu-list{display:grid;grid-gap:2px;gap:2px}.mu-row{animation:uv-rise .45s var(--uv-ease) both;animation-delay:calc(var(--i)*25ms)}.mu-row button{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto 48px;align-items:center;grid-gap:12px;gap:12px;width:100%;min-height:60px;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--pj-ink);text-align:left;font:inherit;cursor:pointer;transition:background .2s}.mu-row button:hover{background:var(--pj-heat-0)}.mu-row.is-active button{background:var(--pj-accent-soft)}.mu-row-index{font-family:var(--uv-font-mono);font-size:.72rem}.mu-row-art,.mu-row-index{display:grid;place-items:center;color:var(--pj-muted)}.mu-row-art{width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--pj-heat-0)}.mu-row-art img{width:100%;height:100%;object-fit:cover}.mu-row-meta{display:grid;min-width:0}.mu-row-meta strong{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-row.is-active .mu-row-meta strong{color:var(--pj-accent)}.mu-row-meta span{font-size:.78rem;color:var(--pj-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-row-bpm,.mu-row-time{font-family:var(--uv-font-mono);font-size:.7rem;color:var(--pj-muted);white-space:nowrap}.mu-row-time{text-align:right}.mu-note{padding:18px 10px;font-size:.88rem;color:var(--pj-muted)}.mu-side,.mu-timer{display:grid;grid-gap:16px;gap:16px}.mu-timer{justify-items:center}.mu-timer-head{display:flex;justify-content:space-between;align-items:center;justify-self:stretch}.mu-timer-count{font-family:var(--uv-font-mono);font-size:.7rem;color:var(--pj-muted)}.mu-timer-modes{display:flex;grid-gap:4px;gap:4px;padding:4px;border-radius:999px;background:var(--pj-heat-0)}.mu-timer-modes button{height:30px;padding:0 12px;border-radius:999px;border:0;background:none;color:var(--pj-muted);font-size:.78rem;font-weight:500;cursor:pointer}.mu-timer-modes button.is-active{background:var(--pj-surface-raised);color:var(--pj-ink);box-shadow:0 1px 0 var(--pj-line-strong)}.mu-timer-dial{position:relative;display:grid;place-items:center;width:180px;height:180px}.mu-timer-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.mu-timer-track{fill:none;stroke:var(--pj-heat-0);stroke-width:6}.mu-timer-fill{fill:none;stroke:var(--uv-fill);stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .3s linear;filter:drop-shadow(0 0 6px var(--pj-accent-glow))}.mu-timer-dial div{display:grid;justify-items:center}.mu-timer-dial strong{font-family:var(--uv-font-mono);font-size:2.3rem;font-weight:500;letter-spacing:-.04em;color:var(--pj-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mu-timer-dial span{font-family:var(--uv-font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pj-muted)}.mu-timer-dial.is-running strong{color:var(--pj-accent)}.mu-timer-actions{display:flex;grid-gap:8px;gap:8px}.mu-credits{display:grid;grid-gap:10px;gap:10px;font-size:.86rem;line-height:1.6;color:var(--pj-ink-soft)}.mu-keys{display:flex;align-items:center;grid-gap:6px;gap:6px;font-family:var(--uv-font-mono);font-size:.7rem;color:var(--pj-muted)}@media (max-width:1080px){.mu-stage{grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;padding:28px 28px 0}.mu-record{width:min(300px,70%)}.mu-viz-wrap{margin:0 -28px}.mu-viz-note{right:28px}.mu-lower{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.mu-stage{padding:20px 18px 0;border-radius:22px}.mu-record{width:62%}.mu-title{font-size:2rem}.mu-viz-wrap{margin:0 -18px;height:100px}.mu-viz{height:90px}.mu-viz-note{display:none}.mu-volume{width:140px}.mu-row button{grid-template-columns:26px 40px minmax(0,1fr) 40px}.mu-row-bpm{display:none}}
/*# sourceMappingURL=9.bf285498.chunk.css.map */