.reader{--r-bg:#fff;--r-fg:#222;--r-muted:#888;--r-bar:#fffffff5;--r-line:#e7e2da;--r-accent:#d9480f;background:var(--r-bg);min-height:100dvh;color:var(--r-fg);transition:background .2s,color .2s}.reader[data-theme=paper]{--r-bg:#f6efe0;--r-fg:#3b3024;--r-muted:#8a7a63;--r-bar:#f6efe0f5;--r-line:#e0d4bb}.reader[data-theme=green]{--r-bg:#dcebdc;--r-fg:#233323;--r-muted:#5f7a5f;--r-bar:#dcebdcf5;--r-line:#c3d8c3}.reader[data-theme=dark]{--r-bg:#1e1f22;--r-fg:#c9c9c9;--r-muted:#7d7d7d;--r-bar:#1e1f22f5;--r-line:#34353a;--r-accent:#ff8a50}.reader[data-theme=black]{--r-bg:#000;--r-fg:#a8a8a8;--r-muted:#666;--r-bar:#000000f5;--r-line:#222;--r-accent:#ff8a50}@media (prefers-color-scheme:dark){.reader[data-theme=auto]{--r-bg:#1e1f22;--r-fg:#c9c9c9;--r-muted:#7d7d7d;--r-bar:#1e1f22f5;--r-line:#34353a;--r-accent:#ff8a50}}body:has(.reader){background:#fff}body:has(.reader[data-theme=paper]){background:#f6efe0}body:has(.reader[data-theme=green]){background:#dcebdc}body:has(.reader[data-theme=dark]){background:#1e1f22}body:has(.reader[data-theme=black]){background:#000}.reader__top{z-index:30;height:52px;padding:0 8px;padding-top:env(safe-area-inset-top);background:var(--r-bar);border-bottom:1px solid var(--r-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;transition:transform .2s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.reader__booktitle{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;overflow:hidden}.reader__iconbtn{color:var(--r-fg);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:8px;font-size:15px}.reader__mini{z-index:5;color:var(--r-muted);background:var(--r-bg);white-space:nowrap;text-overflow:ellipsis;padding:6px 16px;font-size:12px;position:sticky;top:0;overflow:hidden}.reader__body{cursor:default}.reader__article{max-width:720px;font-size:var(--fs,18px);line-height:var(--lh,1.8);overflow-wrap:anywhere;margin:0 auto;padding:8px 20px 24px}.reader__article h1{margin:12px 0 24px;font-size:1.3em;line-height:1.45}.reader__article p{text-indent:2em;text-align:justify;margin:0 0 .8em;scroll-margin-top:40px}.reader__end{max-width:720px;padding:8px 20px calc(140px + env(safe-area-inset-bottom));text-align:center;color:var(--r-muted);margin:0 auto}.reader__endmark{margin:16px 0}.reader__next{background:var(--r-accent);color:#fff;border-radius:12px;padding:15px;font-size:16px;font-weight:600;display:block}.reader__last{margin:16px 0}.reader__endlinks{justify-content:center;gap:24px;margin-top:18px;font-size:14px;display:flex}.reader__endlinks a,.reader__endlinks button{color:var(--r-muted);cursor:pointer;background:0 0;border:0;padding:6px}.reader__progress{background:var(--r-accent);z-index:25;height:2px;position:fixed;bottom:0;left:0}.reader__bottom{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--r-bar);border-top:1px solid var(--r-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%)}.reader.is-ui .reader__top,.reader.is-ui .reader__bottom{transform:none}.reader__row{align-items:center;gap:12px;font-size:14px;display:flex}.reader__row+.reader__row{margin-top:12px}.reader__row a,.reader__row span{white-space:nowrap;padding:6px 2px}.reader__row .is-disabled{opacity:.35}.reader__row input[type=range]{min-width:0;accent-color:var(--r-accent);flex:1}.reader__sliderhint{text-align:center;color:var(--r-muted);margin-top:4px;font-size:12px}.reader__icons{justify-content:space-around}.reader__icons button{min-width:56px;color:var(--r-fg);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;font-size:12px;display:flex}.reader__icons button span{font-size:19px;line-height:1.2}.reader__scrim{z-index:35;background:#00000052;position:fixed;inset:0}.reader__sheet{z-index:40;max-height:72vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:var(--r-bg);color:var(--r-fg);border-top:1px solid var(--r-line);visibility:hidden;border-radius:18px 18px 0 0;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%);box-shadow:0 -8px 24px #00000026}.reader__sheet.is-open{visibility:visible;transform:none}.reader__sheet h3{justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:15px;display:flex}.reader__sheet h3 small{color:var(--r-muted);font-weight:400}.reader__opt{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.reader__font{flex:1;align-items:center;gap:8px;max-width:260px;display:flex}.reader__font input{min-width:0;accent-color:var(--r-accent);flex:1}.reader__font button,.reader__plain{border:1px solid var(--r-line);color:var(--r-fg);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px}.reader__seg{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.reader__seg button{border:1px solid var(--r-line);color:var(--r-fg);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.reader__seg button.is-on{border-color:var(--r-accent);color:var(--r-accent)}.reader__seg .reader__swatch{border:2px solid var(--r-line);border-radius:50%;width:32px;height:32px;padding:0}.reader__seg .reader__swatch.is-on{border-color:var(--r-accent);box-shadow:0 0 0 2px var(--r-bg), 0 0 0 4px var(--r-accent)}.reader__toc .toc a{border-color:var(--r-line)}.reader__toc .toc a.is-current{color:var(--r-accent)}.reader__hint{z-index:60;color:#fff;cursor:pointer;background:0 0;border:0;grid-template-rows:1fr 1fr 1fr;width:100%;padding:0;font-size:15px;display:grid;position:fixed;inset:0}.reader__hint span{border-bottom:1px dashed #ffffff80;place-content:center;gap:4px;display:grid}.reader__hint span:first-child{background:#1e5ac899}.reader__hint span:nth-child(2){background:#0009}.reader__hint span:nth-child(3){background:#d9480f99}.reader__hint small{opacity:.8}@media (min-width:900px){.reader__top{transform:none}.reader__mini{display:none}.reader__article{padding-top:76px}.reader__bottom{border:1px solid var(--r-line);border-radius:14px;width:680px;margin-left:-340px;padding-bottom:10px;bottom:16px;left:50%;right:auto}.reader__sheet{width:480px;margin-left:-240px;left:50%;right:auto}}@media (prefers-reduced-motion:reduce){.reader,.reader__top,.reader__bottom,.reader__sheet{transition:none}}
