.mu-page{--mu-tile:clamp(140px, 13vw, 230px);--mu-glass:color-mix(in oklch, var(--card) 78%, transparent);--mu-line:color-mix(in oklch, var(--foreground) 10%, transparent);flex-direction:column;gap:clamp(1.25rem,2.2vw,2.5rem);padding-bottom:6rem;display:flex}.mu-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding-top:1.5rem;display:flex}.mu-title{letter-spacing:-.02em;font-size:clamp(1.6rem,2.6vw,2.6rem);font-weight:800}.mu-section-title{letter-spacing:-.01em;margin-bottom:.65rem;font-size:clamp(1.05rem,1.25vw,1.4rem);font-weight:700}.mu-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mu-search{background:var(--mu-glass);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.5rem;min-width:min(22rem,100%);height:2.5rem;padding:0 .75rem;display:flex}.mu-search:focus-within{outline:2px solid var(--ring,var(--primary));outline-offset:2px}.mu-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:.95rem}.mu-chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mu-chip{background:color-mix(in oklch, var(--foreground) 8%, transparent);color:var(--foreground);transition:background-color .16s var(--mx-ease,ease);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.875rem;font-weight:600;display:inline-flex}.mu-chip:hover{background:color-mix(in oklch, var(--foreground) 14%, transparent)}.mu-chip[aria-pressed=true],.mu-chip[aria-current=true]{background:var(--primary);color:var(--primary-foreground)}.mu-chip small{color:inherit;opacity:.7;font-weight:500}.mu-letters{flex-wrap:wrap;gap:.25rem;display:flex}.mu-letter{border-radius:var(--radius);min-width:2.1rem;height:2.1rem;color:var(--muted-foreground);font-size:.85rem;font-weight:600}.mu-letter:hover{color:var(--foreground);background:var(--muted)}.mu-letter[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.mu-row{scroll-snap-type:x proximity;scrollbar-width:thin;gap:1rem;margin:-.35rem -2px 0;padding:.35rem 2px .8rem;list-style:none;display:flex;overflow-x:auto}.mu-row>li{flex:0 0 var(--mu-tile);scroll-snap-align:start}.mu-grid{grid-template-columns:repeat(auto-fill, minmax(var(--mu-tile), 1fr));gap:1.5rem 1rem;margin:0;padding:0;list-style:none;display:grid}.mu-grid>li{content-visibility:auto;contain-intrinsic-size:auto var(--mu-tile) auto calc(var(--mu-tile) + 3rem)}.mu-tile{color:inherit;border-radius:var(--radius-lg,var(--radius));flex-direction:column;gap:.15rem;min-width:0;display:flex}.mu-tile .mu-cover{transition:transform .2s var(--mx-ease,ease), box-shadow .2s var(--mx-ease,ease)}.mu-tile:hover .mu-cover,.mu-tile:focus-visible .mu-cover{box-shadow:0 14px 34px -16px color-mix(in oklch, var(--foreground) 45%, transparent);transform:scale(1.04)}.mu-tile-title{white-space:nowrap;text-overflow:ellipsis;margin-top:.45rem;font-size:.9rem;font-weight:600;overflow:hidden}.mu-tile-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.mu-tile.is-artist{text-align:center;align-items:center}.mu-tile.is-artist .mu-tile-title,.mu-tile.is-artist .mu-tile-sub{max-width:100%}.mu-cover{aspect-ratio:1;border-radius:var(--radius-lg,var(--radius));background:var(--muted);flex-shrink:0;width:100%;display:block;position:relative;overflow:hidden}.mu-cover.is-round{border-radius:999px}.mu-cover img{object-fit:cover;width:100%;height:100%;display:block}.mu-cover-ph{color:var(--muted-foreground);place-items:center;display:grid;position:absolute;inset:0}.mu-cover-ph svg{opacity:.6;width:38%;height:38%}.mu-skel-hero{border-radius:var(--radius-xl,var(--radius));height:clamp(180px,26vh,300px)}.mu-skel-tile{aspect-ratio:1/1.2;border-radius:var(--radius-lg,var(--radius))}.mu-loading{flex-direction:column;gap:1.5rem;padding-top:1.5rem;display:flex}.mu-hero{isolation:isolate;grid-template-columns:clamp(140px,22vw,300px) 1fr;align-items:end;gap:clamp(1rem,2.5vw,2.5rem);margin-top:1rem;padding:clamp(1.25rem,3vw,3rem) 0 .5rem;display:grid;position:relative}.mu-hero-bg{inset:-2rem calc(var(--mx-pad,1rem) * -1) -1rem;width:calc(100% + var(--mx-pad,1rem) * 2);object-fit:cover;filter:blur(48px)saturate(1.3);opacity:.45;z-index:-1;pointer-events:none;height:calc(100% + 3rem);position:absolute;-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.mu-hero-cover{box-shadow:0 24px 60px -24px color-mix(in oklch, var(--foreground) 55%, transparent)}.mu-hero-body{flex-direction:column;gap:.6rem;min-width:0;display:flex}.mu-hero-kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground);font-size:.75rem;font-weight:700}.mu-hero-title{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.75rem,4.2vw,4.5rem);font-weight:800;line-height:1.02}.mu-hero-meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.4rem .75rem;font-size:.95rem;display:flex}.mu-hero-meta a{color:var(--foreground);font-weight:600}.mu-hero-meta a:hover{text-decoration:underline}.mu-hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}@media (max-width:40rem){.mu-hero{text-align:center;grid-template-columns:1fr;justify-items:center}.mu-hero-cover{width:min(70vw,260px)}.mu-hero-meta,.mu-hero-actions{justify-content:center}}.mu-tracks{flex-direction:column;gap:.75rem;display:flex}.mu-track-ol{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mu-track-li{align-items:center;gap:.25rem;display:flex}.mu-track-li>.mu-track{flex:1;min-width:0}.mu-disc{color:var(--muted-foreground);align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;font-weight:700;display:flex}.mu-track{border-radius:var(--radius);text-align:left;width:100%;color:inherit;transition:background-color .12s var(--mx-ease,ease);grid-template-columns:2.25rem auto 1fr auto auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem;display:grid}.mu-track:hover{background:color-mix(in oklch, var(--foreground) 6%, transparent)}.mu-track.is-current{background:color-mix(in oklch, var(--primary) 14%, transparent)}.mu-track.is-current .mu-track-title{color:var(--primary)}.mu-track-num{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-align:right;font-size:.875rem}.mu-track-cover{border-radius:var(--radius-sm,var(--radius));width:2.5rem}.mu-track-main{flex-direction:column;min-width:0;display:flex}.mu-track-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mu-track-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.mu-track-badge{color:var(--muted-foreground);display:inline-flex}.mu-track-fmt{letter-spacing:.04em;color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-sm,var(--radius));padding:.05rem .35rem;font-size:.7rem;font-weight:700}.mu-track-dur{color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.875rem}@media (max-width:40rem){.mu-track{grid-template-columns:1.75rem auto 1fr auto;gap:.55rem}.mu-track-fmt,.mu-track-badge{display:none}}.mu-bars{align-items:flex-end;gap:2px;height:.9rem;display:inline-flex}.mu-bars i{background:var(--primary);transform-origin:bottom;border-radius:1px;width:3px;height:100%;transform:scaleY(.35)}.mu-bars.is-on i{animation:.9s ease-in-out infinite mu-eq}.mu-bars.is-on i:nth-child(2){animation-delay:-300ms}.mu-bars.is-on i:nth-child(3){animation-delay:-600ms}@keyframes mu-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.np{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,5rem);min-height:calc(100dvh - 9rem);padding:clamp(1rem,3vw,3rem) 0 7rem;display:grid;position:relative}.np-bg{object-fit:cover;filter:blur(72px)saturate(1.4);opacity:.5;z-index:-1;pointer-events:none;width:120%;height:120%;position:fixed;inset:-10%}.np-bg-scrim{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklch, var(--background) 35%, transparent), var(--background));position:fixed;inset:0}.np-left{flex-direction:column;align-items:center;gap:1.25rem;display:flex;position:sticky;top:5rem}.np-art{width:min(100%,34rem,56vh);box-shadow:0 30px 80px -30px color-mix(in oklch, var(--foreground) 60%, transparent)}.np-meta{text-align:center;width:100%}.np-title{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.4rem,2.6vw,2.6rem);font-weight:800}.np-sub{color:var(--muted-foreground);flex-wrap:wrap;justify-content:center;gap:.25rem .6rem;display:flex}.np-sub a:hover{color:var(--foreground);text-decoration:underline}.np-progress{flex-direction:column;gap:.35rem;width:min(100%,34rem);display:flex}.np-range{width:100%;accent-color:var(--primary)}.np-times{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.8rem;display:flex}.np-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.np-ctl{width:2.75rem;height:2.75rem;color:var(--foreground);border-radius:999px;place-items:center;display:inline-grid}.np-ctl:hover{background:color-mix(in oklch, var(--foreground) 10%, transparent)}.np-ctl[aria-pressed=true]{color:var(--primary)}.np-ctl.is-main{background:var(--primary);width:4rem;height:4rem;color:var(--primary-foreground)}.np-ctl.is-main:hover{background:color-mix(in oklch, var(--primary) 88%, var(--foreground))}.np-volume{align-items:center;gap:.5rem;width:min(100%,16rem);display:flex}.np-volume input{accent-color:var(--primary);flex:1}.np-right{flex-direction:column;gap:.75rem;min-width:0;display:flex}.np-tabs{gap:.5rem;display:flex}.np-panel{border-radius:var(--radius-xl,var(--radius));background:var(--mu-glass,color-mix(in oklch, var(--card) 78%, transparent));border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);flex-direction:column;height:min(70vh,48rem);display:flex;overflow:hidden}.ly{scroll-behavior:smooth;scrollbar-width:none;flex:1;padding:35% 1.5rem;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.ly::-webkit-scrollbar{display:none}.ly-line{text-align:left;border-radius:var(--radius);width:100%;color:color-mix(in oklch, var(--foreground) 45%, transparent);transition:color .22s var(--mx-ease,ease), transform .22s var(--mx-ease,ease);transform-origin:0;padding:.35rem .5rem;font-size:clamp(1.1rem,1.6vw,1.75rem);font-weight:700;line-height:1.3;display:block}.ly-line:hover{color:color-mix(in oklch, var(--foreground) 75%, transparent)}.ly-line.is-past{color:color-mix(in oklch, var(--foreground) 30%, transparent)}.ly-line.is-now{color:var(--foreground);transform:scale(1.04)}.ly-plain{white-space:pre-wrap;flex:1;padding:1.5rem;font-size:1.05rem;line-height:1.7;overflow-y:auto}.ly-empty{color:var(--muted-foreground);text-align:center;flex:1;place-items:center;padding:2rem;display:grid}.np-queue{flex:1;margin:0;padding:.5rem;list-style:none;overflow-y:auto}.np-qitem{border-radius:var(--radius);grid-template-columns:1fr auto;align-items:center;gap:.25rem;display:grid}.np-qitem.is-current{background:color-mix(in oklch, var(--primary) 14%, transparent)}.np-qitem.is-past{opacity:.6}.np-qplay{text-align:left;min-width:0;color:inherit;border-radius:var(--radius);grid-template-columns:2.75rem 1fr auto;align-items:center;gap:.65rem;padding:.4rem .5rem;display:grid}.np-qplay:hover{background:color-mix(in oklch, var(--foreground) 6%, transparent)}.np-qtools{gap:.1rem;padding-right:.25rem;display:flex}.np-qtool{border-radius:var(--radius);width:2rem;height:2rem;color:var(--muted-foreground);place-items:center;display:inline-grid}.np-qtool:hover:not(:disabled){color:var(--foreground);background:var(--muted)}.np-qtool:disabled{opacity:.3}@media (max-width:64rem){.np{grid-template-columns:1fr}.np-left{position:static}.np-panel{height:min(60vh,36rem)}}@media (min-width:160rem){.np{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.np-panel{height:min(76vh,64rem)}}.mu-mini{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:40;border-radius:var(--radius-xl,var(--radius));background:color-mix(in oklch, var(--card) 86%, transparent);border:1px solid var(--border);width:min(100% - 1.5rem,64rem);box-shadow:0 18px 50px -20px color-mix(in oklch, var(--foreground) 45%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.5rem .75rem .65rem .5rem;display:grid;position:fixed;overflow:hidden;transform:translate(-50%)}.mu-mini-cover{border-radius:var(--radius);width:3rem}.mu-mini-info{min-width:0;color:inherit;border-radius:var(--radius);flex-direction:column;display:flex}.mu-mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.mu-mini-sub{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.mu-mini-ctl{align-items:center;gap:.15rem;display:flex}.mu-mini-ctl .np-ctl{width:2.5rem;height:2.5rem}.mu-mini-ctl .np-ctl.is-main{width:2.75rem;height:2.75rem}.mu-mini-bar{background:color-mix(in oklch, var(--foreground) 10%, transparent);height:3px;position:absolute;bottom:0;left:0;right:0}.mu-mini-bar>span{background:var(--primary);transform-origin:0;width:100%;height:100%;display:block}.mu-mini-time{color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}@media (max-width:40rem){.mu-mini{grid-template-columns:auto minmax(0,1fr) auto}.mu-mini-time,.mu-mini .is-optional{display:none}}[data-motion=reduced] .mu-bars.is-on i{animation:none;transform:scaleY(.7)}[data-motion=reduced] .ly{scroll-behavior:auto}[data-motion=reduced] .ly-line,[data-motion=reduced] .mu-tile .mu-cover{transition:none}[data-motion=reduced] .ly-line.is-now{transform:none}@media (prefers-reduced-motion:reduce){.mu-bars.is-on i{animation:none;transform:scaleY(.7)}.ly{scroll-behavior:auto}.ly-line,.mu-tile .mu-cover{transition:none}.ly-line.is-now{transform:none}}