.reader-theme-route{--reader-reading-width:720px;min-height:100%;padding-block:18px 28px}html[data-reader-width=narrow] .reader-theme-route{--reader-reading-width:620px}html[data-reader-width=wide] .reader-theme-route{--reader-reading-width:820px}.reader-theme-route .reading-shell,.reader-theme-route :is(.chapter,.chapter-nav,.logout){max-width:min(var(--reader-reading-width), 100%)}.reader-tools-panel{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:min(316px,100vw - 32px);max-height:min(620px,100svh - 180px);color:var(--color-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;padding:16px;position:absolute;top:54px;right:0;overflow-y:auto;box-shadow:0 18px 52px #1824322e,0 3px 12px #18243214}.reader-tools-panel[hidden]{display:none}.reader-tools-panel__header{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:8px;display:flex}.reader-tools-panel__header strong{font:700 .92rem/1.4 var(--font-ui)}.reader-tools-close{width:36px;height:36px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.reader-tools-close:hover{background:color-mix(in srgb, var(--color-surface) 70%, var(--color-border));color:var(--color-text)}.reader-tools-close svg{width:18px;height:18px}.reader-tools-section{border-top:1px solid var(--color-border);padding-block:12px}.reader-tools-label{color:var(--color-muted);font:650 .74rem/1.4 var(--font-ui);letter-spacing:.04em;margin-bottom:8px;display:block}.reader-tools-options{gap:8px;display:grid}.reader-tools-options--two{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-tools-options--three{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-tools-option{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:44px;color:var(--color-text);cursor:pointer;font:600 .8rem/1.25 var(--font-ui);border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.reader-tools-option:hover{border-color:var(--color-accent)}.reader-tools-option[aria-pressed=true]{border-color:var(--color-text);background:var(--color-text);color:#fff}.reader-tools-option svg{flex:0 0 18px;width:18px;height:18px}.reader-tools-option--text{flex-direction:column;gap:2px}.reader-tools-option--text>span{white-space:nowrap}.reader-tools-option--text small{color:inherit;font:500 .65rem/1.2 var(--font-ui);opacity:.8}.reader-tools-directory{border-top:1px solid var(--color-border);min-height:46px;color:var(--color-text);font:650 .82rem/1.4 var(--font-ui);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:4px;padding:10px 11px;display:grid}.reader-tools-directory:hover{color:var(--color-accent)}.reader-tools-directory svg{width:19px;height:19px}.reader-tools-note{color:var(--color-muted);font:.68rem/1.55 var(--font-ui);margin:8px 2px 0}@media (max-width:760px){.reader-theme-route{padding-block:14px 22px}.reader-tools-section--width{display:none}.reader-tools-panel{width:min(304px,100vw - 24px);max-height:calc(100svh - 198px);top:50px}}@media (max-width:360px){.reader-tools-panel{width:calc(100vw - 20px)}}