:root{--ease-reader:cubic-bezier(.2, .7, .2, 1);--press-duration:.12s}::view-transition{pointer-events:none}::view-transition-group(*){pointer-events:none}::view-transition-image-pair(*){pointer-events:none}::view-transition-old(*){pointer-events:none}::view-transition-new(*){pointer-events:none}::view-transition-group(*){animation-duration:.26s;animation-timing-function:var(--ease-reader)}::view-transition-old(root){opacity:1;animation:none}::view-transition-new(root){animation:reader-screen-in .26s var(--ease-reader) both;mix-blend-mode:normal}@keyframes reader-screen-in{0%{opacity:0}to{opacity:1}}:root[data-reader-transition=forward]::view-transition-old(root){animation:reader-recede .28s var(--ease-reader) both}:root[data-reader-transition=forward]::view-transition-new(root){animation:reader-push .28s var(--ease-reader) both}:root[data-reader-transition=back]::view-transition-old(root){animation:reader-pop .28s var(--ease-reader) both;z-index:1}:root[data-reader-transition=back]::view-transition-new(root){animation:reader-return .28s var(--ease-reader) both;z-index:0}@keyframes reader-recede{to{transform:translate(-12%)}}@keyframes reader-push{0%{transform:translate(100%)}}@keyframes reader-pop{to{transform:translate(100%)}}@keyframes reader-return{0%{transform:translate(-12%)}}:where(button,.button,.chip,.icon-button,.mini-player){transition:color .18s ease, background-color .18s ease, border-color .18s ease, opacity .16s ease, scale var(--press-duration) var(--ease-reader)}:where(button,.button):not(:disabled):active{scale:.975}:where(.icon-button,.mini-player,.play-button):not(:disabled):active{scale:.92}.chip{scroll-snap-align:start}.chip-scroll{scroll-snap-type:x proximity}.source-art{transition:transform .36s var(--ease-reader), opacity .22s ease}@media (hover:hover) and (pointer:fine){.art-link:hover .source-art,.thumb:hover .source-art{transform:scale(1.025)}.icon-button:hover{background-color:color-mix(in srgb, var(--blue) 8%, transparent)}}@media (pointer:coarse){.icon-button{min-width:44px;min-height:44px}button:not(:disabled):active,.button:active,.mini-player:active{transform:scale(1)}button>svg,.button>svg{transition:scale .12s var(--ease-reader), opacity .12s ease}button:not(:disabled):active>svg,.button:active>svg{opacity:.7;scale:.9}}.bottom-nav>button{z-index:1}.bottom-nav>button.active:before{display:none}.bottom-nav>button.active>svg{animation:nav-select .26s var(--ease-reader)}.bottom-nav .nav-indicator{width:calc((100% - 16px) / var(--nav-count,5));height:3px;transform:translateX(calc(var(--nav-active,0) * 100%));transition:transform .26s var(--ease-reader);pointer-events:none;position:absolute;top:5px;left:8px}.nav-indicator:after{content:"";background:var(--blue);border-radius:50%;width:3px;height:3px;margin:auto;display:block}@keyframes nav-select{0%{scale:.88}65%{scale:1.05}to{scale:1}}.save-button[aria-pressed=true] svg{animation:nav-select .26s var(--ease-reader)}.dialog[open]{animation:reader-dialog-in .22s var(--ease-reader)}.dialog[open]::backdrop{animation:.18s reader-backdrop-in}@keyframes reader-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes reader-backdrop-in{0%{opacity:0}to{opacity:1}}.toast{animation:reader-toast-in .2s var(--ease-reader)}@keyframes reader-toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.navigation-progress{top:var(--safe-area-top);background:var(--blue);transform-origin:0;width:100%;height:2px;animation:reader-loading 1.4s var(--ease-reader) infinite;pointer-events:none;z-index:150;position:fixed;left:0}@keyframes reader-loading{0%{opacity:.5;transform:scaleX(.05)}75%{opacity:1;transform:scaleX(.85)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.main,.dialog[open],.dialog[open]::backdrop,.toast,.navigation-progress,.bottom-nav>button.active>svg,.save-button[aria-pressed=true] svg{animation:none}:where(button,.button):active{scale:1!important}.source-art,.bottom-nav .nav-indicator{transition:none}}:root[data-motion=off] :where(button,.button):active{scale:1!important}:root[data-motion=off] .dialog::backdrop{animation:none}:root[data-motion=off]::view-transition-group(*){animation:none!important}:root[data-motion=off]::view-transition-old(*){animation:none!important}:root[data-motion=off]::view-transition-new(*){animation:none!important}