:root{color:#1b2822;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1b2822;--muted:#66736c;--paper:#f5f0e6;--surface:#fffdf8;--primary:#1f4d3b;--primary-light:#dce9e1;--gold:#b88935;--danger:#a33737;--border:#dcd6c9;--shadow:0 10px 30px #1f4d3b1a;background:#f5f0e6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top right, #e5eee8, transparent 32rem), var(--paper);min-width:320px}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--border);min-height:42px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:12px;padding:.6rem .9rem;text-decoration:none}button:hover,.button:hover{border-color:var(--primary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e0b85f}button:disabled{opacity:.55;cursor:wait}.button--primary{color:#fff;border-color:var(--primary);background:var(--primary)}.button--danger{color:#fff;border-color:var(--danger);background:var(--danger)}.button--ghost{background:0 0;border-color:#0000}input,select,textarea{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--ink);border-radius:10px;padding:.6rem .75rem}label{color:var(--muted)}h1,h2,h3,p{margin-top:0}a{color:var(--primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-shell--reader{padding:0}.app-header{top:env(safe-area-inset-top);z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8e0;border-bottom:1px solid #dcd6c9cc;justify-content:space-between;align-items:center;padding:.8rem clamp(1rem,4vw,3rem);display:flex;position:sticky}.brand{color:var(--ink);align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand__mark{color:#fff;background:var(--primary);border-radius:14px;place-items:center;width:42px;height:42px;font-family:serif;font-size:1.25rem;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:.1rem;font-size:.72rem}.app-header nav{gap:.35rem;display:flex}.app-header nav a{color:var(--muted);border-radius:9px;padding:.55rem .7rem;text-decoration:none}.app-header nav a.router-link-active{color:var(--primary);background:var(--primary-light)}.status-strip{color:#305746;text-align:center;background:#e2eee6;justify-content:center;gap:.8rem;padding:.35rem 1rem;font-size:.76rem;display:flex}.status-strip__update{color:#7a5918}.status-strip__update button{color:#654811;background:#fff7dc;border-color:#b88935;min-height:24px;margin-left:.35rem;padding:.1rem .45rem;font-size:.72rem}.app-shell--reader>.status-strip{z-index:60;top:env(safe-area-inset-top);opacity:.88;pointer-events:none;border-radius:0 0 10px 10px;position:fixed;left:50%;transform:translate(-50%)}.app-main{width:min(1180px,100%);margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.app-shell--reader .app-main{width:100%;padding:0}.page-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin:.8rem 0 1.5rem;display:flex}.page-heading h1{margin-bottom:.25rem;font-family:Georgia,Songti SC,serif;font-size:clamp(1.7rem,5vw,2.6rem)}.page-heading p{color:var(--muted);margin-bottom:0}.toolbar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1.2rem;display:flex}.toolbar__grow{flex:14rem}.notice{background:#edf6f0;border:1px solid #b9d4c4;border-radius:12px;padding:.8rem 1rem}.notice--error{color:#7c2929;background:#fff0f0;border-color:#e2b9b9}.empty-state{text-align:center;background:#fffdf899;border:1px dashed #c6bdad;border-radius:20px;place-items:center;min-height:40vh;padding:2rem;display:grid}.empty-state__icon{color:var(--primary);font:3.4rem Georgia,serif}.book-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.book-card{border:1px solid var(--border);background:var(--surface);min-height:190px;box-shadow:var(--shadow);border-radius:18px;grid-template-columns:88px 1fr;gap:1rem;padding:1rem;display:grid}.book-cover{color:#fff;background:linear-gradient(145deg, var(--primary), #347058);text-align:center;border-radius:7px 13px 13px 7px;align-content:center;width:88px;height:132px;padding:.6rem;font-family:Georgia,Songti SC,serif;display:grid;overflow:hidden;box-shadow:5px 7px 14px #1f4d3b3d}.book-cover img{object-fit:cover;width:calc(100% + 1.2rem);height:calc(100% + 1.2rem);margin:-.6rem}.book-card h2{margin-bottom:.2rem;font-family:Georgia,Songti SC,serif;font-size:1.15rem}.book-card__meta{color:var(--muted);font-size:.82rem;line-height:1.6}.book-card__actions{flex-wrap:wrap;grid-column:1/-1;gap:.4rem;display:flex}.book-card__actions button{min-height:34px;padding:.35rem .6rem;font-size:.78rem}.progress-bar{background:#e6e1d7;border-radius:99px;height:6px;margin:.5rem 0;overflow:hidden}.progress-bar span{background:var(--gold);height:100%;display:block}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:clamp(1rem,3vw,1.5rem)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem;display:grid}.field{gap:.4rem;margin-bottom:.9rem;display:grid}.field input[type=range]{padding:0}.danger-zone{border-color:#e0bebe}.reader-shell{--reader-bg:#f3ead7;--reader-text:#312c23;z-index:40;color:var(--reader-text);background:var(--reader-bg);position:fixed;inset:0;overflow:hidden}.reader-theme--day{--reader-bg:#fffdf8;--reader-text:#1b2822}.reader-theme--night{--reader-bg:#101613;--reader-text:#d7ded9}.reader-theme--sepia{--reader-bg:#f3ead7;--reader-text:#312c23}.reader-font--serif{font-family:Georgia,Songti SC,STSong,serif}.reader-font--sans{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.reader-toolbar{z-index:50;padding-inline:max(.7rem, env(safe-area-inset-left)) max(.7rem, env(safe-area-inset-right));color:#f5f5f1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111f19f0;align-items:center;gap:.45rem;transition:transform .2s;display:flex;position:absolute;left:0;right:0}.reader-toolbar a,.reader-toolbar button{color:#fff;white-space:nowrap;background:0 0;border-color:#ffffff26;min-height:36px;padding:.35rem .55rem;text-decoration:none}.reader-toolbar--top{min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);top:0}.reader-toolbar--bottom{min-height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);bottom:0;overflow-x:auto}.reader-heading{text-align:center;flex:1;min-width:0}.reader-heading strong,.reader-heading small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reader-heading small{color:#a9b9b1;margin-top:.08rem;font-size:.68rem}.reader-progress{font-variant-numeric:tabular-nums;margin-left:auto;padding:0 .4rem;font-size:.76rem}.reader-shell--tools-hidden .reader-toolbar--top{transform:translateY(-110%)}.reader-shell--tools-hidden .reader-toolbar--bottom{transform:translateY(110%)}.reader-stage{position:absolute;inset:0}.reader-reveal{z-index:45;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));color:#fff;background:#111f19bf;border-color:#0000;position:absolute}.reader-loading{text-align:center;place-items:center;min-height:100dvh;padding:2rem;display:grid}.txt-reader{overscroll-behavior:contain;height:100dvh;scroll-padding-block:calc(70px + env(safe-area-inset-top)) calc(76px + env(safe-area-inset-bottom));font-size:var(--reader-font-size);line-height:var(--reader-line-height);overflow-y:auto}.reader-page{width:min(48rem,100%);min-height:100%;padding:calc(82px + env(safe-area-inset-top)) max(var(--reader-margin), env(safe-area-inset-right)) calc(90px + env(safe-area-inset-bottom)) max(var(--reader-margin), env(safe-area-inset-left));margin:0 auto}.reader-page h1{text-align:center;margin:1.2rem 0 2.2rem;font-size:1.5em;line-height:1.4}.reader-page p{margin-bottom:var(--reader-paragraph-gap);text-align:justify;text-indent:2em;overflow-wrap:anywhere}.reader-empty{color:#888;text-align:center!important;text-indent:0!important}.epub-reader{height:100dvh;padding:calc(60px + env(safe-area-inset-top)) env(safe-area-inset-right) calc(65px + env(safe-area-inset-bottom)) env(safe-area-inset-left);background:var(--reader-bg)}.pdf-reader{height:100dvh;padding:calc(65px + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(75px + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--reader-bg);place-items:start center;display:grid;overflow:auto}.pdf-reader canvas{max-width:none;box-shadow:0 6px 30px #00000038}.pdf-reader.theme-night canvas{filter:invert(.88)hue-rotate(180deg)brightness(.85)}.reader-drawer-backdrop{z-index:80;background:#0000006b;position:fixed;inset:0}.reader-drawer{width:min(390px,88vw);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);color:var(--ink);background:var(--surface);grid-template-rows:auto auto 1fr auto;display:grid;position:absolute;top:0;bottom:0;left:0;box-shadow:12px 0 40px #00000040}.reader-drawer--right{left:auto;right:0;box-shadow:-12px 0 40px #00000040}.reader-drawer header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.reader-drawer header small{color:var(--muted);font-size:.72rem;display:block}.reader-drawer__search{padding:.7rem 1rem}.reader-drawer__search input{width:100%}.toc-list,.search-results,.bookmark-list{overflow-y:auto}.toc-list button,.search-results button,.bookmark-list button{text-align:left;border:0;border-bottom:1px solid #eee9df;border-radius:0;justify-content:space-between;align-items:center;gap:.7rem;width:100%;min-height:46px;display:flex}.toc-list button[aria-current=true]{color:var(--primary);background:var(--primary-light);font-weight:700}.toc-list small,.bookmark-list small{color:var(--muted)}.toc-tools{border-top:1px solid var(--border);padding:.7rem 1rem}.toc-tools label{gap:.3rem;margin:.6rem 0;display:grid}.reader-settings{gap:1rem;padding:1rem;display:grid;overflow-y:auto}.reader-settings label{gap:.35rem;display:grid}.search-results button{justify-content:stretch;display:grid}.search-results button span{color:var(--muted);font-size:.82rem}.bookmark-list{border-top:1px solid var(--border);padding:.8rem 1rem}.bookmark-list button{padding-inline:0}.dialog-backdrop{z-index:100;background:#141c188c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:18px;width:min(520px,100%);max-height:85dvh;padding:1.3rem;overflow:auto;box-shadow:0 20px 70px #0000004d}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}@media (max-width:600px){.app-header{align-items:center;padding-inline:.8rem}.brand small{display:none}.brand strong{font-size:.9rem}.app-main{padding:1rem}.page-heading{flex-direction:column;align-items:flex-start}.book-grid{grid-template-columns:1fr}.status-strip{font-size:.68rem}}