@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Literata:wght@500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#233c38;background:#f5f3e9;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{max-width:1160px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dcded0}header span{font-weight:700;letter-spacing:.16em}a{color:inherit}button,select,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #b7c7ba;background:#fffdf6;color:#24463c;border-radius:10px;padding:12px 18px;font-weight:600}button:hover{background:#e4eee1}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #d58332;outline-offset:3px}main{max-width:1060px;margin:auto;padding:38px 24px 80px}.intro{text-align:center;padding:8px 0 30px}.eyebrow{letter-spacing:.17em;font-size:11px;font-weight:700;color:#617365}h1{font-family:Literata,Georgia,serif;font-size:clamp(36px,5vw,56px);line-height:1.2;font-weight:500;margin:18px 0}.intro>p:last-child{color:#64756b;line-height:1.7}.reader{background:#fffdf8;border:1px solid #dce1d3;border-radius:22px;padding:36px 46px;box-shadow:0 14px 40px #2c49350a}.book-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#637468}select{max-width:100%;padding:8px;border:1px solid #c8d2c4;border-radius:8px;background:#fffdf8;color:#24463c}.book-top select{flex:1;min-width:150px}h2{font-family:Literata,Georgia,serif;font-size:30px;font-weight:500;line-height:1.4}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#read,button[type=submit]{background:#285648;color:#fff}.controls label{margin-left:auto;font-size:14px}.feedback{margin:22px 0 8px;display:flex;gap:15px;justify-content:space-between;min-height:28px;color:#617365;font-size:14px}article{font-family:Literata,Georgia,serif;font-size:25px;line-height:2}article p{margin:20px 0}article .word{font:inherit;color:inherit;border:0;background:transparent;padding:1px 3px;border-radius:6px;font-weight:500;line-height:1.6}article .word:hover{background:#e8eddf}article .word.active{background:#ffe39b;box-shadow:0 3px 0 #e0b75e}.footnote{text-align:center;font-size:13px;border-top:1px solid #e5e8de;padding-top:24px;color:#778173}dialog{border:1px solid #c6d2c2;border-radius:20px;padding:30px;max-width:600px;width:calc(100% - 30px);color:inherit;background:#fffdf8}dialog::backdrop{background:#142d2670}dialog label{display:block;margin:18px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #c6d2c2;border-radius:8px;margin-top:8px}#form-error{color:#a33426}@media(max-width:600px){header{padding:20px 16px;font-size:12px}header button{padding:10px}main{padding:20px 12px}.reader{padding:24px 18px}h2{font-size:25px}article{font-size:23px}.controls label{margin-left:0}.feedback{font-size:12px}.book-top>label{width:100%}}