*{box-sizing:border-box} :root{--paper:#f6f5ef;--ink:#1b3439;--muted:#52666a;--accent:#153e46;--green:#206354;--line:#d7e0dc;--soft:#e8efeb;--font:24px;--round:22px}html{font-size:var(--font);scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.62;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #ca861b;outline-offset:5px}button{min-height:60px;border-radius:14px;padding:.65rem 1rem;border:2px solid transparent;color:var(--ink);background:#fff;font-weight:600;line-height:1.3}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:1.75rem;line-height:1.18;letter-spacing:-.035em;margin-bottom:.7rem}h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.02em}h3{font-size:1.05rem;line-height:1.35}p{margin-bottom:1rem}small,.small{font-size:.78rem;line-height:1.5}.muted{color:var(--muted)}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.topbar{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-align:left;gap:15px;padding:0;background:transparent;font-size:.94rem;min-height:62px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:.6rem;letter-spacing:.025em}.brand-mark{display:grid;place-items:center;width:50px;height:50px;background:var(--accent);color:#fff;border-radius:15px;font-size:1.4rem;flex-shrink:0}.size-control{font-size:.72rem;border-color:var(--line);background:transparent;display:flex;align-items:center;gap:12px;white-space:nowrap}.size-control span{font-size:.94rem}main{max-width:1080px;margin:auto;padding:36px 38px 50px;min-height:65vh;outline:none}.footer{max-width:1080px;margin:auto;border-top:1px solid var(--line);padding:25px 38px 34px;display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:var(--muted)}.footer button{min-height:48px;font-size:.72rem;padding:0}.footer span{align-self:center}.text-link{border:0;background:transparent;padding:.35rem .1rem;text-decoration:underline;text-underline-offset:5px;color:var(--accent);font-weight:500;font-size:.82rem}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;border-color:var(--line)}.quiet{background:transparent;border-color:var(--line)}.wide{width:100%}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.action-row>*{flex:1}.back-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.back{background:transparent;padding:0;min-height:48px;font-size:.84rem;font-weight:500}.page-meta{font-size:.75rem;color:var(--muted)}.hero{background:var(--accent);color:white;padding:34px 38px;border-radius:var(--round);position:relative;overflow:hidden;margin-bottom:25px}.hero h1{max-width:780px;font-size:1.7rem}.hero p{color:#d8e9e4;max-width:700px}.hero .eyebrow{color:#c5dcd5}.hero .primary{background:#fff;color:var(--accent);min-width:260px}.hero .action-row{align-items:center}.hero .action-row>p{font-size:.77rem;margin:0;flex:2}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-tile{display:flex;align-items:flex-start;gap:20px;background:white;border:1px solid var(--line);border-radius:var(--round);padding:26px;text-align:left;min-height:164px;box-shadow:0 2px 3px #183c3c03}.home-tile strong{display:block;font-size:1.1rem;margin-bottom:7px}.home-tile small{display:block;font-size:.78rem;font-weight:400;color:var(--muted)}.tile-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:15px;background:var(--soft);font-size:1.25rem;flex-shrink:0}.home-tile .arrow{margin-left:auto;align-self:center;color:var(--muted)}.home-note{margin:22px 0 0;font-size:.76rem;color:var(--muted)}.progress-strip{display:flex;gap:30px;flex-wrap:wrap;margin:24px 0}.stat strong{display:block;font-size:1.28rem;line-height:1.2}.stat span{font-size:.7rem;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--round);padding:30px;margin-bottom:22px}.panel p:last-child{margin-bottom:0}.chapter-list{display:grid;gap:12px}.chapter-row{width:100%;text-align:left;display:flex;gap:20px;align-items:center;padding:20px 23px;border:1px solid var(--line);border-radius:17px;background:#fff}.chapter-number{min-width:46px;color:var(--muted);font-size:.92rem}.chapter-row strong{font-size:1rem;font-weight:600;display:block}.chapter-row small{font-size:.72rem;font-weight:400;color:var(--muted)}.chapter-row .arrow{margin-left:auto}.chapter-row .done-mark{color:var(--green);font-size:.8rem}.book-quote{font-family:Georgia,"Times New Roman",serif;font-size:1.04rem;line-height:1.66;margin:0 0 24px;white-space:pre-line}.quote-label{font-size:.73rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:16px}.source-button{font-size:.8rem;background:var(--soft);border-color:transparent;padding:.6rem .85rem}.reader-title{margin-top:10px}.step-line{display:flex;gap:8px;margin:14px 0 26px}.step-line span{height:7px;border-radius:8px;background:#d4dfda;flex:1}.step-line span.done{background:var(--green)}.study-footer{display:flex;gap:12px;margin-top:22px}.study-footer .primary{flex:2}.study-footer .secondary{flex:1}.figure-box{background:#fafbf8;border:1px solid var(--line);border-radius:16px;padding:16px;margin:24px 0}.figure-box img{display:block;width:100%;height:auto;border-radius:5px}.figure-box figcaption{font-size:.72rem;color:var(--muted);margin:12px 0}.figure-cover{display:flex;align-items:center;justify-content:center;min-height:200px;background:var(--soft);color:var(--muted);border-radius:12px;font-size:.85rem;text-align:center;padding:30px}.choice-group{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 25px}.choice-group button{flex:1;border-color:var(--line);white-space:nowrap}.choice-group button.selected{background:var(--accent);border-color:var(--accent);color:white}label{display:block;font-weight:600;margin:20px 0 8px}select,input[type=search]{width:100%;background:white;color:var(--ink);border:2px solid var(--line);border-radius:14px;padding:16px;min-height:64px;font-size:.95rem}.question{font-size:1.2rem;line-height:1.5;margin:16px 0 24px}.question small{display:block;font-size:.8rem;color:var(--muted);margin-top:16px}.options{display:grid;gap:13px}.option{text-align:left;width:100%;border:2px solid var(--line);padding:20px 22px;display:flex;gap:15px;background:#fff;font-weight:500}.option-letter{min-width:35px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:.75rem;flex-shrink:0}.option small{display:block;margin-top:8px;font-size:.79rem;font-weight:400;color:var(--muted)}.option.correct{background:#e8f4eb;border-color:#3b775e;opacity:1}.option.incorrect{background:#fff3e2;border-color:#ab7b35;opacity:1}.feedback{margin-top:24px;background:#eef5ef;border:1px solid #bbd2c2;border-radius:18px;padding:25px}.feedback.review{background:#fff6e6;border-color:#e4c992}.feedback h2{font-size:1.1rem}.feedback .book-quote{font-size:.94rem}.feedback .answer{font-weight:600;font-size:1rem}.uncertain{display:flex;align-items:center;gap:12px;margin:15px 0;font-size:.83rem}.uncertain input{width:25px;height:25px;accent-color:var(--accent);flex-shrink:0}.result-number{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1.25}.word-card{max-width:900px;margin:auto}.english-word{font-size:2rem;line-height:1.2;letter-spacing:-.03em;margin:15px 0 12px;overflow-wrap:anywhere}.russian-word{font-size:1.08rem;margin-bottom:24px;color:var(--muted)}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.audio-grid button{min-height:78px}.audio-grid button span{font-size:1.03rem;margin-right:8px}.recording{background:#9d392c!important;color:white!important;animation:pulse 2s ease-in-out infinite}.audio-status{min-height:1.5em;font-size:.82rem;color:var(--muted)}.audio-result{margin-top:20px;border-radius:14px;padding:18px;background:var(--soft);font-size:.9rem}.audio-note{font-size:.7rem;color:var(--muted);margin-top:14px}audio{width:100%;margin-top:15px;height:55px}.word-bottom{display:flex;gap:12px;margin-top:24px}.word-bottom .primary{flex:2}.word-bottom .secondary{flex:1}.list-tools{display:flex;gap:15px;margin-top:23px}.list-tools>*{flex:1}.glossary-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.glossary-row strong{font-size:1.04rem;display:block}.glossary-row p{font-size:.8rem;color:var(--muted);margin:5px 0 0}.glossary-row button{flex-shrink:0;font-size:.8rem}dialog{border:0;border-radius:20px;padding:26px;width:96vw;max-width:1200px;max-height:95vh;overflow:auto;color:var(--ink);box-shadow:0 10px 60px #001b1d55}dialog::backdrop{background:#142e35b0}.source-head{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-26px;background:white;padding:12px 0;z-index:1}.source-head h2{margin:0;font-size:1.03rem}dialog p{font-size:.72rem;color:var(--muted)}#source-image{width:100%;height:auto;display:block}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 22px;border-radius:14px;background:var(--ink);color:white;font-size:.8rem;box-shadow:0 2px 20px #1235;max-width:90vw;width:max-content;z-index:10;display:none}.toast.visible{display:block}.skip{position:fixed;top:-100px;left:20px;background:white;z-index:20;padding:20px}.skip:focus{top:10px}.empty{text-align:center;padding:40px 20px}.empty .symbol{font-size:2rem;color:var(--green)}.notice{border-left:5px solid #ca861b;padding:14px 20px;background:#fff4df;font-size:.8rem;margin:20px 0}.help-list{padding-left:1.3rem}.help-list li{margin-bottom:16px;font-size:.88rem}.storage-warning{background:#fff0d6;padding:14px 20px;font-size:.76rem;border-radius:14px;margin-top:18px}#import-progress{display:none}@keyframes pulse{50%{opacity:.75}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.recording{animation:none}}@media(min-width:1100px){.reader,.quiz-screen{max-width:900px;margin:auto}.hero{padding:40px}.home-tile{padding:30px}}@media(max-width:700px){:root{--font:22px}.topbar{padding:18px 18px;gap:10px}.brand-mark{width:40px;height:40px;border-radius:12px}.brand{gap:9px;font-size:.81rem}.brand small{font-size:.53rem}.size-control{font-size:.65rem;padding:10px;min-height:50px}.size-control span{display:none}main{padding:25px 18px 35px}.hero{padding:26px}.hero h1{font-size:1.5rem}.hero .action-row{display:block}.hero .primary{width:100%;min-width:0}.hero .action-row>p{margin-top:14px}.home-grid{grid-template-columns:1fr}.home-tile{min-height:130px;padding:22px}.footer{padding:20px 18px;display:block}.footer span{display:block;margin-top:16px}.panel{padding:22px}.study-footer,.word-bottom{flex-wrap:wrap}.study-footer>*{flex-basis:100%!important}.english-word{font-size:1.65rem}.audio-grid{grid-template-columns:1fr}.chapter-row{gap:12px;padding:18px}.chapter-number{min-width:32px}.back-row{align-items:flex-start}.page-meta{text-align:right}.list-tools{flex-direction:column}.question{font-size:1.08rem}.source-head h2{font-size:.82rem}.source-head button{font-size:.8rem}.choice-group button{white-space:normal}.glossary-row{align-items:flex-start;flex-direction:column}.progress-strip{gap:24px}h1{font-size:1.6rem}}

.figure-canvas{position:relative}.figure-mask{position:absolute;display:flex;align-items:center;justify-content:center;background:#edf2ee;border:1px solid #9dafaa;border-radius:3px;color:#304c46;font-size:clamp(9px,1.5vw,22px);line-height:1;overflow:hidden}

.uncertain{min-height:60px;padding:8px 0}

.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-tile>span:nth-child(2){min-width:0}@media(max-width:980px){html[data-text-size="1"] .home-grid,html[data-text-size="2"] .home-grid{grid-template-columns:1fr}}@media(max-width:700px){.home-grid{grid-template-columns:1fr}}