:root{font-family:Arial,Helvetica,sans-serif;color:#242a25;background:#f5f3ee;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--paper:#f5f3ee;--ink:#242a25;--muted:#7a8179;--green:#244f46;--line:#e1e0d9;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}.app-shell{min-height:100vh;background:var(--paper);padding-bottom:92px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#f5f3eee6}.brand{border:0;background:none;display:flex;gap:12px;align-items:center;font-weight:700;font-size:19px;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#f6f3e9;background:var(--green);font-family:var(--serif);font-size:23px}.topbar-actions{display:flex;gap:16px;align-items:center}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:18px}.main-content{max-width:1240px;padding:0 28px;margin:auto}.library{padding-top:52px}.welcome-row{height:300px;background:#ebece4;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:38px 8%;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#68776c;margin:0 0 13px}.welcome-row h1,.reader-title h1{font:600 43px/1.12 var(--serif);letter-spacing:-.8px;margin:0}.subtitle{color:#626b63;margin-top:17px;font-size:14px}.welcome-art{height:260px;width:300px;position:relative;flex-shrink:0}.art-sun{position:absolute;width:190px;height:190px;border-radius:50%;background:#d7d9c9;top:14px;left:60px}.art-book{position:absolute;width:112px;height:190px;top:68px;border-radius:3px;box-shadow:12px 8px 25px #38443822}.back-book{background:#668276;left:80px;transform:rotate(-10deg)}.front-book{background:#bd8d66;left:147px;transform:rotate(11deg);border:7px solid #d5a078}.art-leaf{position:absolute;font-size:63px;color:#304f3e;right:9px;top:0;transform:rotate(-22deg)}.library-tools{padding:38px 0 22px;display:flex;align-items:center;justify-content:space-between}.library-tools h2{margin:0;font:600 27px var(--serif)}.library-tools h2 span{font:500 12px DM Sans;color:var(--muted);vertical-align:middle;margin-left:9px}.library-tools p{margin:7px 0 0;color:var(--muted);font-size:13px}.tool-buttons{display:flex;gap:10px}.button{border:1px solid transparent;border-radius:4px;padding:12px 17px;font-size:12px;font-weight:600}.button-primary{background:var(--green);color:#fff}.button-quiet{background:transparent;border-color:#cccfc6;color:#38483e}.compact{padding:9px 14px}.inline-hint{font-size:12px;color:#69766d;padding:11px 14px;background:#ecede6;border-radius:4px;margin:4px 0 20px}.library-filter{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;height:54px;margin:10px 0 24px}.library-filter>span{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#657168}.library-filter input{width:230px;border:0;background:transparent;outline:none;font-size:12px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 23px}.book-card{min-width:0}.book-cover{position:relative;width:100%;height:225px;border:0;border-radius:2px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:22px;color:#f7f3e9;box-shadow:0 8px 20px #1c2a2413;overflow:hidden}.book-cover>span{font-size:8px;letter-spacing:2px;opacity:.8}.book-cover strong{font:600 22px/1.18 var(--serif);max-width:145px;margin:auto 0}.book-cover small{font-size:8px;letter-spacing:1.3px;opacity:.85}.cover-0{background:linear-gradient(140deg,#71877b,#334d40)}.cover-1{background:linear-gradient(140deg,#b78861,#75533f)}.cover-2{background:linear-gradient(140deg,#75818a,#414953)}.cover-3{background:linear-gradient(140deg,#b7a875,#77724f)}.book-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:13px}.book-meta h3{font-size:13px;margin:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-meta p{font-size:11px;color:var(--muted);margin:5px 0}.more-button{border:0;background:none;font-size:20px;color:#778078;padding:0 3px}.card-progress{display:flex;align-items:center;gap:10px;margin-top:9px}.card-progress .progress-track{flex:1}.card-progress>span{font-size:9px;letter-spacing:.7px;color:#788178;min-width:28px}.progress-track{height:3px;background:#dedfd8;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;background:#6e8d78}.empty-state{text-align:center;padding:48px 20px}.empty-icon{font-size:28px;color:#778b7a}.empty-state h3{font:600 23px var(--serif);margin:12px}.empty-state p{font-size:13px;color:var(--muted);margin:0 0 20px}.site-footer{position:fixed;bottom:0;left:0;right:0;height:58px;border-top:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px);font-size:10px;color:#81887f}.site-footer span:last-child{letter-spacing:1.3px;font-weight:600}.notice{margin:18px 0 0;padding:12px 14px;background:#f3e9d9;color:#594628;font-size:12px;display:flex;justify-content:space-between;gap:16px;border-radius:4px}.notice button{border:0;background:none;font-size:19px;color:inherit}.reader{padding:33px 0 0}.reader-head{display:flex;align-items:flex-end;gap:30px;position:relative;padding-bottom:27px;border-bottom:1px solid var(--line)}.back-link{position:absolute;top:0;left:0;border:0;background:none;color:#52665a;font-size:12px;padding:0}.reader-title{margin:auto;text-align:center}.reader-title .eyebrow{margin-bottom:7px}.reader-title h1{font-size:30px}.reader-title>p:last-child{margin:7px 0 0;color:var(--muted);font-size:12px}.progress-label{position:absolute;right:0;bottom:29px;color:#69766d;font-size:11px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:75px;max-width:920px;margin:38px auto 95px}.reading-pane{font:400 20px/1.8 var(--serif);max-height:55vh;overflow:auto;padding:8px 20px 20px;scroll-behavior:smooth}.chapter-label{font:600 10px DM Sans;text-transform:uppercase;letter-spacing:1.6px;color:#718073;margin-bottom:22px}.sentence{border-radius:3px;margin:0 0 15px;padding:0 4px;cursor:pointer;transition:background .2s}.active-sentence{background:#e2e9df;color:#304d40}.reader-aside{padding-top:42px;color:var(--muted);font-size:12px}.position-number{font:600 50px var(--serif);color:var(--green)}.reader-aside>p:not(.eyebrow){margin:4px 0 23px}.aside-rule{height:1px;background:var(--line);margin:0 0 23px}.reader-aside .progress-track{margin-top:12px}.player{position:fixed;bottom:58px;left:0;right:0;height:78px;background:#fbfaf7;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(5vw,24px);z-index:4}.player-book{display:flex;align-items:center;gap:11px;min-width:0}.small-cover{width:32px;height:43px;padding:5px;background:#668276;font-size:6px}.small-cover strong,.small-cover small{display:none}.player-book>span:last-child{min-width:0}.player-book strong,.player-book small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-book strong{font-size:11px}.player-book small{font-size:10px;color:var(--muted);margin-top:4px}.player-controls{display:flex;align-items:center;gap:23px}.player-controls button{border:0;background:transparent;color:#394e42;font-size:16px}.player-controls .play-button{width:41px;height:41px;border-radius:50%;background:var(--green);color:#fff;font-size:15px}.player-speed{justify-self:end;display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}select{border:1px solid var(--line);background:transparent;border-radius:3px;padding:7px 9px;color:var(--ink);font-size:11px}.setup-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.setup-card{max-width:410px;text-align:center;padding:44px 36px;background:#ebece4;border-radius:6px}.setup-card .brand-mark{margin:0 auto 20px}.setup-card h1{font:600 38px var(--serif);margin:0}.setup-card>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#5d685f}.setup-card code{font-size:11px;background:#dfe2d9;padding:3px}.muted{color:var(--muted)!important}.pdf-page-pane{min-width:0;max-width:100%;min-height:180px;text-align:center}.pdf-page-pane canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;box-shadow:0 3px 16px #1c2a2418}.pdf-page-error{padding:20px;color:#8b3028;background:#f3e9d9;font-size:13px;text-align:left}.settings-dialog{border:0;border-radius:5px;padding:0;width:min(440px,calc(100vw - 30px));color:var(--ink);background:var(--paper);box-shadow:0 20px 70px #0003}.settings-dialog::backdrop{background:#1b2822aa}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:25px 27px;border-bottom:1px solid var(--line)}.settings-header h2{font:600 24px var(--serif);margin:0}.settings-header .eyebrow{margin-bottom:7px}.settings-header button{font-size:22px}.settings-body{padding:22px 27px;display:grid;gap:18px}.settings-body label{display:grid;gap:8px;font-size:12px;color:#667168}.settings-body select{width:100%}.settings-body input[type=range]{accent-color:var(--green)}.dark{--paper:#202823;--ink:#e8e9df;--muted:#a1aaa0;--line:#39433b;background:#202823}.dark .topbar,.dark .site-footer,.dark .player{background:#202823}.dark .welcome-row{background:#2d3830}.dark .inline-hint{background:#303b33}.dark .active-sentence{background:#38483b;color:#e4e9df}.dark .progress-track{background:#414b42}.dark .settings-dialog{background:#202823}.dark select{color:var(--ink)}@media(max-width:850px){.welcome-row{height:260px;padding:30px 6%}.welcome-row h1{font-size:36px}.welcome-art{transform:scale(.78);transform-origin:center right;margin-left:-40px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-layout{gap:30px;grid-template-columns:minmax(0,1fr) 130px}.reader-aside{font-size:11px}}@media(max-width:600px){.topbar{height:64px;padding:0 17px}.main-content{padding:0 17px}.library{padding-top:21px}.welcome-row{height:225px;padding:24px 22px}.welcome-row h1{font-size:30px}.welcome-row .subtitle{font-size:11px;max-width:240px;line-height:1.5}.welcome-art{position:absolute;right:-20px;opacity:.75;transform:scale(.55);transform-origin:center right}.library-tools{align-items:flex-start;padding:28px 0 16px;gap:14px;flex-direction:column}.library-tools h2{font-size:24px}.tool-buttons{width:100%}.tool-buttons .button{flex:1;padding:11px 8px;font-size:11px}.library-filter{margin-top:4px}.library-filter input{width:160px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.book-cover{height:190px;padding:16px}.book-cover strong{font-size:19px}.site-footer{padding:0 18px;height:50px;font-size:9px}.site-footer span:last-child{font-size:8px}.app-shell{padding-bottom:70px}.reader{padding-top:24px}.reader-head{padding-bottom:18px}.reader-title h1{font-size:23px;max-width:250px}.reader-title>p:last-child{font-size:11px}.progress-label{font-size:9px;bottom:20px}.reader-layout{display:block;margin:22px auto 100px}.reading-pane{max-height:calc(100vh - 335px);padding:4px 1px 20px;font-size:18px!important}.reader-aside{display:none}.player{height:71px;bottom:50px;padding:0 14px;grid-template-columns:1fr auto}.player-book{max-width:145px}.player-controls{gap:10px}.player-controls button{font-size:13px;padding:5px}.player-controls .play-button{width:36px;height:36px}.player-speed{display:none}.small-cover{width:26px;height:36px}.back-link{font-size:11px}.setup-card{padding:35px 24px}}.reader-toolbar{max-width:920px;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.reader-modes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:4px}.reader-modes button{border:0;border-radius:3px;background:transparent;padding:8px 14px;color:var(--muted);font-size:12px}.reader-modes button.selected{background:var(--green);color:#fff}.section-picker{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.section-picker input{width:70px;border:1px solid var(--line);border-radius:3px;padding:8px;color:var(--ink);background:transparent}.section-picker select{color:var(--ink)}.reader.mode-read .reader-layout{margin-bottom:45px}.reading-pane.reading-mode{max-height:none;overflow:visible}@media(max-width:600px){.reader-toolbar{align-items:flex-start;flex-direction:column;margin-top:18px}.section-picker{flex-wrap:wrap}.reader.mode-read .reader-layout{margin-bottom:35px}.reading-pane.reading-mode{max-height:none}}.app-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#17221dcc}.app-modal{width:min(440px,100%);padding:27px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #0003}.app-modal h2{margin:0;font:600 25px var(--serif)}.app-modal p{margin:10px 0 22px;color:var(--muted);font-size:13px;line-height:1.6}.app-modal form{display:grid;gap:10px}.app-modal label{color:var(--muted);font-size:12px}.app-modal input{width:100%;padding:12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--ink);font-size:13px}.app-modal input:focus{outline:2px solid #6e8d78;outline-offset:1px}.app-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}