:root{--bg:#eee9df;--paper:#fffdf8;--ink:#2e2b26;--muted:#817a6c;--accent:#a97837;--line:#e6dfd2;--panel:#f8f5ef;--shadow:0 20px 55px rgba(44,35,22,.15);--reader-font:19px;--reader-line:1.75;--reader-face:Georgia,serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}body{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(14px,4vw,48px);background:#27251f;color:#f8f4eb;box-shadow:0 3px 14px #17140f33;z-index:4}.brand{display:flex;align-items:center;gap:11px;margin-right:auto;margin-left:14px}.brand-mark{width:34px;height:34px;border:1px solid #c39a5c;color:#e2bd81;border-radius:50%;display:grid;place-items:center;font:700 12px Georgia,serif;letter-spacing:-.5px}.brand-title{font:500 13px system-ui;letter-spacing:.08em;text-transform:uppercase;color:#ddd4c5}.top-actions{display:flex;gap:7px}.icon-btn{border:0;background:transparent;color:inherit;font-size:22px;min-width:40px;min-height:40px;border-radius:12px;cursor:pointer}.icon-btn:hover{background:#ffffff18}.topbar .icon-btn{color:#f7efe1}.topbar #settingsBtn{font-size:15px;font-weight:700}.reader-layout{flex:1;display:grid;grid-template-columns:270px minmax(0,1fr);max-width:1440px;width:100%;margin:0 auto}.sidebar{padding:24px 16px 28px 24px;border-right:1px solid #d9d1c4;background:#f4f0e8;overflow:auto;max-height:calc(100vh - 64px);position:sticky;top:0}.side-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.16em;color:#958a78;margin-bottom:17px}.small-icon{display:none;color:var(--ink)}.cover-mini{display:flex;gap:12px;padding:12px;background:#e9e1d3;border-radius:13px;margin-bottom:20px;align-items:center}.cover-mini img{width:47px;height:66px;object-fit:cover;border-radius:4px;box-shadow:0 3px 9px #0003}.cover-mini strong{display:block;font:600 12px/1.35 Georgia,serif}.cover-mini small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.toc{display:flex;flex-direction:column;gap:3px}.toc button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;color:#534e43;font:500 12px/1.35 system-ui;cursor:pointer}.toc button:hover{background:#e9e1d3}.toc button.active{background:#2d2a24;color:#fff8eb}.toc .toc-part{font-size:10px;font-weight:800;letter-spacing:.14em;color:#9a8d79;padding:14px 10px 5px}.reading-area{min-width:0;padding:22px clamp(16px,4vw,58px) 30px;position:relative;display:flex;flex-direction:column;align-items:center}.reading-toolbar{width:min(100%,850px);display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.crumb{font-size:11px;letter-spacing:.1em;font-weight:750;color:#847967;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crumb-dot{margin:0 9px;color:#b1a48e}.reading-actions{display:flex;gap:7px}.text-btn{border:1px solid #d8d0c2;background:#f7f3eb;color:#655b4b;border-radius:20px;padding:7px 12px;font-size:12px;cursor:pointer;white-space:nowrap}.text-btn:hover{border-color:#aa854e;color:#805a27}.text-btn.saved{background:#eee1c9;color:#805a27}.book-stage{width:min(100%,850px);min-height:min(72vh,780px);position:relative;perspective:1800px;filter:drop-shadow(0 16px 22px rgba(60,48,28,.13))}.book-page{position:relative;min-height:min(72vh,780px);height:100%;background:var(--paper);border:1px solid #e5ddce;border-radius:4px 13px 13px 4px;box-shadow:inset 14px 0 22px -24px #5b482c;overflow:hidden;transform-origin:left center;transition:transform .58s cubic-bezier(.2,.72,.25,1),opacity .45s}.book-page:before{content:"";position:absolute;inset:0 auto 0 0;width:18px;background:linear-gradient(90deg,#e6decf66,transparent);pointer-events:none}.page-content{padding:clamp(25px,5.4vw,62px) clamp(25px,7vw,82px) 65px;font-family:var(--reader-face);font-size:var(--reader-font);line-height:var(--reader-line);color:var(--ink);min-height:100%;overflow-wrap:anywhere}.page-content h1{font:700 clamp(25px,3vw,37px)/1.18 Georgia,serif;letter-spacing:-.025em;margin:0 0 23px;color:#342e25}.page-content h2{font:700 17px/1.4 system-ui,sans-serif;letter-spacing:.025em;text-transform:none;margin:28px 0 9px;color:#8b652f}.page-content p{white-space:pre-wrap;margin:0 0 15px}.page-content .epigraph{font-style:italic;text-align:center;color:#8b652f;border-top:1px solid #e5dac5;border-bottom:1px solid #e5dac5;padding:17px 8px;margin:20px 0 30px}.page-content ul{padding-left:1.15em;margin:0 0 17px}.page-content li{margin:.24em 0}.page-content .question-list{margin-bottom:18px}.page-content .title-meta{color:var(--muted);font:13px/1.6 system-ui,sans-serif;margin-top:-12px;margin-bottom:25px}.page-content .intro-lead{font-size:1.08em;color:#514638}.page-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px clamp(25px,7vw,82px);border-top:1px solid #eee8dc;color:#a19888;font:10px system-ui;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(0deg,var(--paper) 85%,transparent)}.book-spine{position:absolute;top:0;bottom:0;left:0;width:7px;background:linear-gradient(90deg,#cabda8,#fffdf8);z-index:2;pointer-events:none;border-radius:4px 0 0 4px}.flip-overlay{position:absolute;inset:0;background:linear-gradient(100deg,#fffdf8 0%,#e9dfcd 48%,#fffdf8 100%);transform-origin:left center;opacity:0;pointer-events:none;border-radius:4px 13px 13px 4px;box-shadow:inset -8px 0 15px #6f5c4030}.book-stage.turn-next .book-page{transform:rotateY(-13deg);opacity:.86}.book-stage.turn-next .flip-overlay{animation:turnNext .6s ease both}.book-stage.turn-prev .book-page{transform:rotateY(13deg);opacity:.86}.book-stage.turn-prev .flip-overlay{transform-origin:right center;animation:turnPrev .6s ease both}@keyframes turnNext{0%{opacity:0;transform:rotateY(0)}35%{opacity:.75}100%{opacity:0;transform:rotateY(-175deg)}}@keyframes turnPrev{0%{opacity:0;transform:rotateY(0)}35%{opacity:.75}100%{opacity:0;transform:rotateY(175deg)}}.reader-controls{width:min(100%,850px);display:flex;align-items:center;gap:16px;padding:16px 2px 0}.nav-btn{border:1px solid #d8d0c2;background:#f8f4ec;color:#514a3d;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:650;cursor:pointer}.nav-btn:hover{background:#e9e0d2}.nav-btn:disabled{opacity:.4;cursor:default}.progress-wrap{flex:1;display:flex;align-items:center;gap:10px}.progress-track{height:4px;background:#dcd4c7;border-radius:9px;flex:1;overflow:hidden}.progress-track div{height:100%;width:0;background:#a97837;border-radius:9px;transition:width .25s}.progress-wrap small{font-size:11px;color:#827867;min-width:32px;text-align:right}.mobile-tools{display:none}.overlay{display:none}.search-panel{position:absolute;z-index:5;top:12px;width:min(100% - 30px,650px);background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:10px;display:grid;grid-template-columns:1fr 42px;gap:5px}.search-panel.hidden{display:none}.search-panel input{border:0;background:transparent;outline:0;font-size:16px;padding:9px 12px;color:var(--ink)}.search-results{grid-column:1/-1;max-height:45vh;overflow:auto}.search-result{display:block;width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:12px;color:var(--ink);cursor:pointer}.search-result strong{display:block;font-size:12px;color:#8b652f;margin-bottom:4px}.search-result span{font-size:12px;line-height:1.45}.search-empty{color:var(--muted);padding:14px;font-size:13px}.modal{border:0;border-radius:18px;background:var(--panel);color:var(--ink);width:min(92vw,480px);padding:23px;box-shadow:0 25px 70px #17130f55}.modal::backdrop{background:#17130f77;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}.modal h2{font:700 20px Georgia,serif;margin:2px 0 0}.modal-head p{margin:6px 0 0;color:var(--muted);font-size:12px}.modal-head .icon-btn{color:var(--ink);font-size:24px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.setting-row select{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:8px;max-width:160px}.range-wrap{display:flex;align-items:center;gap:10px}.range-wrap output{font-size:12px;color:var(--muted);min-width:45px;text-align:center}.round-btn{width:30px;height:30px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:50%;font-size:17px;cursor:pointer}.switch{width:42px;height:24px;border:0;background:#bdb6aa;border-radius:18px;padding:3px;cursor:pointer;transition:.2s}.switch span{display:block;width:18px;height:18px;background:white;border-radius:50%;transition:.2s;box-shadow:0 1px 4px #0003}.switch.active{background:#a97837}.switch.active span{transform:translateX(18px)}.data-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.primary-btn,.secondary-btn,.quiet-btn{border:0;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:650;cursor:pointer}.primary-btn{background:#302c25;color:#fff7e8}.secondary-btn{background:#e9e1d3;color:#514739}.quiet-btn{background:transparent;color:#80643a}.modal-note{font-size:11px;line-height:1.5;color:var(--muted);margin:15px 0 0}.edit-modal{width:min(94vw,720px)}#editArea{width:100%;height:min(56vh,520px);resize:vertical;border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--paper);color:var(--ink);font:15px/1.65 Georgia,serif;outline-color:#b68b51}.edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#2e2a23;color:#fff8ed;padding:11px 16px;border-radius:30px;font-size:13px;box-shadow:var(--shadow);transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}
body.night{--bg:#17191d;--paper:#22252a;--ink:#e5e0d7;--muted:#a8a197;--panel:#292c31;--line:#3c3e42;--accent:#d6ad71;--shadow:0 20px 55px #0008;background:var(--bg)}body.night .topbar{background:#101114}body.night .sidebar{background:#1e2024;border-color:#37393d}body.night .cover-mini{background:#2b2d31}body.night .toc button{color:#d2ccbf}body.night .toc button:hover{background:#31343a}body.night .toc button.active{background:#b2874e;color:#191714}body.night .reading-toolbar .crumb{color:#b8ae9d}body.night .text-btn,body.night .nav-btn{background:#292c31;color:#ded8ce;border-color:#42444a}body.night .page-content h1{color:#eee8dc}body.night .page-content h2{color:#d7b273}body.night .page-content .epigraph{color:#d7b273;border-color:#48423a}body.night .page-footer{border-color:#383a3e}body.night .book-spine{background:linear-gradient(90deg,#17181b,#25272b)}body.night .book-page:before{background:linear-gradient(90deg,#1113,transparent)}body.night .flip-overlay{background:linear-gradient(100deg,#22252a,#34302a 48%,#22252a)}body.night .sidebar .small-icon{color:var(--ink)}
@media(max-width:800px){.reader-layout{display:block}.sidebar{position:fixed;z-index:10;left:0;top:0;bottom:0;width:min(84vw,320px);max-height:none;transform:translateX(-105%);transition:transform .28s;box-shadow:var(--shadow);padding-top:calc(20px + env(safe-area-inset-top))}.sidebar.open{transform:translateX(0)}.small-icon{display:block}.overlay.show{display:block;position:fixed;inset:0;z-index:8;background:#13110e7a}.reading-area{padding:16px 12px calc(15px + env(safe-area-inset-bottom))}.reading-toolbar{margin-bottom:10px}.book-stage,.book-page{min-height:calc(100dvh - 205px);height:auto}.book-stage{filter:drop-shadow(0 9px 15px #241a0e24)}.page-content{padding:30px 25px 58px;font-size:var(--reader-font)}.page-content h1{font-size:27px}.page-content h2{font-size:15px}.page-footer{padding:11px 25px}.crumb{font-size:9px;letter-spacing:.06em}.reading-actions{display:none}.reader-controls{gap:8px;padding-top:13px}.nav-btn{padding:9px 10px}.nav-btn span{font-size:12px}.mobile-tools{display:flex;gap:8px;justify-content:center;padding-top:10px}.mobile-tools button{border:0;background:transparent;color:#786b57;font-size:12px;padding:6px 12px}body.night .mobile-tools button{color:#d1b57f}.topbar{height:56px;padding:0 10px}.brand{margin-left:5px}.brand-title{font-size:11px}.book-stage.turn-next .book-page{transform:rotateY(-9deg)}.book-stage.turn-prev .book-page{transform:rotateY(9deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.audio-panel{width:min(100%,850px);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:9px auto 2px;padding:10px 14px;background:#e8e0d2;border-radius:12px;color:#514a3d;font-size:12px}.audio-panel[hidden]{display:none}.audio-control{border:0;background:#302c25;color:#fff7e8;border-radius:20px;padding:8px 13px;font-size:12px;cursor:pointer}.audio-panel select{border:1px solid #d8d0c2;background:#f8f4ec;border-radius:7px;padding:6px;color:inherit}.audio-panel span{color:#7b6b54}body.night .audio-panel{background:#292c31;color:#ddd5c8}body.night .audio-control{background:#b2874e;color:#191714}body.night .audio-panel select{background:#22252a;color:#e5e0d7;border-color:#42444a}@media(max-width:800px){.audio-panel{font-size:11px;gap:7px}.mobile-tools{flex-wrap:wrap}}