:root{color:#28382f;--surface:#fffdf8;--bg:#f5f2ea;--text:#28382f;--muted:#667469;--border:#d8ded2;--accent:#315c4f;--accent-soft:#e5ece3;--danger:#9b3535;--tap:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f2ea;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,sans-serif;font-size:18px}:root[data-theme=night]{--surface:#283133;--bg:#1f2729;--text:#e1e5df;--muted:#b1beb5;--border:#46534e;--accent:#abc9b5;--accent-soft:#35463d;--danger:#ffb6ad;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text)}:root[data-elder=true]{--tap:56px;font-size:20px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;padding:12px 16px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:disabled{opacity:.4;cursor:default}button:hover,.button:hover{filter:brightness(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #dd9c38}button[aria-pressed=true],[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.danger{color:var(--danger);border-color:var(--danger)}a{color:var(--accent)}h1{margin:18px 0;font-size:1.45rem;line-height:1.4}h2{margin:0 0 10px;font-size:1.1rem;line-height:1.45}p{margin:10px 0;line-height:1.7}small,.muted{color:var(--muted)}small{font-size:.78rem}.full{width:100%;margin-top:12px}.app{background:var(--bg);min-height:100svh;color:var(--text)}.app-header{padding:calc(12px + env(safe-area-inset-top)) 20px 12px;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:10px;font-size:1.3rem;font-weight:750;text-decoration:none;display:flex}.brand img{border-radius:10px;width:38px;height:38px}.network-status{color:var(--muted);font-size:.75rem}.page{max-width:760px;padding:12px 20px calc(112px + env(safe-area-inset-bottom));margin:auto}.page-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-title h1{margin:16px 0}.page-title button{white-space:nowrap}.bottom-nav{padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:64px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.9rem;text-decoration:none;display:flex}.bottom-nav a span{font-size:1.4rem;line-height:1.2}.bottom-nav a.active{background:var(--accent-soft);color:var(--accent)}.actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:18px 0;padding:20px}.stack .card{margin:0}.empty{text-align:center;border:1px dashed var(--border);border-radius:18px;margin:22px 0;padding:40px 20px}.empty-book{color:var(--accent);margin-bottom:12px;font-size:3.2rem;display:block}.continue-card{border:1px solid var(--border);background:var(--accent-soft);border-radius:18px;flex-direction:column;gap:14px;margin:24px 0;padding:24px;text-decoration:none;display:flex}.continue-card strong{font-size:1.4rem}.book-list{flex-direction:column;gap:14px;margin:18px 0;display:flex}.book-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden}.book-open{color:var(--text);gap:18px;padding:18px;text-decoration:none;display:flex}.book-summary{flex:1;min-width:0}.book-summary h2{overflow-wrap:anywhere;margin:0;font-size:1.12rem}.book-summary p{margin:6px 0;font-size:.85rem}.cover{object-fit:cover;background:#315c4f;border-radius:7px;flex-shrink:0;width:82px;height:116px}.cover-fallback{color:#fff5df;background:linear-gradient(150deg,#3f6656,#233e35);flex-direction:column;justify-content:center;align-items:center;display:flex}.cover-fallback span{font-size:2.2rem}.cover-fallback small{color:#d6dec7;padding-top:14px;font-size:.48rem}.book-more{border:0;border-top:1px solid var(--border);width:100%;min-height:var(--tap);border-radius:0;padding:8px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:4px 8px;font-size:.68rem;display:inline-block}.subtle-link{padding:20px 0;display:block}.book-info{text-align:center;margin:26px 0}.book-info .cover{width:112px;height:154px;margin:auto}.info-list{grid-template-columns:6em 1fr;gap:14px;font-size:.9rem;display:grid}.info-list dt{color:var(--muted)}.info-list dd{overflow-wrap:anywhere;margin:0}label{flex-direction:column;gap:8px;margin:14px 0;line-height:1.5;display:flex}input,select{border:1px solid var(--border);min-height:var(--tap);background:var(--surface);color:var(--text);border-radius:10px;width:100%;min-width:0;padding:12px}input[type=color]{padding:5px}input[type=checkbox]{width:30px;height:30px;min-height:30px;accent-color:var(--accent)}.switch-row{flex-direction:row;justify-content:space-between;align-items:center;gap:18px}.switch-row small{display:block}.settings-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.theme-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.font-adjust{justify-content:space-between;align-items:center;gap:8px;margin-bottom:18px;display:flex}.font-adjust strong{white-space:nowrap}.font-adjust button{flex:1;padding:10px;font-size:.85rem}details{margin:20px 0}summary{cursor:pointer;min-height:var(--tap);padding:12px 0;font-weight:600;line-height:1.5}.chapter-list{flex-direction:column;gap:10px;margin:18px 0;display:flex}.chapter-list .button,.chapter-list button{text-align:left;justify-content:flex-start}.modal{width:min(620px,100% - 24px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 36px);border:1px solid var(--border);background:var(--surface);color:var(--text);overscroll-behavior:contain;border-radius:20px;padding:20px}.modal::backdrop{background:#12261c77}.modal-title{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex;position:sticky;top:-20px}.modal-title h2{margin:0}.modal-title button{flex-shrink:0;font-size:.85rem}.text-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--bg);border-radius:12px;max-height:240px;padding:16px;font-size:.85rem;line-height:1.7;overflow:auto}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{left:12px;right:12px;bottom:calc(105px + env(safe-area-inset-bottom));border:1px solid var(--border);background:var(--surface);max-width:720px;color:var(--text);z-index:100;border-radius:14px;align-items:center;gap:12px;margin:auto;padding:16px;font-size:.85rem;line-height:1.5;display:flex;position:fixed;box-shadow:0 4px 24px #0002}.toast button{flex-shrink:0;min-height:44px;margin-left:auto;padding:8px;font-size:.75rem}.toast-error{border-color:var(--danger)}.break-word{overflow-wrap:anywhere}.app-reading{height:100dvh;min-height:100svh;overflow:hidden}.reader{flex-direction:column;height:100%;display:flex}.reader-header{padding:calc(8px + env(safe-area-inset-top)) 12px 10px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);flex-shrink:0}.reader-title{align-items:center;gap:12px;margin-bottom:10px;display:flex}.reader-title>button{flex-shrink:0;padding:10px;font-size:.8rem}.reader-title>div{min-width:0}.reader-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}.reader-title small{margin-top:4px;font-size:.62rem;display:block}.chapter-controls{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.chapter-controls button{padding:8px;font-size:.85rem}.reader-scroll{overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto;touch-action:pan-y pinch-zoom;flex:1;min-height:0;overflow:auto}.reader-flow{max-width:900px;margin:auto}.chapter-heading{margin:0 0 1.2em;font-family:inherit;font-size:1.15em}.reader-block{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-weight:400}.reader-block:is(h2){font-size:1.05em;font-weight:600}.reader-image{object-fit:contain;width:100%;height:250px;margin:16px 0;display:block}.reader-tools{padding:10px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);color:var(--text);border-top:1px solid var(--border);flex-shrink:0}.reader-tool-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.reader-tool-row button{padding:8px 5px;font-size:.75rem}.secondary-tools{text-align:center;align-items:center;margin-top:8px;font-size:.7rem}.secondary-tools button{min-height:44px;font-size:.68rem}.chapter-end{text-align:center;margin-top:40px;font-size:.72em}.app-reading .toast{bottom:calc(150px + env(safe-area-inset-bottom))}@media (width>=800px){.bottom-nav{border-radius:18px 18px 0 0;left:calc(50% - 380px);right:calc(50% - 380px)}.reader-header,.reader-tools{padding-left:max(20px,50vw - 380px);padding-right:max(20px,50vw - 380px)}}@media (width<=360px){.page{padding-left:12px;padding-right:12px}.page-title{flex-direction:column;align-items:flex-start}.settings-grid{grid-template-columns:1fr}.book-open{gap:12px;padding:12px}.cover{width:66px;height:98px}.reader-tool-row button{font-size:.68rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.app-header,.page{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.bottom-nav{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.reader-header,.reader-tools{padding-left:max(12px,env(safe-area-inset-left),calc((100vw - 760px)/2));padding-right:max(12px,env(safe-area-inset-right),calc((100vw - 760px)/2))}.toast{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}.speech-entry{width:100%;margin:0 0 8px;font-size:1rem}.speech-controls{overscroll-behavior:contain;max-height:48dvh;overflow:auto}.speech-controls p{margin:6px 0 10px;font-size:.8rem;line-height:1.45}.speech-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.speech-title button{padding:6px 12px;font-size:.72rem}.speech-main{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.speech-main button{padding:8px;font-size:.85rem}.speech-options{grid-template-columns:1fr 2fr;align-items:end;gap:12px;margin-top:10px;display:grid}.speech-options label{flex-direction:row;align-items:center;margin:0;font-size:.8rem}.speech-options select{flex:1}.speech-controls .full{font-size:.8rem}.speech-highlight{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#c5aa4f30;border-radius:3px}.backup-created{border:2px solid var(--accent);overflow-wrap:anywhere;border-radius:12px;margin-top:16px;padding:16px}