:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f0;--bg-elevated:#fffefa;--bg-sunken:#efede6;--text:#262a25;--text-muted:#6b7168;--text-faint:#92968f;--accent:#397664;--accent-hover:#2d6553;--accent-contrast:#fff;--accent-soft:#39766421;--border:#e5e2d9;--border-strong:#d0cdc3;--shadow-sm:0 2px 8px #2b281f0a;--shadow-md:0 12px 32px #2b281f1c;--danger:#d4423e;--danger-soft:#d4423e1f;--success:#1f8a54;--success-soft:#1f8a5424;--skeleton:#e4e8f2;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:Georgia, "Times New Roman", serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--z-drop:40;--z-toasts:50}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151813;--bg-elevated:#1d211b;--bg-sunken:#10130f;--text:#e8e9df;--text-muted:#a8ac9e;--text-faint:#777d71;--accent:#8bc5a8;--accent-hover:#a3d4ba;--accent-contrast:#151813;--accent-soft:#8bc5a829;--border:#30362d;--border-strong:#434a3f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--danger:#f97066;--danger-soft:#f9706629;--success:#47cd89;--success-soft:#47cd8929;--skeleton:#292e26}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1,h2,h3,p,ul,li,figure{margin:0;padding:0}ul{list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--border-strong);background:var(--bg-sunken)}.btn--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.btn--icon{min-width:36px;padding:8px 10px;font-weight:600}.icon{flex-shrink:0}.library-page{background:radial-gradient(ellipse at 12% 0%, var(--accent-soft), transparent 36rem), var(--bg);min-height:100vh}.library-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--border) 78%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);padding:10px clamp(16px,4vw,36px);position:sticky;top:0}.library-header__row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,52px);max-width:1220px;min-height:48px;margin:0 auto;display:grid}.library-brand{color:var(--text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.library-brand:hover{text-decoration:none}.library-brand__mark{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.library-brand__text{flex-direction:column;gap:0;display:flex}.library-brand__name{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.3}.library-title{letter-spacing:-.01em;font-size:15px;font-weight:650;line-height:1.35}.library-header__tools{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.library-search-wrap{width:min(100%,380px);min-width:190px;margin-right:auto;display:block;position:relative}.library-search__icon{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.library-search{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 80%, transparent);width:100%;color:var(--text);appearance:none;border-radius:12px;padding:10px 14px 10px 42px;font-size:14px;transition:border-color .16s,box-shadow .16s,background .16s;display:block}.library-search::placeholder{color:var(--text-faint)}.library-search-wrap:focus-within .library-search{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.library-header__actions{align-items:center;gap:8px;display:flex}.library-header__actions .btn--icon{min-width:40px;min-height:40px;color:var(--text-muted);background:0 0;border-radius:12px}.library-header__actions .btn--icon:hover{background:var(--bg-sunken);color:var(--text)}.library-header__actions .btn--primary{min-height:42px;box-shadow:0 4px 10px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:12px;padding:0 17px}.library-header__actions .btn--primary:before{content:"+";margin-right:2px;font-size:20px;font-weight:400;line-height:.8}.library-main{max-width:1220px;margin:0 auto;padding:36px clamp(16px,4vw,36px) 72px}.library-hero{border:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));background:linear-gradient(112deg, color-mix(in srgb, var(--accent-soft) 82%, var(--bg-elevated)), var(--bg-elevated) 78%);min-height:218px;box-shadow:var(--shadow-sm);color:var(--accent);--library-art-paper:var(--bg-elevated);border-radius:24px;grid-template-columns:minmax(0,1fr) 250px;align-items:center;padding:32px clamp(26px,5vw,54px);display:grid;position:relative;overflow:hidden}.library-hero__copy{z-index:1;max-width:620px;position:relative}.library-eyebrow{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:750;line-height:1.4}.library-hero__title{max-width:600px;color:var(--text);font-family:var(--font-serif);letter-spacing:-.035em;margin-top:10px;font-size:clamp(1.8rem,4vw,2.65rem);font-weight:500;line-height:1.13}.library-hero__description{max-width:470px;color:var(--text-muted);margin-top:12px;font-size:15px;line-height:1.7}.library-hero__art{width:min(100%,244px);color:var(--accent);filter:drop-shadow(0 8px 10px color-mix(in srgb, var(--accent) 9%, transparent));justify-self:end}.library-section-head{justify-content:space-between;align-items:end;gap:16px;margin:38px 0 20px;display:flex}.library-section-head .library-eyebrow{color:var(--text-faint);font-size:9px}.library-section-head__title{color:var(--text);font-family:var(--font-serif);letter-spacing:-.02em;margin-top:4px;font-size:1.45rem;font-weight:500}.library-count{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;padding:6px 11px;font-size:12px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:28px 22px;display:grid}.book-skeleton{aspect-ratio:2/3;background:linear-gradient(100deg, var(--skeleton) 40%, var(--bg-sunken) 50%, var(--skeleton) 60%);background-size:200% 100%;border-radius:13px;animation:1.4s ease-in-out infinite book-skeleton-shimmer}@keyframes book-skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.library-empty{border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--bg-elevated) 62%, transparent);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:42px 20px;display:flex}.library-empty__icon{border:1px solid color-mix(in srgb, var(--accent) 17%, transparent);background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:4px;display:grid}.library-empty__title{font-family:var(--font-serif);font-size:1.35rem;font-weight:500}.library-empty__hint{max-width:48ch;color:var(--text-muted);font-size:14px;line-height:1.7}.library-empty__action{border-radius:11px;margin-top:10px}.library-no-results{color:var(--text-muted);text-align:center;padding:56px 16px}.book-card{min-width:0;position:relative}.book-card__link{color:inherit;flex-direction:column;gap:8px;text-decoration:none;display:flex}.book-card__link:hover{text-decoration:none}.book-card__cover{aspect-ratio:.69;border:1px solid color-mix(in srgb, var(--border) 60%, transparent);background:var(--bg-sunken);border-radius:13px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #24261e17}.book-card__link:hover .book-card__cover,.book-card__link:focus-visible .book-card__cover{transform:translateY(-4px)rotate(-.5deg);box-shadow:0 15px 28px #24261e29}.book-card__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.book-card__placeholder{background:linear-gradient(145deg, var(--cover-light), var(--cover-dark));color:var(--cover-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex;position:absolute;inset:0;overflow:hidden}.book-card__placeholder:before{border:1px solid color-mix(in srgb, var(--cover-text) 34%, transparent);content:"";pointer-events:none;border-radius:2px;position:absolute;inset:10px}.book-card__placeholder:after{border:1px solid color-mix(in srgb, var(--cover-text) 16%, transparent);width:112px;height:112px;box-shadow:0 0 0 12px color-mix(in srgb, var(--cover-text) 5%, transparent), 0 0 0 26px color-mix(in srgb, var(--cover-text) 4%, transparent);content:"";border-radius:50%;position:absolute;top:-30px;right:-34px}.book-card__placeholder[data-variant="0"]{--cover-light:#668675;--cover-dark:#294b3f;--cover-text:#f2eee2}.book-card__placeholder[data-variant="1"]{--cover-light:#c48260;--cover-dark:#794837;--cover-text:#fff1df}.book-card__placeholder[data-variant="2"]{--cover-light:#718899;--cover-dark:#354a59;--cover-text:#eef1e9}.book-card__placeholder[data-variant="3"]{--cover-light:#d6b477;--cover-dark:#9a7443;--cover-text:#fff8e8}.book-card__placeholder[data-variant="4"]{--cover-light:#96839a;--cover-dark:#51445d;--cover-text:#f5eff5}.book-card__initial{z-index:1;border:1px solid color-mix(in srgb, var(--cover-text) 54%, transparent);width:38px;height:38px;font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:19px;line-height:1;display:grid;position:relative}.book-card__placeholder-title{z-index:1;-webkit-line-clamp:4;max-width:100%;font-family:var(--font-serif);overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:clamp(14px,1.4vw,18px);font-weight:600;line-height:1.25;display:-webkit-box;position:relative;overflow:hidden}.book-card__placeholder-author{z-index:1;-webkit-line-clamp:2;letter-spacing:.06em;opacity:.82;overflow-wrap:anywhere;text-transform:uppercase;-webkit-box-orient:vertical;max-width:100%;font-size:10px;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}.book-card__format{z-index:2;color:#fff;font-family:var(--font-mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#121814a3;border:1px solid #ffffff38;border-radius:6px;padding:3px 7px;font-size:9px;font-weight:650;position:absolute;bottom:8px;left:8px}.book-card__title{-webkit-line-clamp:2;color:var(--text);-webkit-box-orient:vertical;font-size:14px;font-weight:650;line-height:1.38;display:-webkit-box;overflow:hidden}.book-card__link:hover .book-card__title{color:var(--accent)}.book-card__author{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.book-card__progress{color:var(--accent);font-variant-numeric:tabular-nums;flex-direction:column;gap:5px;margin-top:2px;font-size:11px;font-weight:650;display:flex}.book-card__progress-track{background:var(--border);border-radius:999px;height:3px;display:block;overflow:hidden}.book-card__progress-value{border-radius:inherit;background:var(--accent);height:100%;display:block}.book-card__delete{z-index:3;border:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);width:34px;height:34px;color:var(--text-muted);opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:8px;right:8px}.book-card:hover .book-card__delete,.book-card:focus-within .book-card__delete{opacity:1}.book-card__delete:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.library-drop{z-index:var(--z-drop);border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent-soft) 84%, var(--bg-elevated));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;pointer-events:none;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:fixed;inset:12px}.library-drop__title{font-family:var(--font-serif);font-size:clamp(1.2rem,3vw,1.6rem);font-weight:600}.library-drop__hint{color:var(--text-muted);font-size:14px}.library-toasts{z-index:var(--z-toasts);pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.library-toast{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-md);text-align:center;border-radius:12px;padding:11px 17px;font-size:14px;animation:.2s library-toast-in}.library-toast--info{background:var(--accent-soft);border-color:var(--accent)}.library-toast--success{background:var(--success-soft);border-color:var(--success)}.library-toast--error{background:var(--danger-soft);border-color:var(--danger)}@keyframes library-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.library-header__row{grid-template-columns:1fr auto;gap:10px 18px}.library-header__tools{grid-area:2/1/auto/-1}.library-search-wrap{flex:1;width:auto}.library-hero{grid-template-columns:minmax(0,1fr) 190px;min-height:200px;padding:28px}.library-hero__art{width:190px}}@media (width<=560px){.library-header{padding:9px 16px}.library-header__row{gap:9px 12px}.library-brand{gap:9px}.library-brand__mark{border-radius:12px;width:40px;height:40px}.library-header__tools{gap:8px}.library-header__actions{gap:5px}.library-header__actions .btn--icon{min-width:38px;min-height:38px;padding:7px}.library-header__actions .btn--primary{min-height:40px;padding:0 12px;font-size:13px}.library-search{padding-top:9px;padding-bottom:9px;font-size:13px}.library-main{padding:22px 16px 52px}.library-hero{border-radius:20px;min-height:0;padding:27px 24px 30px;display:block}.library-hero__copy{max-width:100%}.library-hero__title{max-width:17ch;font-size:clamp(1.75rem,8vw,2.2rem)}.library-hero__description{max-width:34ch;font-size:14px}.library-hero__art{opacity:.28;width:132px;position:absolute;bottom:-24px;right:-25px}.library-section-head{margin:30px 0 16px}.library-section-head__title{font-size:1.3rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:23px 14px}.book-card__placeholder{gap:9px;padding:20px 12px}.book-card__initial{width:32px;height:32px;font-size:16px}.book-card__placeholder-title{font-size:14px}.book-card__delete{opacity:1;width:32px;height:32px}.library-empty{min-height:270px;padding:34px 20px}}@media (width<=370px){.library-brand__name{display:none}.library-header__row{gap:8px}.library-header__actions .btn--primary{padding:0 9px}.library-header__actions .btn--icon{min-width:34px}}@media (prefers-reduced-motion:reduce){.book-skeleton{animation:none}.book-card__cover,.library-toast{transition:none;animation:none}}.reader-status{min-height:60vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 16px;display:flex}.reader-status--error{color:var(--danger)}.reader-status--error .btn{margin-top:4px}.reader{background:var(--rb-bg);color:var(--rb-text);font-family:var(--font-sans);--rb-bg:#fcfaf6;--rb-text:#342f29;--rb-link:#4d7966;--rb-muted:#716e65;--rb-line:#e7e1d7;--rb-soft:#4d79661f;--rb-glass:#fcfaf6e0;--rb-image-filter:none;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.reader[data-reader-theme=sepia]{--rb-bg:#f3ead8;--rb-text:#443b2e;--rb-link:#80603a;--rb-muted:#7b705e;--rb-line:#e0d3bc;--rb-soft:#80603a24;--rb-glass:#f3ead8e6}.reader[data-reader-theme=dark]{--rb-bg:#000;--rb-text:#e8e9df;--rb-link:#a1d0ad;--rb-muted:#a3a79a;--rb-line:#30362d;--rb-soft:#8bc5a826;--rb-glass:#171a16e6}.reader[data-reader-theme=amoled]{--rb-bg:#000;--rb-text:#f5f5f5;--rb-link:#9fc9ff;--rb-muted:#a0a0a0;--rb-line:#222;--rb-soft:#ffffff1f;--rb-glass:#000000f0;--rb-image-filter:invert(1) hue-rotate(180deg)}.reader :focus-visible{outline-color:var(--rb-link)}.reader-chrome :focus-visible,.reader-drawer :focus-visible,.reader-popover :focus-visible{outline-color:var(--accent)}.reader-content{flex:1;min-height:0;position:relative}.reader-content[data-reader-mode=paginated]{touch-action:pan-y}.reader-stage{overscroll-behavior:contain;background:var(--rb-bg);position:absolute;inset:0;overflow:auto}.reader-stage[data-mode=paginated]{overflow:hidden}.reader-stage__loading{color:var(--rb-muted);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.reader-stage[data-loading] .reader-host{display:none}.reader-host{width:100%}.reader-stage[data-mode=paginated] .reader-host{height:100%}.reader-chapter__frame{background:var(--rb-bg);border:0;width:100%;display:block}.reader-stage[data-mode=paginated] .reader-chapter__frame{height:100%}.reader-pdf{position:absolute;inset:0;overflow:hidden}.reader-chrome{z-index:var(--z-drop);pointer-events:none;position:absolute;inset:0}.reader-bar{border:1px solid var(--border);pointer-events:auto;background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);color:var(--text);-webkit-backdrop-filter:blur(18px);border-radius:16px;align-items:center;gap:7px;padding:8px 12px;transition:transform .22s,opacity .22s,visibility;display:flex;position:absolute;box-shadow:0 8px 26px #1e1f191a}.reader[data-reader-theme=amoled] .reader-bar{color:#f5f5f5;background:#000000f0;border-color:#262626;box-shadow:0 8px 26px #0000008c}.reader[data-reader-theme=amoled] .reader-bar .btn{color:#f5f5f5}.reader[data-reader-theme=amoled] .reader-bar .btn:hover{background:#1b1b1b}.reader-bar--top{width:min(960px,100% - 48px);top:14px;left:50%;transform:translate(-50%)}.reader-bar--bottom{width:min(740px,100% - 48px);bottom:14px;left:50%;transform:translate(-50%)}.reader-chrome[data-hidden] .reader-bar{visibility:hidden;opacity:0;transition:transform .22s,opacity .22s,visibility 0s linear .22s}.reader-chrome[data-hidden] .reader-bar--top{transform:translate(-50%,calc(-100% - 14px))}.reader-chrome[data-hidden] .reader-bar--bottom{transform:translate(-50%,calc(100% + 14px))}.reader-bar .btn{color:var(--text);background:0 0;border-color:#0000;border-radius:10px}.reader-bar .btn:hover{background:var(--bg-sunken);border-color:#0000}.reader-bar .btn[aria-pressed=true]{color:var(--accent)}.reader-bar__titles{flex-direction:column;flex:1;gap:1px;min-width:0;padding:0 5px;display:flex}.reader-bar__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.reader-bar__chapter{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reader-bar__actions{gap:4px;display:flex}.reader-bar__progress{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.reader-bar__position{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.reader-slider{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:24px}.reader-slider::-webkit-slider-runnable-track{background:var(--border);border-radius:2px;height:4px}.reader-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px}.reader-slider::-moz-range-track{background:var(--border);border-radius:2px;height:4px}.reader-slider::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.reader-slider:focus-visible{outline-color:var(--accent);outline-offset:2px}.reader-overlay{z-index:calc(var(--z-drop) + 1);display:flex;position:absolute;inset:0}.reader-overlay__backdrop{cursor:pointer;background:#080a1080;border:0;padding:0;position:absolute;inset:0}.reader-overlay--toc{justify-content:flex-start}.reader-drawer{z-index:1;background:var(--bg-elevated);width:min(340px,86vw);color:var(--text);border-right:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;animation:.22s reader-drawer-in;display:flex;position:relative}.reader-drawer__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.reader-drawer__title{font-size:16px;font-weight:700}.reader-drawer__body{flex:1;padding:8px;overflow-y:auto}.reader-drawer__empty{color:var(--text-muted);text-align:center;padding:24px 12px;font-size:14px}.reader-toc__item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:9px 12px;font-size:14px;transition:background .15s;display:block}.reader-toc__item:hover{background:var(--bg-sunken)}.reader-toc__item.is-active{background:var(--accent-soft);color:var(--accent);font-weight:600}.reader-toc__label{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.reader-overlay--settings{justify-content:center;align-items:center;padding:16px}.reader-popover{z-index:1;background:var(--bg-elevated);width:min(440px,100%);max-height:min(80vh,640px);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:20px;flex-direction:column;animation:.16s reader-pop-in;display:flex;position:relative;overflow:hidden}.reader-popover__head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 19px;display:flex}.reader-popover__title{font-size:16px;font-weight:700}.reader-popover__body{flex-direction:column;flex:1;gap:20px;padding:19px;display:flex;overflow-y:auto}.reader-drawer .btn,.reader-popover .btn{border-color:var(--border);color:var(--text);background:0 0}.reader-drawer .btn:hover,.reader-popover .btn:hover{background:var(--bg-sunken);border-color:var(--border-strong)}.reader-setting{flex-direction:column;gap:8px;display:flex}.reader-setting__label{color:var(--text-muted);font-size:13px;font-weight:600}.reader-setting__hint{color:var(--text-muted);margin:-14px 0 0;font-size:12px;line-height:1.4}.reader-zoom-slider .reader-setting__label{justify-content:space-between;align-items:center;gap:12px;display:flex}.reader-zoom-slider output{color:var(--text);font-variant-numeric:tabular-nums}.reader-zoom-slider input{width:100%;accent-color:var(--accent);touch-action:pan-x;margin:2px 0 0}.reader-segmented{flex-wrap:wrap;gap:6px;display:flex}.reader-segmented__item{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:7px 12px;font-size:13px;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.reader-segmented__item:hover{border-color:var(--border-strong);background:var(--bg-sunken)}.reader-segmented__item.is-selected{background:var(--accent-soft);color:var(--accent);border-color:#0000;font-weight:600}.reader-stepper{align-items:center;gap:10px;display:flex}.reader-stepper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:4.5em;font-size:14px;font-weight:600}@keyframes reader-drawer-in{0%{transform:translate(-100%)}}@keyframes reader-pop-in{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.reader *,.reader :before,.reader :after{transition-duration:.01ms!important;transition-delay:0!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.reader-bar{border-radius:14px;gap:3px;padding:5px 6px}.reader-bar--top{width:calc(100% - 16px);top:8px}.reader-bar--bottom{width:calc(100% - 16px);bottom:8px}.reader-bar .btn{min-width:44px;min-height:44px}.reader-slider{height:44px}.reader-bar__actions{gap:0}.reader-bar__chapter{display:none}.reader-drawer{width:min(320px,88vw)}.reader-overlay--settings{padding:12px}.reader-popover{max-height:88vh}}