:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#171717;background:#f5f5f5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh}.library{width:min(900px,100%);margin:auto;padding:24px 16px}.library header{padding:10px 0 24px}.library h1{margin:0}.library header span{color:#777}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.book{background:#fff;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:0 1px 5px #0001}.book .cover{width:100%;aspect-ratio:2 / 3;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eee}.book .cover img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;max-height:100%}.book .cover span{font-size:clamp(2rem,10vw,4rem)}.cover-fallback{display:none}.cover-fallback.visible{display:block}.info{padding:12px}.info h2{font-size:16px;margin:0 0 5px}.info p{margin:0 0 8px;color:#666}.info small{color:#999}.empty{min-height:65vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty div{font-size:64px}.notice{padding:16px;margin:16px 0;background:#fff;border-radius:12px}.error{color:#a00}.reader{--reader-bg: #faf9f5;--reader-fg: #292722;position:fixed;inset:0;height:var(--tg-viewport-stable-height, 100dvh);min-height:100dvh;display:flex;flex-direction:column;background:var(--reader-bg);color:var(--reader-fg);overflow:hidden;overscroll-behavior:none}.reader.dark{--reader-bg: #181818;--reader-fg: #ddd}.reader.sepia{--reader-bg: #f1e6d0;--reader-fg: #3e3427}.reader-bar{height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #0002;background:inherit;z-index:10}.reader-bar button,.settings button{border:0;background:transparent;color:inherit;font-size:17px;padding:9px 12px;border-radius:9px}.reader-bar button:active,.settings button:active{background:#0001}.reader-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72%;font-size:14px}.reader-pages{flex:1 1 auto;min-height:0;min-width:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-touch-callout:none;overscroll-behavior:none;cursor:pointer}.reader-pages.reader-single-page{display:block;width:100%;height:100%;overflow:hidden}.reader-visible-page{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;contain:layout paint}.reader.immersive .reader-pages{height:100%}.reader-visible-page p{width:100%;margin:0;text-indent:1.2em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.reader-visible-page h2{width:100%;margin:0 0 .65em;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:normal}.reader-visible-page .level-1{font-size:1.5em}.reader-visible-page .level-2{font-size:1.3em}.reader-visible-page .level-3{font-size:1.15em}.reader-page-image{display:block;max-width:100%;max-height:75%;margin:0 auto 1em;object-fit:contain}.reader-footer{height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:#777;padding:7px;background:inherit;z-index:10;-webkit-tap-highlight-color:transparent;cursor:pointer}.settings{position:absolute;inset:auto 10px 44px;background:var(--reader-bg);color:var(--reader-fg);border:1px solid #0002;border-radius:16px;padding:10px;box-shadow:0 8px 30px #0004;z-index:20;display:flex;flex-direction:column;gap:7px}.settings-row{display:flex;align-items:center;justify-content:center;gap:5px}.settings-row span{min-width:58px;text-align:center;font-size:13px;opacity:.75}.settings-label{text-align:center;font-size:12px;opacity:.65;margin-top:-2px}.settings .close-settings{background:#0001}.reader-loading,.reader-error{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#faf9f5;color:#292722}.reader-error button{padding:10px 18px;border:0;border-radius:10px}@media(max-width:600px){.library{padding:20px 12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reader-pages.reader-single-page{padding:0}}@media(min-width:481px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.reader.immersive .reader-pages{padding-top:72px!important;padding-bottom:24px!important}.reader-overlay{-webkit-user-select:none;user-select:none}.reader-immersive-top{position:fixed;top:0;left:0;right:0;height:56px;padding:0 10px;padding-top:env(safe-area-inset-top,0px);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--reader-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30}.reader-immersive-top button,.reader-bottom-controls button{border:0;background:transparent;color:inherit;border-radius:10px;font:inherit}.reader-immersive-top button{min-width:42px;min-height:42px;font-size:25px}.reader-immersive-top span{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.reader-bottom-controls{flex:0 0 auto;padding:4px 10px 0;background:inherit;z-index:12}.reader-progress-row{height:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.reader-progress-row button:last-child{justify-self:end}.reader-progress-row .page-count{font-size:12px;opacity:.75;padding:6px 12px}.reader-progress{width:100%;height:22px;margin:0;accent-color:currentColor}.reader-bottom-menu{display:flex;justify-content:space-around;border-top:1px solid #0002;margin-top:2px;padding-top:3px}.reader-bottom-menu button{min-width:88px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:20px}.reader-bottom-menu small{font-size:10px;opacity:.65}.reader-immersive-status{position:fixed;left:0;right:0;bottom:max(0px,env(safe-area-inset-bottom,0px));height:34px;min-height:34px;padding:0 48px 7px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;background:transparent;color:inherit;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:30;pointer-events:none;font-family:Georgia,Times New Roman,Times,serif;font-size:12px;line-height:1.2;opacity:.62}.reader-immersive-chapter{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-immersive-page{flex:0 0 auto;white-space:nowrap}.reader-modal-backdrop{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;padding-top:max(72px,env(safe-area-inset-top,12px));padding-bottom:max(12px,env(safe-area-inset-bottom,12px));background:#0006;z-index:50}.reader-modal{width:min(560px,100%);max-height:82vh;overflow:hidden;background:var(--reader-bg);color:var(--reader-fg);border-radius:18px;box-shadow:0 10px 40px #0006;display:flex;flex-direction:column}.reader-modal-head{flex:0 0 auto;min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #0002}.reader-modal-head button{border:0;background:transparent;color:inherit;font-size:28px;line-height:1;padding:8px}.chapter-list{overflow:auto;overscroll-behavior:contain;padding:6px 0}.chapter-list button{width:100%;min-height:48px;border:0;border-bottom:1px solid #0001;background:transparent;color:inherit;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;text-align:left;padding:10px 16px;font:inherit}.chapter-list button.active{background:#0000000d;font-weight:600}.chapter-list small{opacity:.55;font-size:11px}.page-jump-modal{padding-bottom:14px}.page-jump-input-row{display:flex;align-items:center;gap:10px;padding:16px}.page-jump-input-row input{flex:1;min-width:0;height:44px;border:1px solid #0003;border-radius:10px;background:transparent;color:inherit;padding:0 12px;font:inherit}.page-jump-presets{display:flex;gap:7px;padding:0 16px 12px;overflow-x:auto}.page-jump-presets button,.page-jump-go{border:0;border-radius:9px;background:#00000012;color:inherit;padding:9px 13px;white-space:nowrap}.page-jump-go{margin:0 16px;background:#3e3427;color:#fff;font-weight:600;min-height:44px}.reader.immersive .settings{z-index:55}@media(max-width:600px){.reader-bottom-menu button{min-width:72px}.reader-immersive-top{height:64px}}.reader-pages.reader-single-page{height:auto}.reader.immersive .reader-pages.reader-single-page{height:100%}.reader-bar-spacer{width:42px;min-width:42px;height:42px;display:block}.reader.immersive .reader-pages.reader-single-page{padding-top:104px!important;padding-bottom:max(76px,calc(env(safe-area-inset-bottom,0px) + 64px))!important}.reader.immersive .reader-visible-page{min-height:100%}.reader-pages,.reader-visible-page{font-family:Georgia,Times New Roman,Times,serif}.reader-visible-page p{text-align:justify;text-justify:inter-word;text-indent:1.2em;margin-bottom:0;white-space:pre-wrap}.reader-visible-page h2{font-family:Georgia,Times New Roman,Times,serif;font-weight:700;text-align:center}.reader-visible-page .level-1{font-size:2em;line-height:1.12;margin-bottom:.35em}.reader-visible-page .level-2{font-size:1.45em;line-height:1.15;margin-bottom:.35em}.reader-visible-page .level-3{font-size:1.2em;line-height:1.2;margin-bottom:.35em}.reader.immersive .reader-pages.reader-single-page{padding-top:max(108px,calc(env(safe-area-inset-top,0px) + 82px))!important;padding-bottom:max(54px,calc(env(safe-area-inset-bottom,0px) + 46px))!important}.reader.immersive .reader-pages.reader-single-page{padding-top:max(108px,calc(env(safe-area-inset-top,0px) + 82px))!important;padding-bottom:var(--reader-immersive-bottom-reserve, 44px)!important}.reader.immersive .reader-visible-page{padding-bottom:0!important}.reader-visible-page p,.reader-visible-page h2{overflow:visible;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.reader.immersive .reader-pages.reader-single-page{padding-bottom:46px!important}.reader.immersive .reader-immersive-status{position:fixed!important;left:0!important;right:0!important;bottom:max(14px,env(safe-area-inset-bottom,14px))!important;height:30px!important;min-height:30px!important;padding:0 48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:transparent!important;color:inherit!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:.72!important;visibility:visible!important;z-index:100!important;pointer-events:none!important;font-family:Georgia,Times New Roman,Times,serif!important;font-size:13px!important;line-height:1!important}.reader.immersive .reader-immersive-status .reader-immersive-chapter,.reader.immersive .reader-immersive-status .reader-immersive-page{display:block!important;visibility:visible!important;color:inherit!important;opacity:1!important}.reader.immersive .reader-immersive-status .reader-immersive-chapter{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader.immersive .reader-immersive-status .reader-immersive-page{flex:0 0 auto;white-space:nowrap}.reader-pages.reader-single-page{position:relative;display:block;overflow:hidden;min-height:0}.reader-canvas{display:block;width:100%;height:100%;min-width:0;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.reader.immersive .reader-pages.reader-single-page{padding-top:108px!important;padding-bottom:42px!important}.reader.immersive .reader-immersive-status{position:fixed!important;left:0!important;right:0!important;bottom:max(10px,env(safe-area-inset-bottom,10px))!important;height:24px!important;min-height:24px!important;padding:0 48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:100!important;pointer-events:none!important;font-family:Georgia,Times New Roman,Times,serif!important;font-size:13px!important;line-height:1!important;opacity:.72!important}.reader.immersive .reader-immersive-status{position:absolute!important;inset:auto 0 10px!important;width:100%!important;height:24px!important;min-height:24px!important;padding:0 48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;z-index:100!important;pointer-events:none!important}.reader.immersive .reader-immersive-status{bottom:max(10px,env(safe-area-inset-bottom,10px))!important}@media(max-width:600px){.reader.immersive .reader-immersive-status{bottom:max(10px,env(safe-area-inset-bottom,10px))!important;height:24px!important;min-height:24px!important;padding-left:24px!important;padding-right:24px!important}}.reader.immersive{height:var(--tg-viewport-height, 100dvh)!important;min-height:var(--tg-viewport-height, 100dvh)!important}.reader.immersive .reader-immersive-status{position:absolute!important;inset:auto 0 34px!important}