.hanori-reader-bar{z-index:60;color:#f7f6fa;background:#0d0e12;border-bottom:1px solid #292a32;grid-template-columns:minmax(0,1fr) minmax(250px,340px) minmax(0,1fr);align-items:center;gap:32px;height:92px;padding:0 28px;display:grid;position:fixed;inset:0 0 auto}.reader-bar-identity{align-items:center;gap:20px;min-width:0;display:flex}.reader-bar-home{letter-spacing:-2px;align-items:center;min-width:44px;min-height:44px;font-size:29px;font-weight:800;text-decoration:none;display:flex}.reader-bar-home span{color:#ff9c58}.reader-bar-divider{background:#30313a;flex-shrink:0;width:1px;height:30px}.reader-bar-work{min-width:0;color:inherit;align-items:center;gap:12px;display:flex}.reader-bar-work img{object-fit:cover;background:#1c1d24;border-radius:5px;flex-shrink:0;width:32px;height:44px}.reader-bar-work>span{gap:5px;min-width:0;display:grid}.reader-bar-work strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.reader-bar-work small{color:#a9a6b4;font-size:11px}.reader-bar-chapters{background:#17181e;border:1px solid #32323c;border-radius:12px;align-items:center;gap:6px;padding:5px;display:flex}.reader-bar-icon{color:#c1bdcc;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-height:42px;display:inline-flex}.reader-bar-icon:hover:not(:disabled){color:#ffad75;background:#26252e}.reader-bar-icon:disabled{opacity:.3;cursor:not-allowed}.reader-bar-next{color:#ffad75;background:#30221b}.reader-bar-select{flex:1;gap:3px;min-width:0;padding:3px 27px 3px 8px;display:grid;position:relative}.reader-bar-select>span{color:#a9a6b4;font-size:10px}.reader-bar-select>svg{pointer-events:none;color:#ffad75;position:absolute;bottom:8px;right:8px}.reader-bar-select select{appearance:none;color:#f7f6fa;cursor:pointer;text-overflow:ellipsis;width:100%;min-height:20px;font-size:13px;font-weight:650;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.reader-bar-select option{color:#f7f6fa;background:#17181e}.reader-bar-tools{justify-content:flex-end;align-items:center;gap:14px;display:flex}.reader-bar-page{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;gap:3px;margin-right:8px;display:grid}.reader-bar-page strong{font-size:13px;font-weight:650}.reader-bar-page strong span{color:#a9a6b4;font-weight:400}.reader-bar-page small{color:#a9a6b4;font-size:10px}.reader-bar-settings{color:#e6e1ec;min-height:44px;font:inherit;cursor:pointer;white-space:nowrap;background:#1b1c23;border:1px solid #393842;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:12px;display:flex}.reader-bar-settings:hover{color:#ffad75;border-color:#98613d}.reader-bar-progress{background:#25252d;height:2px;position:absolute;inset:auto 0 -1px}.reader-bar-progress span{background:#ff9c58;height:100%;display:block}.reader-settings-overlay{z-index:100;background:#0009;position:fixed;inset:0}.reader-settings-dialog{z-index:101;color:#f7f6fa;background:#15161d;border:1px solid #393842;border-radius:16px;width:min(360px,100vw - 32px);padding:24px;position:fixed;top:110px;right:24px;box-shadow:0 24px 80px #0008}.reader-settings-heading{color:#ffad75;align-items:center;gap:10px;display:flex}.reader-settings-heading h2{color:#f7f6fa;letter-spacing:-.03em;margin:0;font-size:21px}.reader-settings-heading button{margin-left:auto}.reader-settings-dialog>p{color:#b3b0bf;margin:14px 0 24px;font-size:13px;line-height:1.6}.reader-settings-dialog label{gap:9px;margin-top:20px;font-size:13px;display:grid}.reader-settings-dialog select{color:#f7f6fa;width:100%;min-height:46px;font:inherit;background:#20212a;border:1px solid #3d3b47;border-radius:8px;padding:12px}.reader-settings-done{color:#24150a;width:100%;min-height:46px;font:inherit;cursor:pointer;background:#ff9c58;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;margin-top:28px;font-size:13px;font-weight:650;display:flex}.hanori-reader-bar :is(a,button,select):focus-visible,.reader-settings-dialog :is(button,select):focus-visible{outline-offset:3px;outline:2px solid #ffad75}.vertical-reader:has(.hanori-reader-bar){padding-top:92px}#reader-comments{scroll-margin-top:110px}@media (min-width:1600px){.hanori-reader-bar{gap:44px;padding-inline:40px}.reader-bar-work strong{font-size:14px}}@media (max-width:1050px){.hanori-reader-bar{grid-template-columns:minmax(0,1fr) 280px auto;gap:16px;padding-inline:20px}.reader-bar-settings span{display:none}.reader-bar-settings{width:44px;padding:0}.reader-bar-divider{display:none}.reader-bar-identity{gap:12px}.reader-bar-tools{gap:6px}}@media (max-width:720px){.hanori-reader-bar{grid-template-rows:62px 64px;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;height:136px;padding:4px 14px 6px}.reader-bar-identity{grid-column:1}.reader-bar-work{gap:9px}.reader-bar-work img{width:26px;height:36px}.reader-bar-work strong{font-size:12px}.reader-bar-work small{font-size:10px}.reader-bar-home{min-width:35px;font-size:25px}.reader-bar-tools{grid-area:1/2}.reader-bar-page,.reader-bar-comments{display:none}.reader-bar-chapters{grid-area:2/1/auto/-1;width:100%}.reader-bar-select{padding-inline:10px 28px}.reader-bar-icon{min-height:42px}.vertical-reader:has(.hanori-reader-bar){padding-top:136px}.reader-settings-dialog{top:80px;right:16px}#reader-comments{scroll-margin-top:150px}}
.reader-paged{outline-offset:5px}.reader-paged figure{margin:0;aspect-ratio:auto!important}.reader-paged img{object-fit:contain;width:100%;height:auto;max-height:calc(100svh - 220px);display:block}.reader-paged-navigation{justify-content:space-between;align-items:center;gap:12px;padding:20px 12px;display:flex}.reader-paged-navigation span{font-variant-numeric:tabular-nums;text-align:center;font-size:13px}.reader-paged-navigation button{gap:8px;min-height:44px}.reader-paged-navigation button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.reader-paged-navigation{flex-wrap:wrap;justify-content:center}.reader-paged-navigation span{flex-basis:100%;order:-1}}