:root,[data-theme=paper]{--bg:#e9e1cf;--bg-elevated:#efe8d8;--text:#3a3326;--text-dim:#8a8170;--accent:#b6894a;--divider:#3a33261f;--reader-font-size:19px;--reader-line-height:1.85;--reader-margin:22px;--reader-font-family:"Songti SC", "STSong", serif;--ui-font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif}[data-theme=light]{--bg:#fbfaf7;--bg-elevated:#fff;--text:#23211c;--text-dim:#9a9486;--accent:#9a7b46;--divider:#00000017}[data-theme=dark]{--bg:#16140f;--bg-elevated:#211e18;--text:#c9c2b4;--text-dim:#6f695c;--accent:#b6894a;--divider:#ffffff14}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--ui-font);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}#app{min-height:100dvh}.shelf{max-width:720px;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 24px);margin:0 auto}.shelf__top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.shelf__brand{font-family:var(--reader-font-family);letter-spacing:3px;font-size:26px}.shelf__import{width:38px;height:38px;color:var(--accent);border:1.5px solid var(--accent);cursor:pointer;background:0 0;border-radius:50%;font-size:24px;line-height:1}.shelf__import:active{background:var(--bg-elevated)}.shelf__status{color:var(--text-dim);margin-bottom:14px;font-size:13px}.shelf__list{flex-direction:column;gap:12px;display:flex}.shelf__empty{text-align:center;color:var(--text-dim);padding:60px 0;font-size:14px;line-height:1.9}.book{background:var(--bg-elevated);border-radius:14px;position:relative;overflow:hidden}.book__main{cursor:pointer;padding:16px 18px}.book__title{font-family:var(--reader-font-family);margin-bottom:5px;font-size:19px}.book__meta{color:var(--text-dim);margin-bottom:12px;font-size:12.5px}.book__progress{background:var(--divider);border-radius:2px;height:3px;overflow:hidden}.book__progress span{background:var(--accent);height:100%;display:block}.book__pct{color:var(--text-dim);margin-top:6px;font-size:11px}.book__confirm{background:var(--bg-elevated);justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.book.is-confirming .book__confirm{display:flex}.book__del,.book__cancel{cursor:pointer;font-size:15px;font-family:var(--ui-font);border:none;border-radius:10px;padding:10px 22px}.book__del{color:#fff;background:#c0392b}.book__cancel{background:var(--divider);color:var(--text)}.reader{background:var(--bg);height:100dvh;position:relative;overflow:hidden}.reader__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;position:absolute;inset:0;overflow-y:auto}.reader__content{overflow-anchor:none;max-width:720px;padding:calc(env(safe-area-inset-top) + 26px) var(--reader-margin) calc(env(safe-area-inset-bottom) + 100px);margin:0 auto}.reader__chapter{padding-top:8px}.reader__title{font-family:var(--reader-font-family);color:var(--text);margin:26px 0 22px;font-size:21px;font-weight:600}.reader__text{font-family:var(--reader-font-family);font-size:var(--reader-font-size);line-height:var(--reader-line-height);font-weight:var(--reader-font-weight,400);color:var(--text)}.reader__text p{text-indent:2em;margin:0 0 .85em}.reader__bar{z-index:30;background:var(--bg);transition:transform .25s;position:fixed;left:0;right:0}.reader__bar--top{padding:env(safe-area-inset-top) 16px 0;height:calc(46px + env(safe-area-inset-top));border-bottom:1px solid var(--divider);color:var(--text-dim);align-items:center;gap:12px;font-size:13px;display:flex;top:0;transform:translateY(-100%)}.reader__bar--bottom{padding-bottom:env(safe-area-inset-bottom);height:calc(58px + env(safe-area-inset-bottom));border-top:1px solid var(--divider);display:flex;bottom:0;transform:translateY(100%)}.reader.menu-open .reader__bar--top,.reader.menu-open .reader__bar--bottom{transform:translateY(0)}.reader__back{color:var(--accent);cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:15px}.reader__chap{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.reader__pct{font-variant-numeric:tabular-nums;flex:none}.reader__tab{color:var(--text-dim);font-size:11px;font-family:var(--ui-font);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.reader__tab span{color:var(--text);font-size:18px;line-height:1}.reader__scrim{z-index:25;opacity:0;pointer-events:none;background:#00000059;transition:opacity .25s;position:fixed;inset:0}.reader.panel-open .reader__scrim{opacity:1;pointer-events:auto}.reader__toc{z-index:35;background:var(--bg-elevated);width:82%;max-width:340px;padding-top:env(safe-area-inset-top);flex-direction:column;transition:transform .28s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.reader.toc-open .reader__toc{transform:translate(0)}.reader__toc-head{color:var(--text-dim);border-bottom:1px solid var(--divider);padding:18px 20px 12px;font-size:13px}.reader__toc-list{-webkit-overflow-scrolling:touch;padding:6px 0 calc(env(safe-area-inset-bottom) + 12px);flex:1;overflow-y:auto}.reader__toc-item{text-align:left;width:100%;color:var(--text);font-size:15px;font-family:var(--reader-font-family);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:12px 20px;display:block;overflow:hidden}.reader__toc-item.is-current{color:var(--accent)}.reader__sheet{z-index:28;background:var(--bg-elevated);border-top:1px solid var(--divider);padding:16px 18px calc(env(safe-area-inset-bottom) + 74px);transition:transform .28s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.reader.sheet-text-open #rdSheetText,.reader.sheet-theme-open #rdSheetTheme{transform:translateY(0)}.sheet__row{justify-content:space-between;align-items:center;padding:11px 4px;display:flex}.sheet__label{color:var(--text);font-size:15px}.sheet__stepper{align-items:center;gap:12px;display:flex}.sheet__stepper button,.sheet__seg button{border:1px solid var(--divider);background:var(--bg);color:var(--text);cursor:pointer;font-family:var(--ui-font);border-radius:9px}.sheet__stepper button{min-width:52px;padding:8px 0;font-size:15px}.sheet__stepper b{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-weight:600}.sheet__seg{gap:10px;display:flex}.sheet__seg button{padding:8px 18px;font-size:15px}.sheet__seg button.is-on{border-color:var(--accent);color:var(--accent)}.sheet__themes{gap:14px;display:flex}.sheet__theme{border:1px solid var(--divider);cursor:pointer;color:var(--text-dim);font-size:13px;font-family:var(--ui-font);background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px 0;display:flex}.sheet__theme.is-on{border-color:var(--accent);color:var(--accent)}.sheet__theme-swatch{border:1px solid var(--divider);border-radius:50%;width:42px;height:42px}.theme-paper .sheet__theme-swatch{background:#e9e1cf}.theme-light .sheet__theme-swatch{background:#fff}.theme-dark .sheet__theme-swatch{background:#16140f}