:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262b32;background:#fff;--bg:#fff;--side:#f6f7f9;--text:#262b32;--muted:#666e7a;--border:#e4e7ec;--accent:#1e6f9f;--active:#e8f2f9;--mark:#ffecad;--font-size:18px;--line-height:1.7;--content-width:680px;--reader-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color-scheme:light}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--side)}.auth-card{width:min(400px,100%);display:grid;gap:22px;padding:34px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 18px 60px #00000012}.auth-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:22px;font-weight:650}.auth-brand svg{color:var(--accent)}.auth-card h1{font-size:25px;margin:0 0 8px}.auth-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.auth-card label{display:grid;gap:8px;color:var(--muted);font-size:12px}.auth-card input{width:100%;height:46px;padding:0 13px;border:1px solid var(--border);border-radius:5px;background:var(--bg);color:var(--text)}.auth-card input:focus{outline:2px solid var(--accent);outline-offset:1px}.auth-card #auth-message:not(:empty){padding:10px 12px;background:var(--active);color:var(--accent);border-radius:5px}.auth-card .primary-button{width:100%}
:root[data-theme=dark]{--bg:#202224;--side:#191b1d;--text:#eceeef;--muted:#aab2bb;--border:#3d4147;--accent:#8acbfa;--active:#253f50;--mark:#755b24;color-scheme:dark}
:root[data-theme=sepia]{--bg:#faf3e7;--side:#eee6d8;--text:#3a342d;--muted:#6d6256;--border:#d9cdbc;--accent:#245e78;--active:#e4e9e3;--mark:#f2d694}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button svg{pointer-events:none}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.65}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:focus:not(:focus-visible),article:focus,#reading:focus{outline:none}.skip-link{position:fixed;top:-80px;left:12px;z-index:30;padding:12px;background:var(--bg);color:var(--accent)}.skip-link:focus{top:8px}.muted,.eyebrow{color:var(--muted)}.eyebrow{font-size:11px;font-weight:600}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:27px 28px 24px;font-size:22px;font-weight:650}.brand svg{color:var(--accent);width:24px;height:24px}.brand-dot{color:var(--accent)}.book-info{padding:6px 28px 26px}.book-info h1{font-size:19px;line-height:1.4;font-weight:600;margin:10px 0 7px}.book-info p{color:var(--muted);font-size:12px;margin:0}.sidebar-label{display:flex;align-items:center;justify-content:space-between;padding:0 28px 10px}.sidebar-label h2{font-size:12px;margin:0;font-weight:550;color:var(--muted)}.sidebar-label>span{font-size:11px;color:var(--muted)}.chapter-list{overflow:auto;padding:0 12px 16px;flex:1;scrollbar-width:thin}.chapter-link{display:grid;grid-template-columns:25px minmax(0,1fr) 12px;align-items:start;gap:9px;width:100%;padding:12px 14px;margin:2px 0;border:0;border-radius:5px;text-align:left;background:transparent;font-size:12px;line-height:1.5;color:var(--muted)}.chapter-link:hover{background:var(--border)}.chapter-link[aria-current=page]{background:var(--active);color:var(--accent);font-weight:600}.chapter-number{font-size:11px;font-variant-numeric:tabular-nums;padding-top:1px}.chapter-name{overflow-wrap:anywhere}.chapter-state{font-size:12px;color:#397960}.chapter-link[aria-current=page] .chapter-state{color:var(--accent)}.library-progress{padding:20px 28px 22px;border-top:1px solid var(--border);font-size:11px}.library-progress>div{display:flex;justify-content:space-between;margin-bottom:12px}.library-progress strong{font-size:12px;font-weight:600}.library-progress>span{display:block;margin-top:9px;font-size:10px}progress{display:block;width:100%;height:3px;appearance:none;border:0;background:var(--border);border-radius:0;color:var(--accent)}progress::-webkit-progress-bar{background:var(--border)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.workspace{margin-left:270px}.toolbar{height:64px;position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 36px;border-bottom:1px solid var(--border);background:var(--bg)}.breadcrumb{display:flex;align-items:center;gap:15px;min-width:0;font-size:11px;color:var(--muted)}#current-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.breadcrumb-divider{color:#9ba3ad}.tools{display:flex;align-items:center;gap:5px;flex-shrink:0}.tool-divider{width:1px;height:18px;background:var(--border);margin:0 7px}.icon-button{width:44px;height:44px;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;background:transparent;position:relative;flex-shrink:0;color:var(--muted)}.icon-button:hover:not(:disabled){background:var(--active);color:var(--accent)}.icon-button[aria-pressed=true]{color:var(--accent);background:var(--active)}.count-badge{position:absolute;right:0;top:2px;font-size:9px;background:var(--accent);color:var(--bg);border-radius:10px;min-width:15px;padding:2px}.mobile-menu{display:none}#reading{padding:0 40px;min-height:calc(100vh - 64px)}#chapter{max-width:var(--content-width);margin:0 auto;padding:65px 0 108px;overflow-wrap:anywhere}.chapter-heading{padding-bottom:32px;margin-bottom:34px;border-bottom:1px solid var(--border)}.chapter-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.chapter-meta .eyebrow{font-size:11px;color:var(--accent)}.chapter-heading h1{font-size:34px;font-weight:580;line-height:1.25;margin:0 0 21px;max-width:620px}.chapter-subtitle{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.small-dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}#paragraphs{font-family:var(--reader-font);font-size:var(--font-size);line-height:var(--line-height)}#paragraphs p{margin:0 0 1em;white-space:pre-line;scroll-margin-top:88px}#paragraphs p:focus-visible{outline-offset:8px}#paragraphs p.target{background:var(--active);border-radius:3px}mark{background:var(--mark);color:var(--text);border-radius:2px}.chapter-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:48px;padding-top:24px}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:5px;color:var(--accent);font-size:13px}.text-button:hover:not(:disabled){background:var(--active)}#end-label{font-size:11px;color:var(--muted)}.reading-status{position:fixed;bottom:0;left:270px;right:0;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:14px;border-top:1px solid var(--border);background:var(--bg);z-index:3;font-size:10px;color:var(--muted)}.reading-status>div{display:flex;align-items:center;gap:10px}.reading-status progress{width:90px;height:2px}.reading-status strong{font-size:11px;color:var(--text);min-width:28px;font-variant-numeric:tabular-nums}.reading-status .icon-button{width:40px;height:40px}.reading-status svg{width:15px;height:15px}dialog{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;width:min(560px,calc(100% - 40px));max-height:calc(100dvh - 64px);padding:0;box-shadow:0 24px 80px #0003;overflow:hidden}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#141d2a55}#settings-dialog{width:min(380px,calc(100% - 40px))}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-heading h2{font-size:16px;margin:0;font-weight:600}.panel-body{overflow:auto;padding:20px;overscroll-behavior:contain;min-height:0}.panel-caption{font-size:12px;color:var(--muted);margin:12px 24px;flex-shrink:0}.search-box{display:flex;align-items:center;gap:12px;margin:20px 24px 0;padding:0 12px;border:1px solid var(--border);border-radius:5px;flex-shrink:0;color:var(--muted)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.search-box input{background:transparent;color:var(--text);border:0;outline:none;width:100%;height:46px;font-size:15px}.result-list{padding-top:0;min-height:100px}.search-result{display:block;width:100%;text-align:left;padding:17px 4px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text)}.search-result:hover{background:var(--active)}.result-title{display:block;color:var(--accent);font-size:11px;margin-bottom:9px;line-height:1.5}.result-snippet{display:block;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.empty-state{text-align:center;padding:44px 16px;color:var(--muted);font-size:13px}.empty-state svg{display:block;width:30px;height:30px;margin:0 auto 16px;color:var(--muted)}.bookmark-actions{padding:8px 16px;border-bottom:1px solid var(--border)}.bookmark-row{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid var(--border)}.bookmark-row .search-result{border:0;flex:1;min-width:0}.bookmark-row .icon-button{margin-top:10px}.bookmark-date{font-size:10px;color:var(--muted);display:block;margin-top:10px}.settings-body{padding:8px 24px 22px}fieldset{border:0;margin:0;padding:20px 0 0;min-width:0}legend{float:left;width:100%;padding:0;margin-bottom:12px;font-size:12px;color:var(--muted)}legend output{float:right;color:var(--text);font-variant-numeric:tabular-nums}.font-stepper{display:flex;align-items:center;justify-content:space-between;clear:both;border:1px solid var(--border);border-radius:5px;padding:2px 6px}.type-preview{font-size:26px}.segments{display:flex;clear:both;border:1px solid var(--border);border-radius:5px;padding:3px;gap:3px}.segment{flex:1;border:0;border-radius:3px;min-height:40px;background:transparent;color:var(--muted);font-size:12px;padding:6px}.segment[aria-pressed=true]{background:var(--active);color:var(--accent);font-weight:600}.theme-options{display:flex;gap:10px;clear:both}.theme-option{flex:1;padding:9px 5px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);color:var(--accent)}.swatch{width:17px;height:17px;border-radius:50%;border:1px solid #969da6;display:inline-block}.swatch.light{background:#fff}.swatch.sepia{background:#faf3e7}.swatch.dark{background:#202224}.reset-button{margin-top:25px;width:100%;color:var(--muted);font-size:12px}.drawer-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-body .chapter-list{padding:0}.panel-body .chapter-link{font-size:14px;padding:13px 10px}.error-state{text-align:center;padding:100px 16px}.error-state h1{font-size:24px}.error-state p{font-size:14px;color:var(--muted)}.primary-button{min-height:44px;border:0;padding:10px 20px;border-radius:5px;background:var(--accent);color:var(--bg)}#loading{padding:100px 0;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:65px;left:calc(50% + 135px);transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:12px 18px;border:1px solid var(--border);border-radius:6px;background:var(--text);color:var(--bg);font-size:13px;line-height:1.6;z-index:20;box-shadow:0 5px 25px #0002}.noscript-message{position:fixed;inset:100px 20px auto;background:var(--bg);padding:30px;text-align:center;z-index:10}
.panel-notice{margin:0;padding:12px 20px;background:var(--active);color:var(--accent);font-size:12px;flex-shrink:0;border-top:1px solid var(--border)}
@media(min-width:1400px){#chapter{padding-top:80px}.toolbar{padding-inline:48px}.reading-status{padding-inline:48px}}
@media(max-width:1023px){.sidebar{display:none}.workspace{margin-left:0}.mobile-menu{display:inline-flex}.toolbar{padding-inline:20px;gap:8px}.breadcrumb{flex:1}.reading-status{left:0;padding-inline:24px}#reading{padding-inline:32px}#toast{left:50%}}
@media(max-width:767px){.desktop-only{display:none!important}.toolbar{height:56px;padding-inline:10px}.breadcrumb{font-size:11px}.tools{gap:0}.tool-divider{margin-inline:3px}#reading{padding-inline:20px}#chapter{padding-top:32px;padding-bottom:100px}.chapter-heading{padding-bottom:25px;margin-bottom:28px}.chapter-meta{margin-bottom:12px}.chapter-heading h1{font-size:28px;line-height:1.3}.chapter-subtitle{font-size:10px}.chapter-pagination{gap:4px}.chapter-pagination .text-button{padding-inline:4px}.reading-status{padding-inline:16px;gap:8px}.reading-status progress{width:54px}dialog,#settings-dialog{width:100%;max-width:100%;max-height:88dvh;margin:auto 0 0;border-radius:8px 8px 0 0;border-bottom:0}#contents-dialog,#search-dialog,#bookmarks-dialog{height:88dvh}.panel-body{padding:16px 20px}.panel-heading{padding:10px 16px}.settings-body{padding:4px 24px 20px}fieldset{padding-top:16px}.search-box{margin-inline:20px}#status-chapter{max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:359px){#reading{padding-inline:16px}.chapter-heading h1{font-size:26px}.toolbar{padding-inline:4px}.breadcrumb{max-width:125px}.tool-divider{display:none}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s}dialog[open]{animation:appear .16s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}