:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-display: var(--font-serif);--paper: #eceef3;--paper-2: #e1e4ec;--surface: #ffffff;--surface-2: #f3f5f9;--ink: #14151b;--ink-soft: #565a66;--ink-faint: #8b8f9c;--line: #dce0e8;--line-soft: #e7eaf0;--accent: #4f46e5;--accent-2: #6d67f0;--accent-ink: #ffffff;--gilt: #d0a63f;--focus: #6366f1;--danger: #d1453b;--ok: #3f915a;--shadow-sm: 0 1px 2px rgba(22,26,36,.08), 0 1px 1px rgba(22,26,36,.05);--shadow-md: 0 12px 30px rgba(22,26,36,.1), 0 2px 8px rgba(22,26,36,.06);--shadow-lg: 0 34px 70px rgba(20,24,34,.18), 0 12px 26px rgba(20,24,34,.1);--shadow-book: 0 34px 78px rgba(18,22,32,.34);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--pad: 16px;--topbar-h: 60px;--controls-h: 64px;--drawer-w: 300px;--ease: cubic-bezier(.22, .61, .36, 1);--ease-emph: cubic-bezier(.2, .8, .2, 1)}:root[data-theme=dark]{--paper: #100f14;--paper-2: #0a0910;--surface: #17161d;--surface-2: #1e1d26;--ink: #ece9f2;--ink-soft: #9c98a8;--ink-faint: #635f70;--line: #2a2833;--line-soft: #1e1d26;--accent: #8f8aff;--accent-2: #a9a4ff;--accent-ink: #0b0a12;--gilt: #d8ab54;--danger: #ff6369;--focus: #8f8aff;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 12px 30px rgba(0,0,0,.5);--shadow-lg: 0 34px 70px rgba(0,0,0,.6);--shadow-book: 0 40px 90px rgba(0,0,0,.72)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#100f14;--paper-2:#0a0910;--surface:#17161d;--surface-2:#1e1d26;--ink:#ece9f2;--ink-soft:#9c98a8;--ink-faint:#635f70;--line:#2a2833;--line-soft:#1e1d26;--accent:#8f8aff;--accent-2:#a9a4ff;--accent-ink:#0b0a12;--gilt:#d8ab54;--danger:#ff6369;--focus:#8f8aff;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 12px 30px rgba(0,0,0,.5);--shadow-lg:0 34px 70px rgba(0,0,0,.6);--shadow-book:0 40px 90px rgba(0,0,0,.72)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}[hidden]{display:none!important}html,body{height:100%}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.5;overflow:hidden;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1200px 720px at 50% -12%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 58%);opacity:.6}:root[data-theme=dark] body:before{opacity:.45}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}svg{display:block}kbd{font-family:var(--font-sans);font-size:.78em;padding:.12em .5em;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--surface-2);color:var(--ink-soft)}.muted{color:var(--ink-soft)}.pad{padding:var(--pad)}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:var(--r-sm)}.skip-link:focus{left:8px}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:var(--ink-soft);transition:background .18s var(--ease),color .18s,transform .1s;flex-shrink:0}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn:active{transform:scale(.92)}.icon-btn.is-active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:12px;font-weight:600;font-size:.93rem;white-space:nowrap;transition:background .18s var(--ease),color .18s,transform .1s,box-shadow .18s,border-color .18s}.btn .ico{width:18px;height:18px}.btn--primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 34%,transparent)}.btn--primary:hover{background:var(--accent-2);transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 42%,transparent)}.btn--primary:active{transform:translateY(0)}.btn--ghost{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--ink-faint)}.btn--danger{background:var(--danger);color:#fff}.btn--block{width:100%;justify-content:center}.app{position:relative;z-index:1;display:grid;grid-template-rows:var(--topbar-h) 1fr auto;height:100dvh}.topbar{display:flex;align-items:center;gap:16px;padding:0 14px;padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 76%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;border-radius:10px;transition:opacity .16s}.brand:hover{opacity:.82}.brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--ink);color:var(--paper)}.brand__name{font-family:var(--font-serif);font-size:1.32rem;letter-spacing:.2px;font-weight:600}.brand__name em{font-style:italic;color:var(--accent)}.topbar__title{flex:1;min-width:0;text-align:center;font-family:var(--font-display);font-weight:600;font-size:.98rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;align-items:center;gap:6px}.ico--moon{display:none}:root[data-theme=dark] .ico--sun{display:none}:root[data-theme=dark] .ico--moon{display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ico--sun{display:none}:root:not([data-theme=light]) .ico--moon{display:block}}.workspace{position:relative;display:flex;min-height:0;overflow:hidden}.drawer{width:0;flex-shrink:0;overflow:hidden;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;transition:width .28s var(--ease-emph)}.drawer[data-open=true]{width:var(--drawer-w)}.drawer__tabs{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--line)}.drawer__tab{flex:1;padding:8px;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--ink-soft);transition:background .16s,color .16s}.drawer__tab:hover{background:var(--surface-2);color:var(--ink)}.drawer__tab.is-active{background:var(--accent);color:var(--accent-ink)}.drawer__panel{display:none;flex:1;min-height:0;overflow-y:auto}.drawer__panel.is-active{display:block}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.thumb{position:relative;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--surface-2);box-shadow:var(--shadow-sm);transition:border-color .16s,transform .12s}.thumb:hover{transform:translateY(-2px)}.thumb.is-current{border-color:var(--accent)}.thumb canvas,.thumb img{display:block;width:100%;height:auto}.thumb__no{position:absolute;bottom:4px;right:4px;font-size:.7rem;font-weight:700;background:color-mix(in srgb,var(--ink) 70%,transparent);color:var(--surface);padding:1px 6px;border-radius:6px}.outline{padding:8px}.outline__item{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:9px;font-size:.9rem;color:var(--ink);transition:background .14s,color .14s}.outline__item:hover{background:var(--surface-2);color:var(--accent)}.outline__item[data-depth="1"]{padding-left:24px;font-size:.86rem;color:var(--ink-soft)}.outline__item[data-depth="2"]{padding-left:40px;font-size:.84rem;color:var(--ink-soft)}.search{padding:12px;border-bottom:1px solid var(--line)}.search__input{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px}.search__input:focus-within{border-color:var(--accent)}.search__input .ico{width:17px;height:17px;color:var(--ink-faint)}.search__input input{flex:1;border:none;background:none;outline:none;min-width:0}.search__meta{margin-top:8px;font-size:.8rem;color:var(--ink-soft);min-height:1em}.search__results{padding:6px}.search__hit{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:10px;font-size:.86rem;color:var(--ink-soft);line-height:1.45;transition:background .14s}.search__hit:hover{background:var(--surface-2)}.search__hit b{color:var(--ink)}.search__hit mark{background:color-mix(in srgb,var(--gilt) 42%,transparent);color:var(--ink);border-radius:3px;padding:0 2px}.search__hit .pg{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent);margin-bottom:2px}.stage{position:relative;flex:1;min-width:0;display:grid;place-items:center;overflow:hidden;padding:24px}.welcome{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:760px;animation:rise .5s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.welcome__card{position:relative;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);overflow:hidden;max-width:640px}.welcome__card.is-drag{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 24%,transparent),var(--shadow-lg)}.welcome__spine{width:12px;flex-shrink:0;background:linear-gradient(160deg,var(--accent),var(--accent-2))}.welcome__body{padding:40px 40px 34px}.welcome__title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.08}.welcome__sub{margin-top:14px;color:var(--ink-soft);font-size:1.02rem;max-width:44ch}.welcome__cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.welcome__hint{margin-top:16px;font-size:.84rem;color:var(--ink-faint)}.welcome__features{list-style:none;display:flex;gap:30px;padding:0;flex-wrap:wrap;justify-content:center}.welcome__features li{display:flex;flex-direction:column;align-items:center;text-align:center}.welcome__features b{font-family:var(--font-display);font-weight:700;font-size:1.02rem}.welcome__features span{font-size:.82rem;color:var(--ink-soft)}.reader{position:absolute;inset:0;display:grid;place-items:center}.reader__viewport{position:relative;width:100%;height:100%;display:grid;place-items:center;touch-action:none;transition:transform .2s var(--ease);perspective:2600px;perspective-origin:50% 42%}.flip{filter:drop-shadow(0 2px 5px rgba(10,12,25,.18)) drop-shadow(var(--shadow-book));will-change:transform,filter;position:relative;transform-style:preserve-3d}.flip:after{content:"";position:absolute;top:1%;bottom:1%;left:50%;width:46px;transform:translate(-50%);pointer-events:none;z-index:4;mix-blend-mode:multiply;background:linear-gradient(90deg,transparent,rgba(20,16,10,.1) 40%,rgba(20,16,10,.2) 50%,rgba(20,16,10,.1) 60%,transparent)}:root[data-theme=dark] .flip:after{mix-blend-mode:normal;background:linear-gradient(90deg,transparent,rgba(0,0,0,.28) 40%,rgba(0,0,0,.42) 50%,rgba(0,0,0,.28) 60%,transparent)}.page{background:#fff;overflow:hidden;box-shadow:inset 0 0 40px #0000000a}.page canvas,.page img{display:block;width:100%;height:100%}.page--blank{background:#fff}.page--skeleton{display:grid;place-items:center;color:var(--ink-faint);background:repeating-linear-gradient(135deg,#fff,#fff 12px,#e1e4ec 12px 24px)}.page__spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:color-mix(in srgb,var(--paper) 74%,transparent);backdrop-filter:blur(8px);z-index:20}.overlay__box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 40px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);min-width:280px;max-width:90vw}.overlay__msg{font-family:var(--font-display);font-weight:600;font-size:1.02rem}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{width:220px;max-width:60vw;height:6px;border-radius:99px;background:var(--line);overflow:hidden}.progress span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s var(--ease)}.toast{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(10px);background:var(--ink);color:var(--paper);padding:11px 18px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.9rem;z-index:40;opacity:0;transition:.25s var(--ease);max-width:90%;text-align:center}.toast.is-show{opacity:1;transform:translate(-50%) translateY(0)}.toast.is-error{background:var(--danger);color:#fff}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px;height:var(--controls-h);padding:0 14px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.controls__group{display:flex;align-items:center;gap:6px}.controls__nav{gap:4px}.controls__divider{width:1px;height:26px;background:var(--line);margin:0 4px}.pager{display:flex;align-items:center;gap:6px;padding:0 6px;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.pager input{width:52px;height:36px;text-align:center;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-weight:600;-moz-appearance:textfield}.pager input:focus{outline:none;border-color:var(--accent)}.pager input::-webkit-outer-spin-button,.pager input::-webkit-inner-spin-button{-webkit-appearance:none}.pager__sep{color:var(--ink-faint)}.zoom{display:flex;align-items:center;gap:2px;padding:3px;border-radius:12px;background:var(--surface-2)}.zoom__level{min-width:52px;height:34px;padding:0 8px;border-radius:9px;font-weight:600;font-size:.84rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.zoom__level:hover{background:var(--surface);color:var(--ink)}.slideshow-hud{position:fixed;left:50%;transform:translate(-50%);z-index:60;bottom:calc(20px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:8px 12px;background:color-mix(in srgb,var(--ink) 94%,transparent);color:var(--paper);border-radius:99px;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px)}.slideshow-hud .icon-btn{color:var(--paper);width:38px;height:38px}.slideshow-hud .icon-btn:hover{background:#ffffff24;color:#fff}.slideshow-hud__bar{width:150px;max-width:34vw;height:5px;border-radius:99px;background:#fff3;overflow:hidden}.slideshow-hud__bar span{display:block;height:100%;width:0;background:var(--accent-2);border-radius:99px}.slideshow-hud__time{font-variant-numeric:tabular-nums;font-size:.84rem;min-width:36px}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--paper-2) 68%,transparent);backdrop-filter:blur(6px);animation:fade .2s var(--ease) both}@keyframes fade{0%{opacity:0}}.modal{width:min(560px,100%);max-height:88dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:pop .26s var(--ease-emph) both}@keyframes pop{0%{opacity:0;transform:translateY(16px) scale(.97)}}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 12px}.modal__title{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:1.28rem}.modal__body{padding:6px 22px 22px}.modal__foot{display:flex;justify-content:flex-end;gap:10px;padding:6px 22px 22px;flex-wrap:wrap}.field{margin-bottom:18px}.field>label{display:block;font-size:.84rem;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.field__row{display:flex;align-items:center;gap:12px}.field input[type=range]{flex:1;accent-color:var(--accent)}.field input[type=number],.field select,.field input[type=text]{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--ink);min-width:0}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.field select{width:100%}.field__val{min-width:58px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.field__hint{margin-top:6px;font-size:.78rem;color:var(--ink-faint)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.switch{display:flex;align-items:center;gap:10px;cursor:pointer}.switch input{width:42px;height:24px;appearance:none;background:var(--line);border-radius:99px;position:relative;transition:background .2s;cursor:pointer;flex-shrink:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s var(--ease);box-shadow:var(--shadow-sm)}.switch input:checked{background:var(--accent)}.switch input:checked:after{transform:translate(18px)}.file-drop{border:2px dashed var(--line);border-radius:var(--r-md);padding:18px;text-align:center;color:var(--ink-soft);font-size:.88rem;cursor:pointer;transition:border-color .16s,background .16s}.file-drop:hover,.file-drop.is-drag{border-color:var(--accent);background:var(--surface-2)}.file-drop.has-file{color:var(--ink);border-style:solid}.kbd-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.kbd-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--ink-soft)}.about-lead{font-size:.96rem;color:var(--ink-soft);line-height:1.6}.about-lead b{color:var(--ink)}@media(max-width:900px){.controls__tools .zoom,.controls__divider{display:none}}@media(max-width:640px){:root{--topbar-h: 56px;--controls-h: 60px;--drawer-w: min(88vw, 340px);--pad: 14px}.topbar{gap:10px}.brand__name{display:none}.topbar__title{text-align:left;font-size:.92rem}.btn span{display:none}#openBtn{padding:0 12px}.drawer{position:absolute;inset:0 auto 0 0;z-index:30;box-shadow:var(--shadow-lg)}.stage{padding:12px}.controls{gap:4px;padding:0 8px}.controls__group{gap:2px}.icon-btn{width:42px;height:42px}.pager input{width:44px;height:34px}.welcome__body{padding:28px 22px}.welcome__sub{font-size:.96rem}.welcome{gap:22px}.grid-2,.kbd-list{grid-template-columns:1fr}.modal__head{padding:16px 18px 10px}.modal__body,.modal__foot{padding:4px 18px 18px}}@media(max-width:380px){#reelBtn{display:none}.icon-btn{width:40px;height:40px}.topbar__actions{gap:2px}}.library{position:absolute;inset:0;display:flex;background:var(--paper);animation:fade .32s var(--ease) both}.reader{animation:fade .3s var(--ease) both}.lib-rail{width:258px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;padding:16px 12px;border-right:1px solid var(--line);overflow-y:auto}.lib-search{display:flex;align-items:center;gap:8px;padding:0 12px;height:40px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.lib-search:focus-within{border-color:var(--accent)}.lib-search .ico{width:16px;height:16px;color:var(--ink-faint)}.lib-search input{flex:1;min-width:0;border:none;background:none;outline:none}.lib-cats{display:flex;flex-direction:column;gap:2px}.lib-cat{position:relative;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:9px 12px;border-radius:9px;color:var(--ink-soft);font-size:.9rem;font-weight:500;transition:background .14s,color .14s}.lib-cat:hover{background:var(--surface-2);color:var(--ink)}.lib-cat.is-active{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:var(--shadow-sm)}.lib-cat.is-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:58%;border-radius:0 3px 3px 0;background:var(--accent)}.lib-cat.is-active .lib-cat__n{color:var(--accent)}.lib-cat__label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-cat__n{font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums}.lib-cat__del{opacity:0;color:var(--ink-faint);font-size:.75rem;padding:0 2px;transition:opacity .14s}.lib-cat:hover .lib-cat__del{opacity:1}.lib-cat__divider{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:700;padding:12px 10px 4px}.lib-newcat{text-align:left;padding:8px 10px;border-radius:10px;font-size:.86rem;color:var(--ink-soft);font-weight:600}.lib-newcat:hover{background:var(--surface-2);color:var(--accent)}.lib-main{flex:1;min-width:0;overflow-y:auto;padding:22px 26px 40px}.lib-head{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}.lib-head__title{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:1.6rem}.lib-head__count{color:var(--ink-soft);font-size:.9rem}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:30px 24px}.lib-none{color:var(--ink-soft);padding:40px 0}.book{display:flex;flex-direction:column;gap:12px;animation:rise .4s var(--ease) both}.book__cover{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);cursor:pointer;transition:transform .2s var(--ease),box-shadow .22s}.book__cover:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.book__cover img{width:100%;height:100%;object-fit:cover;object-position:top center}.book__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;width:6px;background:linear-gradient(90deg,#0000000d,#0000);pointer-events:none}.book__placeholder{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-faint);font-family:var(--font-serif);font-size:1.5rem}.book__pages{position:absolute;top:8px;right:8px;font-size:.66rem;font-weight:700;background:color-mix(in srgb,var(--ink) 70%,transparent);color:#fff;padding:2px 7px;border-radius:99px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.book__star{position:absolute;top:8px;left:9px;color:var(--gilt);font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.book__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.book__progress span{display:block;height:100%;background:var(--accent)}.book__foot{display:flex;align-items:center;gap:4px}.book__title{flex:1;min-width:0;font-size:.9rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book__menu{width:30px;height:30px;border-radius:8px;flex-shrink:0}.book__menu .ico{width:18px;height:18px}.book[draggable=true]:active{cursor:grabbing}.lib-sort{margin-left:auto;font-size:.82rem;color:var(--ink-faint);display:inline-flex;align-items:center;gap:6px}.lib-sort select{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:0 8px;font-size:.85rem;cursor:pointer}.lib-sort select:focus{outline:none;border-color:var(--accent)}.lib-cat__act{opacity:0;color:var(--ink-faint);font-size:.78rem;padding:0 2px;transition:opacity .14s}.lib-cat:hover .lib-cat__act{opacity:1}.lib-cat__edit:hover{color:var(--accent)}.lib-cat__del:hover{color:var(--danger)}.lib-cat.is-drop{background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}.lib-cats.is-dragging .lib-cat[data-type=cat],.lib-cats.is-dragging .lib-cat[data-type=favorites]{outline:1px dashed var(--ink-faint);outline-offset:-3px}.lib-grid--results{display:flex!important;flex-direction:column;gap:12px}.sresult{display:flex;gap:16px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);animation:rise .3s var(--ease) both}.sresult__cover{width:54px;height:72px;flex-shrink:0;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.sresult__cover img{width:100%;height:100%;object-fit:cover;object-position:top center}.sresult__body{flex:1;min-width:0}.sresult__title{font-family:var(--font-sans);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:baseline;gap:8px}.sresult__title:hover{color:var(--accent)}.sresult__pages{font-size:.72rem;color:var(--ink-faint);font-weight:600}.sresult__hits{margin-top:8px;display:flex;flex-direction:column;gap:3px}.sresult__hit{display:flex;gap:9px;align-items:baseline;text-align:left;width:100%;padding:5px 8px;border-radius:7px;font-size:.86rem;color:var(--ink-soft);line-height:1.45}.sresult__hit:hover{background:var(--surface-2)}.sresult__hit .pg{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.sresult__hit .snip{min-width:0}.sresult__hit mark{background:color-mix(in srgb,var(--gilt) 42%,transparent);color:var(--ink);border-radius:3px;padding:0 2px}.sresult__note{font-size:.8rem;color:var(--ink-faint)}.lib-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:60vh;color:var(--ink-soft)}.lib-empty__art{font-size:3rem}.lib-empty h2{font-family:var(--font-display);font-weight:700;color:var(--ink)}.lib-empty__cta{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.action-sheet{display:flex;flex-direction:column;gap:2px}.action-sheet button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border-radius:10px;font-size:.95rem;font-weight:500;color:var(--ink)}.action-sheet button:hover{background:var(--surface-2)}.action-sheet .ico{width:18px;height:18px;color:var(--ink-soft)}.action-sheet .is-danger,.action-sheet .is-danger .ico{color:var(--danger)}.check-list{display:flex;flex-direction:column;gap:2px;max-height:44vh;overflow-y:auto}.check-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer}.check-row:hover{background:var(--surface-2)}.check-row input{width:18px;height:18px;accent-color:var(--accent)}@media(max-width:720px){.library{flex-direction:column}.lib-rail{width:auto;flex-direction:row;align-items:center;gap:8px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line);padding:10px 12px}.lib-rail>.btn--block{width:auto;flex-shrink:0}.lib-search{width:150px;flex-shrink:0}.lib-cats{flex-direction:row;gap:6px}.lib-cat{width:auto;white-space:nowrap;flex-shrink:0}.lib-cat__divider,.lib-newcat,.lib-cat__del{display:none}.lib-main{padding:16px 14px 32px}.lib-head__title{font-size:1.3rem}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:22px 16px}}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:var(--ease)}@supports not (view-transition-name: none){body,.topbar,.controls,.drawer,.modal,.modal-backdrop,.thumb,.btn--ghost,.pager input,.overlay,.search__input{transition:background-color .4s var(--ease),border-color .4s var(--ease),color .4s var(--ease)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}