.reader-toolbar>:first-child,.reader-toolbar>:last-child{transition:opacity .4s,translate .5s cubic-bezier(.22,1,.36,1)}.reader-toolbar[data-visible=false]>:first-child,.reader-toolbar[data-visible=false]>:last-child{opacity:0;transition-delay:0s;translate:0 12px}.reader-toolbar[data-visible=true]>:first-child,.reader-toolbar[data-visible=true]>:last-child{opacity:1;transition-delay:.16s;translate:0}@media (prefers-reduced-motion:reduce){.reader-toolbar>:first-child,.reader-toolbar>:last-child{transition:none;translate:none}}.reader-toolbar button svg{transition:transform .22s}.reader-toolbar button:not(:disabled):is(:hover,:focus-visible) .lucide-chevron-left{transform:translate(-3px)}.reader-toolbar button:not(:disabled):is(:hover,:focus-visible) .lucide-chevron-right{transform:translate(3px)}.reader-toolbar button:not(:disabled):is(:hover,:focus-visible) :is(.lucide-maximize,.lucide-minimize){transform:scale(1.18)}.reader-toolbar button:not(:disabled):is(:hover,:focus-visible) .lucide-settings-2{transform:rotate(-12deg)scale(1.1)}@media (prefers-reduced-motion:reduce){.reader-toolbar button svg{transition:none;transform:none!important}}.reader-settings [data-slot=select-trigger],.reader-settings input{border-color:#ffffff0f;border-radius:.75rem}.reader-settings button{border-radius:9999px}.reader-settings input[type=number]{appearance:textfield}.reader-settings input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.reader-settings input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reader-mode-preview{width:80px;height:82px;position:relative}.reader-mode-window{opacity:.85;border:none;border-radius:8px;width:72px;height:78px;padding:5px;overflow:hidden}.reader-mode-preview--scroll .reader-mode-window{-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.reader-mode-preview--paged .reader-mode-window,.reader-mode-preview--double .reader-mode-window{-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.reader-mode-pages{gap:4px;display:flex}.reader-mode-pages>span{background:color-mix(in srgb, currentColor 15%, transparent);border-radius:4px;flex-direction:column;flex-shrink:0;gap:6px;width:62px;height:68px;padding:7px;display:flex}.reader-mode-pages i{opacity:.35;background:currentColor;border-radius:2px;height:5px}.reader-mode-pages i:first-child{height:12px}.reader-mode-preview--scroll .reader-mode-pages{flex-direction:column}.reader-mode-preview--double .reader-mode-pages>span{width:29px;padding:4px}.reader-mode-hand{width:18px;height:18px;fill:var(--background);position:absolute;bottom:0;right:0}.reader-mode-choice .reader-mode-pages{animation:1.8s linear infinite reader-mode-horizontal}.reader-mode-choice .reader-mode-preview--scroll .reader-mode-pages{animation-name:reader-mode-vertical}.reader-mode-choice .reader-mode-hand{animation:1.8s ease-in-out infinite reader-mode-gesture}@keyframes reader-mode-horizontal{0%{transform:translate(0)}to{transform:translate(-66px)}}@keyframes reader-mode-vertical{0%{transform:translateY(0)}to{transform:translateY(-72px)}}@keyframes reader-mode-gesture{0%,15%,to{transform:translate(0)}55%,80%{transform:translate(-5px,-5px)}}@media (prefers-reduced-motion:reduce){.reader-mode-choice .reader-mode-pages,.reader-mode-choice .reader-mode-hand{animation:none!important}}.reader-drawer-scroll{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}[data-reader-background]{--reader-skeleton:#111113;--reader-skeleton-shimmer:#ffffff0d;--reader-loader-ink:255 255 255}[data-reader-background=charcoal]{--reader-skeleton:#2d2d31}[data-reader-background=sepia]{--reader-skeleton:#ded0b8;--reader-skeleton-shimmer:#352e240d;--reader-loader-ink:53 46 36}[data-reader-background=white]{--reader-skeleton:#ececee;--reader-skeleton-shimmer:#2020200d;--reader-loader-ink:32 32 32}html:has(main[data-reader-background=black]){background-color:#090909}html:has(main[data-reader-background=charcoal]){background-color:#232326}html:has(main[data-reader-background=sepia]){background-color:#e9ddc7}html:has(main[data-reader-background=white]){background-color:#f8f8f8}@supports not (height:100svh){@media (pointer:coarse){.reader-shell,.reader-shell>main{min-height:100vh}}}@media (pointer:coarse){html:has(.reader-shell){overscroll-behavior-y:none}html:has(.reader-shell) body{overscroll-behavior-y:none}}