@layer pages{.player{z-index:var(--md-sys-z-index-shell-player);min-width:0;color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level3);view-transition-name:audio-player;transition:translate var(--motion-spatial);display:grid;position:fixed}.player__identity{min-width:0;color:inherit;border-radius:var(--md-sys-shape-corner-full);text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:4px 8px 4px 4px;display:flex}.player__cover{width:var(--player-cover,48px);height:var(--player-cover,48px);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-highest);flex:none;place-items:center;display:grid;overflow:hidden}.player__cover>img{object-fit:cover;width:100%;height:100%}.player__copy{gap:2px;min-width:0;display:grid}.player__copy>strong{font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__copy>small{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__transport{justify-content:center;align-items:center;gap:4px;display:flex}.player__play{width:var(--player-play,48px);height:var(--player-play,48px);color:var(--md-sys-color-on-primary);border-radius:var(--player-play-corner,var(--md-sys-shape-corner-large));background:var(--md-sys-color-primary);cursor:pointer;transition:border-radius var(--motion-spatial-fast), background-color var(--motion-effects);flex:none;place-items:center;padding:0;display:grid}.player__play[data-playing=true]{border-radius:var(--md-sys-shape-corner-full)}.player__play:active{border-radius:var(--player-play-pressed,var(--md-sys-shape-corner-medium))}.player__play:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.player__play>.material-icon{transition:scale var(--motion-spatial-fast)}.player__play:active>.material-icon{scale:.9}.player__time{min-width:5ch;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);font-variant-numeric:tabular-nums;white-space:nowrap}.player__time:last-child{text-align:end}.player__timeline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.player__scrub,.player__volume-slider{width:100%;min-width:0;height:44px;margin:0}.player__seek{align-items:center;min-width:0;height:44px;display:grid;position:relative}.player__seek>haneoka-wavy-progress{pointer-events:none;position:absolute;left:8px;right:8px}.player__seek>.player__scrub{--md-slider-active-track-color:transparent;--md-slider-inactive-track-color:transparent;--md-slider-disabled-active-track-color:transparent;--md-slider-disabled-inactive-track-color:transparent;position:relative}.player__actions{justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.player__volume{align-items:center;gap:4px;min-width:0;display:flex}.player__volume-slider{width:120px}.player__handle,.player-scrim{display:none}.player[data-state=full]{--player-cover:56px;--player-play:56px;inset:auto max(16px, env(safe-area-inset-right)) calc(var(--shell-bottom-inset,0px) + 16px) calc(var(--shell-width) + 16px);border-radius:var(--md-sys-shape-corner-extra-large);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"identity transport actions""timeline timeline timeline";align-items:center;column-gap:16px;max-width:1040px;margin-inline:auto;padding:12px 16px 4px}.player[data-state=full] .player__identity{border-radius:var(--md-sys-shape-corner-large);grid-area:identity;justify-self:start;max-width:100%}.player[data-state=full] .player__transport{grid-area:transport;gap:8px}.player[data-state=full] .player__timeline{grid-area:timeline}.player[data-state=full] .player__actions{grid-area:actions}@media (max-width:1023px) and (min-width:600px){.player[data-state=full]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity transport""timeline timeline""actions actions";row-gap:0}.player[data-state=full] .player__actions{justify-content:space-between}}@media (max-width:599px){.player[data-state=full]{--player-cover:min(72vw, 36dvh, 320px);--player-play:96px;--player-play-corner:var(--md-sys-shape-corner-extra-large);--player-play-pressed:var(--md-sys-shape-corner-large);z-index:var(--md-sys-z-index-overlay-sheet);max-width:none;max-height:calc(100dvh - 48px);padding:0 24px calc(16px + env(safe-area-inset-bottom));border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);overscroll-behavior:contain;grid-template-columns:minmax(0,1fr);grid-template-areas:"handle""identity""timeline""transport""actions";row-gap:8px;inset:auto 0 0;overflow-y:auto}.player[data-state=full] .player__handle{cursor:grab;touch-action:none;background:0 0;border:0;grid-area:handle;place-items:center;width:100%;height:36px;padding:0;display:grid}.player__handle>span{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-on-surface-variant);opacity:.4;width:32px;height:4px}.player[data-state=full] .player__identity{border-radius:var(--md-sys-shape-corner-extra-large);text-align:center;flex-direction:column;justify-self:stretch;align-items:stretch;gap:20px;padding:0}.player[data-state=full] .player__cover{border-radius:var(--md-sys-shape-corner-extra-large);align-self:center}.player[data-state=full] .player__copy>strong{font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--app-font)}.player[data-state=full] .player__copy>small{font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font)}.player[data-state=full] .player__timeline{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"slider slider""start end";row-gap:0}.player[data-state=full] .player__seek{grid-area:slider}.player[data-state=full] .player__transport{gap:16px}.player[data-state=full] .player__play>.material-icon{width:40px;height:40px}.player[data-state=full] .player__skip{--icon-button-size:56px}.player[data-state=full] .player__skip>.material-icon{--icon-size:32px;width:32px;height:32px}.player[data-state=full] .player__actions{justify-content:space-between;padding-top:8px}.player[data-state=full] .player__volume{flex:auto}.player[data-state=full] .player__volume-slider{flex:auto;width:auto}.player-scrim{z-index:calc(var(--md-sys-z-index-overlay-sheet) - 1);background:var(--md-sys-color-scrim);opacity:.32;animation:motion-fade var(--motion-effects) backwards;border:0;display:block;position:fixed;inset:0}}::view-transition-group(audio-player){animation-duration:var(--motion-spring-spatial-default-duration);animation-timing-function:var(--motion-spring-spatial-default)}::view-transition-old(audio-player){object-fit:cover;object-position:top;height:100%;animation-duration:var(--motion-spring-effects-slow-duration)}::view-transition-new(audio-player){object-fit:cover;object-position:top;height:100%;animation-duration:var(--motion-spring-effects-slow-duration)}:root[data-player-transition] .app-shell__main,:root[data-player-transition] .rail-item__indicator,:root[data-player-transition] .nav-item__indicator{view-transition-name:none!important}.audio-queue-panel{z-index:var(--md-sys-z-index-overlay-drawer);width:min(400px,100vw - 32px);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-extra-large);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-sys-elevation-level1);animation:audio-queue-in var(--motion-spatial) backwards, motion-fade var(--motion-effects) backwards;grid-template-rows:auto minmax(0,1fr);display:grid;position:fixed;inset:16px 16px 16px auto;overflow:hidden}@keyframes audio-queue-in{0%{transform:translate(48px)}}.audio-queue-panel>header,.audio-queue-panel>header>span{align-items:center;gap:8px;min-width:0;display:flex}.audio-queue-panel>header{justify-content:space-between;min-height:72px;padding:12px 12px 12px 24px}.audio-queue-panel>header strong{font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size) / var(--md-sys-typescale-title-large-line-height) var(--app-font)}.audio-queue-panel>header small{color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-secondary-container);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);font-variant-numeric:tabular-nums;padding:2px 8px}.audio-queue-panel__list{overscroll-behavior:contain;align-content:start;gap:2px;min-height:0;padding:0 12px 12px;display:grid;overflow:auto}.audio-queue-panel__compact-actions{display:none}.audio-queue-panel__row{border-radius:var(--md-sys-shape-corner-large);min-height:64px;transition:background-color var(--motion-effects), border-radius var(--motion-spatial-fast);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px;padding:4px;display:grid}.audio-queue-panel__row.selected{color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container)}.audio-queue-panel__row.drop-target{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.audio-queue-panel__select{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:4px 0;display:flex}.audio-queue-panel__select img,.audio-queue-panel__placeholder{object-fit:cover;border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-highest);flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.audio-queue-panel__select>span{gap:2px;min-width:0;display:grid}.audio-queue-panel__select strong{font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) / var(--md-sys-typescale-body-large-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-queue-panel__select small,.audio-queue-panel__row>small{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-queue-panel__row.selected small{color:inherit}.audio-queue-panel__drag{cursor:grab}audio-dock>.scrim{z-index:var(--md-sys-z-index-overlay-raised-backdrop)}@media (max-width:599px){.audio-queue-panel__skip{display:none}.audio-queue-panel{width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;animation:audio-queue-up var(--motion-spatial) backwards, motion-fade var(--motion-effects) backwards;grid-template-rows:auto auto minmax(0,1fr);inset:10dvh 0 0}@keyframes audio-queue-up{0%{transform:translateY(25%)}}.audio-queue-panel__compact-actions{justify-content:space-between;align-items:center;gap:4px;padding:0 12px 8px;display:flex}}@media (pointer:coarse){.player .icon-button,.audio-queue-panel .icon-button{--icon-button-size:48px}}}.nav__player:empty,.top-app-bar__player:empty{display:none}.nav__player{flex:none;padding:8px 12px 0}.now-playing-rail{animation:motion-rise var(--motion-spatial) backwards, motion-fade var(--motion-effects) backwards;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;display:grid;position:relative}.now-playing__expand{min-width:0;color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large);text-align:start;cursor:pointer;transition:background-color var(--motion-effects), border-radius var(--motion-spatial-fast);background:0 0;justify-items:center;gap:8px;padding:4px;display:grid}.now-playing__expand:hover{background:color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent)}.now-playing__expand:active{border-radius:var(--md-sys-shape-corner-medium)}.now-playing__expand:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}.now-playing__cover{--ring:3px;width:52px;height:52px;padding:var(--ring);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-full);background:conic-gradient(var(--md-sys-color-primary) calc(var(--player-progress,0) * 1turn), var(--md-sys-color-secondary-container) 0);flex:none;place-items:center;display:grid;position:relative}.now-playing__cover>img,.now-playing__cover>.material-icon{object-fit:cover;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);width:100%;height:100%}.now-playing__cover>.material-icon{padding:10px}.now-playing__copy,.now-playing__chevron,.now-playing__progress,.now-playing__next{display:none}.now-playing__copy{gap:2px;min-width:0}.now-playing__copy>strong{font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing__copy>small{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.now-playing__controls{align-items:center;gap:0;display:flex}.now-playing__play{color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-medium);transition:border-radius var(--motion-spatial-fast), background-color var(--motion-effects)}.now-playing__play[data-playing=true]{border-radius:var(--md-sys-shape-corner-full)}.nav-modal-open .now-playing-rail{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:0 4px;padding:8px}@media (min-width:1200px){:root[data-nav=expanded] .now-playing-rail{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);grid-template-columns:minmax(0,1fr) auto;place-items:center stretch;gap:0 4px;padding:8px}}:is(.nav-modal-open .now-playing-rail,:root[data-nav=expanded] .now-playing-rail) .now-playing__expand{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;place-items:center stretch;gap:12px}:is(.nav-modal-open .now-playing-rail,:root[data-nav=expanded] .now-playing-rail) :is(.now-playing__copy,.now-playing__progress){display:grid}:is(.nav-modal-open .now-playing-rail,:root[data-nav=expanded] .now-playing-rail) :is(.now-playing__chevron,.now-playing__next){display:inline-grid}:is(.nav-modal-open .now-playing-rail,:root[data-nav=expanded] .now-playing-rail) .now-playing__cover{width:44px;height:44px}:is(.nav-modal-open .now-playing-rail,:root[data-nav=expanded] .now-playing-rail) .now-playing__progress{min-width:0;padding-inline:8px 4px}.now-playing__chevron{color:var(--md-sys-color-on-surface-variant);place-items:center}@media (max-width:1199px){:root[data-nav=expanded] .now-playing-rail:not(.nav-modal-open *){background:0 0;grid-template-columns:minmax(0,1fr);justify-items:center;padding:0}:root[data-nav=expanded] .now-playing-rail:not(.nav-modal-open *) .now-playing__expand{grid-template-columns:minmax(0,1fr);justify-items:center}:root[data-nav=expanded] .now-playing-rail:not(.nav-modal-open *) :is(.now-playing__copy,.now-playing__progress,.now-playing__chevron,.now-playing__next){display:none}:root[data-nav=expanded] .now-playing-rail:not(.nav-modal-open *) .now-playing__cover{width:52px;height:52px}}.top-app-bar__player{display:none}@media (max-width:599px){.top-app-bar__player{flex:none;order:0;align-items:center;display:flex}.nav__player{display:none}.nav-modal-open .nav__player:not(:empty){display:block}}.now-playing{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;width:48px;height:48px;animation:motion-fade var(--motion-effects) backwards;background:0 0;place-items:center;padding:0;display:grid}.now-playing>.now-playing__cover{--ring:2.5px;width:38px;height:38px}.now-playing>.now-playing__cover>.material-icon{padding:7px}.now-playing[data-playing=true]>.now-playing__cover>img{animation:12s linear infinite now-playing-turn}@keyframes now-playing-turn{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.now-playing[data-playing=true]>.now-playing__cover>img{animation:none}}.now-playing:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:2px}@media (min-width:600px){.now-playing-rail{view-transition-name:audio-player}}@media (max-width:599px){.now-playing{view-transition-name:audio-player}}