.reader-controls{position:sticky;top:0;z-index:8;background:#111116f5;border:1px solid #ffffff18;border-radius:12px;margin-bottom:22px;backdrop-filter:blur(10px)}.reader-controls .reader-toolbar{position:static;margin:0;border:0;background:transparent;gap:12px}.reader-controls .reader-toolbar .button:last-child{display:inline-flex}.reader-meter{display:flex;gap:18px;align-items:center;padding:0 18px 12px;font-size:11px;color:#bbb8c5}.reader-meter progress{flex:1;min-width:40px;height:4px;accent-color:#f38bb1}.reader-settings{padding:0 18px 14px;font-size:12px}.reader-settings summary{cursor:pointer;color:#f38bb1}.reader-options{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:15px}.reader-options label{display:flex;gap:10px;align-items:center}.reader-options select{width:auto;font-size:12px}.reader-options input[type=checkbox]{width:auto}.reader-shortcuts{color:#9995a5;font-size:11px}.reader-pages[data-width=comfortable]{max-width:800px}.reader-pages[data-width=wide]{max-width:1100px}.reader-pages[data-width=fit]{max-width:none}.reader-pages.with-gaps figure{margin-bottom:16px}.reader-pages figure{scroll-margin-top:160px}.reader-pages img{display:block;min-height:80px}.reader-pages img:not([src]){min-height:400px}.reader-resume{display:flex;gap:14px;justify-content:center;align-items:center;padding:14px;margin:15px 0;background:#f38bb114;border-radius:12px}.reader-resume[hidden]{display:none}.reader-bottom-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.reader-end{border-top:1px solid #ffffff18;margin-top:25px}.reader-top{position:fixed;right:18px;bottom:18px;z-index:9;border-radius:50%;width:44px;height:44px;padding:0}.reader-heading h1{overflow-wrap:anywhere}.reader-controls select{max-width:45vw}.reader-controls .reader-toolbar>a{white-space:nowrap}@media(max-width:600px){.reader-controls{border-radius:0}.reader-controls .reader-toolbar{gap:6px;padding:10px 6px}.reader-controls .reader-toolbar .button{padding:10px;font-size:10px}.reader-controls .reader-toolbar select{flex:1;width:130px;min-width:90px}.reader-meter{gap:10px;padding:0 12px 10px}.reader-settings{padding:0 12px 10px}.reader-shortcuts{display:none}.reader-top{right:12px;bottom:12px}.reader-resume{margin:12px;border-radius:8px}}
.reader-pages figure{position:relative;aspect-ratio:2/3;background:#17151b}.reader-pages figure>img{width:100%;height:auto;min-height:0}.reader-pages figure>figcaption{position:absolute;top:20px;left:15px;right:15px;color:#c2baca;text-align:center;font-size:13px}.reader-pages img:not([src]){min-height:0}@media(max-width:600px){.reader-controls{backdrop-filter:none;background:#111116}.reader-controls .reader-toolbar .button,.reader-controls .reader-toolbar select{min-height:44px}.reader-controls .reader-toolbar select{font-size:16px}}