.music-player{--music-surface: color-mix(in oklab, var(--wall) 82%, #100e0c);--music-progress: 0%;position:fixed;z-index:25;inset-inline-end:var(--side);bottom:calc(var(--time-h) + 32px);color:var(--ink);font:400 14px/1.4 var(--sans)}.music-player [hidden]{display:none!important}.music-player button,.music-player a,.music-player input{-webkit-tap-highlight-color:transparent}.music-player button{cursor:pointer;touch-action:manipulation}.music-player svg{width:20px;height:20px;flex:none;display:block;pointer-events:none}.music-player button:focus-visible,.music-player a:focus-visible,.music-player input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.music-player ::selection{background:var(--ink);color:var(--wall)}.music-player__dock{display:flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--music-surface)}.music-player__icon{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;color:var(--ink);transition:background-color .16s var(--ease),color .16s var(--ease),transform .16s var(--ease-out)}.music-player__icon:hover,.music-player__icon:focus-visible{background:color-mix(in oklab,var(--ink) 10%,transparent)}.music-player__icon:active{transform:scale(.95)}.music-player__dock-play{width:36px;height:36px;background:var(--ink);color:var(--wall)}.music-player__dock-play:hover,.music-player__dock-play:focus-visible{background:color-mix(in oklab,var(--ink) 85%,var(--glow));color:var(--wall)}.music-player__dock-play svg{width:18px;height:18px}.music-player__expand{display:flex;gap:16px;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;text-align:start;color:var(--ink-2);transition:color .16s var(--ease)}.music-player__expand:hover{color:var(--ink)}.music-player__dock-title{max-inline-size:22ch;font-size:13px;line-height:1.25;text-align:start}.music-player__chevron{transition:transform .18s var(--ease-out)}.music-player__chevron svg{width:16px;height:16px}.music-player.is-open .music-player__chevron{transform:rotate(180deg)}.music-player[data-loading=true] .music-player__dock-play{animation:music-wait 1.1s ease-in-out infinite alternate}.music-player__panel{position:absolute;inset-inline-end:0;bottom:calc(100% + 12px);width:min(352px,calc(100vw - var(--side) * 2));max-height:calc(100svh - var(--time-h) - var(--bar-h) - 108px);overflow-y:auto;overscroll-behavior:contain;padding:22px;border-radius:20px;background:var(--music-surface);box-shadow:0 16px 48px color-mix(in oklab,var(--wall) 35%,rgb(0 0 0 / .6));scrollbar-width:thin;scrollbar-color:var(--line) transparent;animation:music-open .18s var(--ease-out) both}.music-player__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.music-player__head h2{font:400 21px/1.2 var(--serif);max-inline-size:18ch}.music-player__close{width:32px;height:32px;margin-inline-end:-6px}.music-player__close svg{width:18px;height:18px}.music-player__now{margin-bottom:18px}.music-player__title{max-inline-size:20ch;font:400 27px/1.15 var(--serif);text-align:start;text-wrap:balance}.music-player__artist{color:var(--ink-2);font-size:13px;margin-top:8px;max-inline-size:30ch}.music-player__range{display:block;appearance:none;-webkit-appearance:none;width:100%;height:24px;margin:0;padding:0;background:transparent;cursor:pointer;border-radius:8px;accent-color:var(--ink)}.music-player__range::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--ink) 0 var(--music-progress),var(--line) var(--music-progress) 100%)}.music-player__range::-moz-range-track{height:3px;border-radius:999px;background:var(--line)}.music-player__range::-moz-range-progress{height:3px;border-radius:999px;background:var(--ink)}.music-player__range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:var(--ink);margin-top:-4px}.music-player__range::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--ink)}.music-player__range:disabled{opacity:.45;cursor:default}.music-player__times{display:flex;justify-content:space-between;color:var(--ink-2);font-size:11px;line-height:1;font-variant-numeric:tabular-nums}.music-player__transport{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:14px}.music-player__play{width:52px;height:52px;border:1px solid color-mix(in oklab,var(--ink) 50%,transparent)}.music-player__play svg{width:22px;height:22px}.music-player__notice{margin-top:14px;font-size:13px;line-height:1.45;max-inline-size:34ch;color:var(--ink-2)}.music-player__retry{display:block;min-height:32px;margin-top:4px;text-decoration:underline;text-underline-offset:4px}.music-player__list{list-style:none;padding:12px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.music-player__track{width:100%;min-height:46px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;text-align:start;color:var(--ink-2);transition:background-color .16s var(--ease),color .16s var(--ease)}.music-player__track:hover,.music-player__track:focus-visible{background:color-mix(in oklab,var(--ink) 7%,transparent);color:var(--ink)}.music-player__track[aria-current=true]{color:var(--ink);background:color-mix(in oklab,var(--ink) 6%,transparent)}.music-player__number{font-size:11px;font-variant-numeric:tabular-nums}.music-player__name{font-size:14px;line-height:1.4;text-align:start}.music-player__track-state svg{width:15px;height:15px}.music-player__track-state{opacity:0}.music-player__track[aria-current=true] .music-player__track-state,.music-player__track:hover .music-player__track-state,.music-player__track:focus-visible .music-player__track-state{opacity:1}.music-player__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.music-player__volume{display:flex;align-items:center;width:114px;flex-shrink:0;gap:6px}.music-player__volume .music-player__icon{width:28px;height:36px}.music-player__volume .music-player__range{min-width:0}.music-player[data-device-volume=true] .music-player__volume{width:auto}.music-player__source{display:inline-flex;align-items:center;gap:5px;min-height:36px;max-inline-size:18ch;font-size:11px;line-height:1.35;color:var(--ink-2);text-decoration:none}.music-player__source:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.music-player__source svg{width:14px;height:14px}.music-player__device{margin-top:8px;font-size:12px;color:var(--ink-2);max-inline-size:32ch}.app[data-view=read] .music-player{inset-inline-start:var(--side);inset-inline-end:auto}.app[data-view=read] .music-player__panel{inset-inline-start:0;inset-inline-end:auto}.app[data-view=wall] .music-player{bottom:max(24px,env(safe-area-inset-bottom))}@media(min-width:761px){.app.has-music[data-view=read] .hall__stage{bottom:calc(var(--time-h) + 76px)}}@media(min-width:1101px){.app.has-music[data-view=hall]{--music-art-shift: clamp(32px, 4.5vw, 104px)}.app.has-music.music-crowded-label[data-view=hall]{--music-art-shift: 12px}.app.has-music[data-view=hall] .hall__stage{inset-inline-start:calc(var(--side) + var(--label-w) + 24px + var(--nav-n) + 16px - var(--music-art-shift));inset-inline-end:calc(var(--side) + var(--nav-n) + 16px + var(--music-art-shift))}.app.has-music[data-view=hall] .nav--prev{inset-inline-start:calc(var(--side) + var(--label-w) + 24px - var(--music-art-shift))}.app.has-music[data-view=hall] .nav--next{inset-inline-end:calc(var(--side) + var(--music-art-shift))}}@media(max-width:1100px){.music-player__dock-title{display:none}.music-player__expand{padding:0 10px}.music-player__dock{height:40px;padding:1px}.music-player__panel{width:min(352px,calc(100vw - var(--side) * 2))}.app.has-music[data-view=hall] .label{padding-bottom:44px}.app.has-music[data-view=hall] .story-open{position:absolute;bottom:0;inset-inline-start:0}}@media(max-width:760px){.music-player__panel{padding:20px;border-radius:18px}.app.has-music[data-view=read] .music-player{bottom:20px}.app.has-music[data-view=read] .time{inset-inline-start:calc(var(--side) + 88px)}.app.has-music[data-view=read] .music-player__panel{max-height:calc(100svh - var(--bar-h) - 90px)}}@media(prefers-reduced-motion:reduce){.music-player *,.music-player *:before,.music-player *:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.music-player__panel,.music-player__dock{border:1px solid CanvasText}}@keyframes music-open{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes music-wait{0%{opacity:1}to{opacity:.55}}