:root{--bg:#f6f7f4;--card:#fff;--ink:#1f2933;--muted:#66736b;--line:#dde5df;--green:#2f7d5b;--green-dark:#245f46;--green-light:#e4f2ea;--blue:#eef4ff;--blue-line:#c9dafc;--gold:#fff3c4;--danger:#b42318}
@media(prefers-color-scheme:dark){:root{--bg:#141a17;--card:#1d2621;--ink:#edf2ee;--muted:#a4b0a8;--line:#334139;--green:#58ba8a;--green-dark:#8fd9b3;--green-light:#22352b;--blue:#1d2a44;--blue-line:#34507f;--gold:#4a4212}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.top{position:sticky;top:0;z-index:20;background:var(--green);color:#fff;box-shadow:0 2px 9px #0002}.top-row{max-width:920px;margin:auto;padding:9px 14px;display:flex;gap:12px;align-items:center}.top a{color:#fff;text-decoration:none}.brand{font-weight:750;flex:1}.top nav{display:flex;gap:7px}.top nav a{padding:4px 10px;border-radius:999px;background:#ffffff26;font-size:.88rem}.top nav b{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#fff;color:var(--green-dark);font-size:.75rem}main{max-width:920px;margin:auto;padding:22px 14px 70px}.hero{padding:20px 0 24px;border-bottom:1px solid var(--line)}.eyebrow,.chapter-no{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-dark)}h1{font:800 clamp(2rem,6vw,3.4rem)/1.05 Georgia,serif;margin:.15em 0}.byline{color:var(--muted);margin:.2em 0 1em}.hero>p:last-child{max-width:680px}.chapter-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin:30px 0 12px}.chapter-head h2{font:750 clamp(1.45rem,4vw,2rem)/1.2 Georgia,serif;margin:.1em 0}.chapter-head p{color:var(--muted);margin:0}.pill,.primary{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 13px;white-space:nowrap}.pill:hover{border-color:var(--green)}.reader{display:grid;gap:8px}.utterance{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:10px 12px;transition:border-color .15s}.utterance:hover{border-color:#9eb7a8}.eo-line{margin:0;font-size:1.07rem}.speaker{font-weight:800;color:var(--green-dark);margin-right:.25em}.word{border:0;background:transparent;color:inherit;font:inherit;padding:0 1px;border-radius:4px;cursor:pointer;border-bottom:1px dotted #8ca89a}.word:hover,.word:focus{background:var(--green-light);outline:none}.sentence-actions{display:flex;gap:6px;margin-top:7px}.mini-btn{font:inherit;font-size:.79rem;cursor:pointer;border:1px solid var(--blue-line);background:var(--blue);color:inherit;border-radius:999px;padding:2px 9px}.mini-btn.added{background:var(--green-light);border-color:var(--green)}.translation{margin:8px 0 0;padding:7px 10px;background:var(--blue);border-left:4px solid var(--blue-line);border-radius:6px}.end-note{color:var(--muted);font-size:.9rem;text-align:center;margin:22px 0}.cards-section{border-top:1px solid var(--line);margin-top:40px}.empty{text-align:center;padding:34px 16px;background:var(--card);border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.study{max-width:700px;margin:auto}.study-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.88rem}.flashcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px 18px;text-align:center;min-height:280px;display:flex;flex-direction:column;justify-content:center;gap:13px}.card-label{margin:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.card-front{font-size:1.5rem;font-weight:750}.card-back{padding-top:12px;border-top:1px solid var(--line);font-size:1.25rem;color:var(--green-dark)}.primary{align-self:center;background:var(--green);color:#fff;border-color:var(--green);padding:10px 18px}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ratings button{border:0;border-radius:10px;padding:9px 3px;color:#fff;font:inherit;font-size:.86rem;cursor:pointer}.ratings button:nth-child(1){background:#c33126}.ratings button:nth-child(2){background:#c26c09}.ratings button:nth-child(3){background:#168047}.ratings button:nth-child(4){background:#2563b7}.ratings small{display:block;opacity:.85}.word-pop{position:fixed;z-index:50;width:min(300px,calc(100vw - 24px));padding:15px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #0004}.word-pop strong,.word-pop>span{display:block}.word-pop strong{font-size:1.2rem;color:var(--green-dark)}.word-pop>span{margin:3px 20px 12px 0}.word-pop button{font:inherit;font-size:.83rem;border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:999px;padding:4px 9px;cursor:pointer;margin-right:5px}.word-pop .pop-close{position:absolute;right:7px;top:6px;border:0;background:transparent;font-size:1.3rem;padding:0 5px}footer{max-width:920px;margin:0 auto;padding:18px 14px 35px;border-top:1px solid var(--line);color:var(--muted);font-size:.83rem}
@media(max-width:600px){body{font-size:16px}.chapter-head{align-items:flex-start;flex-direction:column}.ratings{grid-template-columns:1fr 1fr}.top nav a:first-child{display:none}.utterance{padding:9px 10px}}
.word-detail{margin:9px 0 0;padding:9px 11px;background:var(--blue);border-left:4px solid var(--blue-line);border-radius:7px;display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap}.word-detail strong{color:var(--green-dark);font-size:1.05rem}.word-detail .meaning{flex:1;min-width:150px}.word-detail button{font:inherit;font-size:.8rem;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:999px;padding:3px 9px;cursor:pointer}.word.active{background:var(--gold)}
.book-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin:26px 0 8px}.book-nav select{font:inherit;max-width:min(500px,55vw);padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink)}.book-nav.bottom{justify-content:space-between;margin-top:22px}.narration .eo-line{font-family:Georgia,serif}.translating{color:var(--muted);font-style:italic}@media(max-width:600px){.book-nav{gap:5px}.book-nav .pill{padding:6px 9px;font-size:.83rem}.book-nav select{max-width:48vw}}
.saniga-ad{position:relative;display:flex;align-items:center;justify-content:center;gap:5px 9px;flex-wrap:wrap;min-height:35px;padding:4px 42px 4px 10px;background:var(--card);border-bottom:1px solid var(--line);font-size:.94rem}.saniga-ad a{color:var(--green);text-underline-offset:2px}.saniga-ad button{position:absolute;right:10px;top:5px;width:27px;height:27px;padding:0;border:1px solid #999;border-radius:2px;background:var(--bg);color:var(--ink);font:20px/1 system-ui;cursor:pointer}@media(max-width:600px){.saniga-ad{justify-content:flex-start;font-size:.84rem}}