:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202020;background:#fbfbfb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shelf-page{min-height:100vh;background:#f6f6f3}.shelf-header{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:34px 0 20px}.shelf-header h1{margin:4px 0 0;font-size:34px;letter-spacing:0}.eyebrow{margin:0;color:#777;font-size:14px}.upload-button,.night-toggle,.reset-button,.inline-nav button,.danger-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #222;border-radius:8px;padding:0 16px;color:#fff;background:#202020;cursor:pointer}.upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.shelf-main{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:0 0 56px}.upload-zone{display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed #bababa;border-radius:8px;background:#fff}.upload-zone p,.status-line,.empty-text{color:#6d6d6d}.upload-zone p{margin:4px 0 0}.status-line{min-height:24px;margin:14px 0}.empty-text{padding:32px 0}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:18px}.book-card{position:relative;border:1px solid #deded8;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1e1e1e0f}.book-open-button{display:grid;grid-template-columns:86px 1fr;gap:14px;width:100%;min-height:150px;border:0;padding:14px;color:inherit;text-align:left;background:transparent;cursor:pointer}.book-cover{display:flex;align-items:center;justify-content:center;width:86px;height:120px;overflow:hidden;border-radius:6px;color:#999;background:#eceae2}.book-cover img{width:100%;height:100%;object-fit:cover}.book-info{min-width:0}.book-info h2{display:-webkit-box;min-height:48px;margin:4px 0 6px;overflow:hidden;font-size:18px;line-height:1.35;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.book-info p{overflow:hidden;margin:0 0 14px;color:#666;text-overflow:ellipsis;white-space:nowrap}.book-info small{display:block;margin-top:8px;color:#777}.progress-track{width:100%;height:6px;overflow:hidden;border-radius:999px;background:#e6e6e1}.progress-track span,.reading-progress-bar span{display:block;height:100%;background:#2f6f69}.book-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}.icon-button,.top-icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #d7d7d7;border-radius:8px;color:inherit;background:#fff;cursor:pointer}.danger-button,.ghost-button{min-height:36px;padding:0 10px;font-size:14px}.danger-button{border-color:#9f2d2d;background:#9f2d2d}.ghost-button{color:#202020;background:#fff}.reader-page{min-height:100vh;padding-bottom:calc(82px + env(safe-area-inset-bottom));color:var(--reader-text);background:var(--reader-bg);transition:color .16s ease,background-color .16s ease}.reader-topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center;min-height:58px;padding:max(8px,env(safe-area-inset-top)) max(12px,var(--reader-side-margin)) 8px;border-bottom:1px solid var(--reader-border);color:var(--reader-text);background:var(--reader-surface);background:color-mix(in srgb,var(--reader-surface) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reader-title{min-width:0;text-align:center}.reader-title strong,.reader-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-title strong{font-size:15px}.reader-title span{margin-top:2px;color:var(--reader-muted);font-size:12px}.top-icon-button{border-color:var(--reader-border);background:var(--reader-surface)}.reading-progress-bar{position:sticky;top:58px;z-index:9;width:100%;height:3px;background:transparent}.reader-main{width:min(var(--reader-width),calc(100% - var(--reader-side-margin) * 2));margin:0 auto;padding:36px 0 42px}.reader-message,.reader-error{margin:0;padding:32px 0;color:var(--reader-muted);text-align:center}.reader-error{color:#a43b3b}.chapter-block{padding-bottom:28px}.chapter-block+.chapter-block{border-top:1px solid var(--reader-border);padding-top:34px}.chapter-header{margin-bottom:30px}.chapter-book-title{margin:0 0 10px;color:var(--reader-muted);font-size:14px;line-height:1.5}.chapter-block h1{margin:0 0 30px;font-size:clamp(24px,7vw,32px);line-height:1.35;letter-spacing:0}.chapter-header h1{margin-bottom:0}.chapter-content{font-size:var(--reader-font-size);line-height:var(--reader-line-height);overflow-wrap:anywhere}.chapter-content p{margin:0 0 var(--reader-paragraph-spacing);text-indent:2em}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6{margin:1.6em 0 .8em;line-height:1.45;letter-spacing:0;text-indent:0}.chapter-content img{display:block;max-width:100%;height:auto;margin:1.2em auto}.chapter-content a{color:inherit;text-decoration:none}.inline-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.inline-nav button{min-height:48px;border-color:var(--reader-border);color:var(--reader-text);background:var(--reader-surface)}.inline-nav button:disabled,.bottom-toolbar button:disabled{opacity:.42}.bottom-toolbar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--reader-border);background:var(--reader-surface);background:color-mix(in srgb,var(--reader-surface) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-toolbar button{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;border-radius:8px;color:var(--reader-text);background:transparent;cursor:pointer}.bottom-toolbar button.active{color:#fff;background:#2f6f69}.bottom-toolbar span{font-size:11px;line-height:1.15;white-space:nowrap}.drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000057}.side-drawer,.settings-sheet{position:absolute;top:0;bottom:0;width:min(86vw,380px);overflow-y:auto;color:var(--reader-text, #202020);background:var(--reader-surface, #fff);box-shadow:0 14px 40px #0003}.side-drawer{left:0}.settings-sheet{right:0;padding-bottom:env(safe-area-inset-bottom)}.drawer-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 14px;border-bottom:1px solid var(--reader-border, #dedede);background:var(--reader-surface, #fff)}.toc-list{padding:8px 0 28px}.toc-list button{display:block;width:100%;min-height:46px;border:0;padding:10px 16px;color:inherit;text-align:left;background:transparent;cursor:pointer}.toc-list button.active{color:#1f6b63;background:#2f6f691a}.setting-row{display:block;padding:14px 16px;border-bottom:1px solid var(--reader-border, #dedede)}.setting-row span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.setting-row strong{color:var(--reader-muted, #666);font-weight:500}.setting-row input[type=range]{width:100%;accent-color:#2f6f69}.segmented-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.segmented-row button{min-height:42px;border:1px solid var(--reader-border, #dedede);border-radius:8px;color:inherit;background:transparent}.segmented-row button.selected{color:#fff;border-color:#2f6f69;background:#2f6f69}.night-toggle,.reset-button{width:calc(100% - 32px);margin:14px 16px 0;border-color:var(--reader-border, #dedede);color:var(--reader-text, #202020);background:var(--reader-bg, #fbfbfb)}.switch-row{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 16px;border-bottom:1px solid var(--reader-border, #dedede)}.switch-row input{width:22px;height:22px;accent-color:#2f6f69}.reset-button{margin-bottom:18px}@media (max-width: 680px){.shelf-header{align-items:flex-start;flex-direction:column;padding-top:26px}.shelf-header h1{font-size:30px}.upload-button{width:100%}.book-grid{grid-template-columns:1fr}.reader-main{padding-top:28px}.chapter-block h1{margin-bottom:24px}.chapter-content{font-size:min(var(--reader-font-size),24px)}.bottom-toolbar button{min-height:58px}.settings-sheet,.side-drawer{width:min(92vw,420px)}}