:root{color-scheme:dark;--bg:#18211e;--surface:#24322c;--text:#edf2e9;--muted:#b7c5ba;--accent:#c7dca5;--on:#172b20;--line:#3a4e42}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:520px;margin:auto;padding:26px 22px calc(35px + env(safe-area-inset-bottom))}header,.section-head,.actions{display:flex;justify-content:space-between;align-items:center;gap:10px}header{margin-bottom:32px}.brand{font-size:25px;letter-spacing:3px;text-decoration:none;font-weight:650}.badge{border:1px solid var(--line);border-radius:20px;padding:3px 9px;font-size:11px;color:var(--muted)}a{color:var(--accent);overflow-wrap:anywhere}.motto{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 5px}h1{font-size:30px;font-weight:500;margin:0 0 38px}h2{font-size:20px;font-weight:550;overflow-wrap:anywhere}h3{font-size:17px;font-weight:550}.section-head{margin-bottom:15px}button{font:inherit;color:inherit;min-height:44px;padding:10px 14px;border:0;border-radius:12px;background:transparent;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:var(--on)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.card,form,.import{border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:16px;margin:14px 0}.card{width:100%;display:flex;text-align:left;gap:17px;align-items:center}.cover{background:var(--accent);color:var(--on);border-left:4px solid #8da477;flex:0 0 58px;height:81px;display:flex;align-items:center;justify-content:center;font:19px Georgia,serif;border-radius:2px 6px 6px 2px}.card-body{min-width:0}.card strong{font-size:17px;font-weight:550;display:block;overflow-wrap:anywhere}.hint,.card small{font-size:12px;color:var(--muted)}.card small{display:block}.state{display:inline-block;color:var(--accent);border:1px solid var(--line);border-radius:15px;font-size:12px;padding:3px 10px;margin:8px 0}.empty{padding:40px 15px;text-align:center;color:var(--muted)}label{display:block;font-size:13px;margin-bottom:13px}input{width:100%;min-height:44px;display:block;margin-top:6px;padding:9px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px}input[type=file]{font-size:12px}#notice{font-size:13px;min-height:22px;color:var(--accent)}progress{width:100%;accent-color:var(--accent);margin-top:15px}.chapter{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);border-radius:0;padding:13px 2px;overflow-wrap:anywhere}.chapter small{display:block;font-size:11px;color:var(--muted)}#chapter-text{font-size:18px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}#reader{background:var(--surface);padding:16px;border-radius:15px;margin-top:20px}footer{font-size:11px;color:var(--muted);margin-top:35px}[hidden]{display:none!important}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#e7eae5;--surface:#f5f7f3;--text:#1f352b;--muted:#576d60;--accent:#274d39;--on:#fff;--line:#ccd6cb}}@media(max-width:350px){main{padding:20px 16px}.badge{font-size:10px}.section-head button{font-size:13px}h1{font-size:27px}}

.production-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;margin:17px 0 22px}.production-panel .actions{justify-content:flex-start;flex-wrap:wrap}.card .state{white-space:normal;text-align:left}
.actions select{min-width:0;max-width:100%;width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px}.actions label{max-width:100%}
summary{cursor:pointer;min-height:30px}#voice-form label{display:block;margin:14px 0}#voice-select,#voice-transcript{display:block;width:100%;max-width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;box-sizing:border-box}#voice-transcript{min-height:90px}#voice-review{width:100%;max-width:100%}

#listen-audio{display:block;width:100%;min-height:44px;margin:16px 0}#listen-select{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--bg);padding:10px;border:1px solid var(--line);border-radius:9px}#listen-text{position:relative;font-size:18px;line-height:2.05;max-height:300px;overflow:auto;margin-top:15px}.listen-sentence{display:inline;font:inherit;line-height:inherit;text-align:left;padding:2px 0;min-height:0;min-width:0;box-decoration-break:clone}.listen-sentence:disabled{opacity:1;cursor:text}.listen-sentence.active{background:#496345}.listen-sentence span.active{background:var(--accent);color:var(--on);border-radius:3px}#listen-follow{background:var(--accent);color:var(--on);margin-top:10px}

#paste-text,#edit-text{width:100%;max-width:100%;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.8;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}

.app-nav{position:sticky;top:0;z-index:5;display:flex;gap:6px;padding:8px 0;background:var(--bg)}.app-nav button{flex:1;border-radius:999px}.app-nav [aria-current=page]{background:var(--accent);color:var(--on)}#home-intro{padding:14px 0 22px}#continue-listening{width:100%;font-size:19px;padding:17px}#book-primary{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#book-primary button:first-child{flex-basis:100%}#task-details>summary{font-size:14px}#download-chapters label{display:flex;gap:9px;align-items:center;overflow-wrap:anywhere}#download-chapters input{width:21px;min-height:21px;flex-shrink:0;accent-color:var(--accent)}.figure-notice{margin:14px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.figure-notice a{display:block;margin:9px 0;overflow-wrap:anywhere}#library-tools,#install-panel,#offline-disclosure,#preview-disclosure{margin:18px 0}body[data-view=home] #trash-panel{display:none}.listening-progress{margin-top:7px}#books progress{height:5px;margin-top:7px}#shelf-title{font-size:20px}#download-panel{padding-bottom:14px;border-bottom:1px solid var(--line)}

@media(prefers-color-scheme:light){.listen-sentence.active{background:#d4dfcf}}
