:root{color:#243e35;font-synthesis:none;--green:#244b3e;--cream:#f7f4eb;--line:#d8ded1;background:#f7f4eb;font-family:Georgia,Times New Roman,serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;display:flex}a{color:inherit}nav{gap:24px;font:600 15px system-ui;display:flex}nav a{padding:10px 0;text-decoration:none}.brand{letter-spacing:-2px;font-size:44px;font-weight:700;line-height:1;text-decoration:none}.brand span{letter-spacing:1px;margin-top:12px;font:12px system-ui;display:block}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:44px 0 64px;display:grid}h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(48px,6vw,76px);line-height:1.03}h2{margin:12px 0;font-size:34px;line-height:1.2}h3{margin:12px 0;font-size:26px}p{margin:12px 0}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#576b5d;font:700 12px system-ui}.date{color:#596955;margin-top:32px;font:14px system-ui}.challenge{background:#e7ecdf;border-radius:8px;padding:30px;box-shadow:8px 8px #d2dac6}.challenge h2{letter-spacing:-1px;overflow-wrap:anywhere;font-size:50px}.choices{gap:10px;display:grid}button,input,textarea,select{font:16px system-ui}button{cursor:pointer;min-height:46px;color:var(--green);background:#fffefa;border:1px solid #839c87;border-radius:6px;padding:12px 18px}button:hover{background:#f2dfb9}button:disabled{cursor:default;opacity:.7}.choices button{text-align:left}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{color:#fff;background:#34624e}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #c17a24}blockquote{overflow-wrap:anywhere;border-left:3px solid #c49b58;margin:18px 0;padding-left:15px;font-style:italic}.small{color:#5a6b5d;font:14px/1.5 system-ui}.keep{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:64px;margin-bottom:44px;padding:44px 0;display:grid}.keep>div{max-width:390px}form{gap:15px;display:grid}label{gap:7px;font:600 14px system-ui;display:grid}input,textarea,select{color:#243e35;background:#fffefa;border:1px solid #9eae9d;border-radius:6px;width:100%;min-width:0;padding:12px}textarea{resize:vertical}.shelf-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.shelf-head label{min-width:190px}.count{color:#61745f;font:14px system-ui}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;display:grid}.word-card{border:1px solid var(--line);overflow-wrap:anywhere;background:#fffefa;border-radius:8px;padding:25px}.word-card button{font-size:14px}.empty{text-align:center;border:1px dashed #b7c6b0;border-radius:8px;grid-column:1/-1;padding:40px}.empty span{color:#8b9b73;font-size:64px}.storage{border-top:1px solid var(--line);margin-top:44px;padding-top:24px;font:14px/1.5 system-ui}.storage #message{font-weight:700}footer{text-align:center;color:#61705d;border-top:1px solid var(--line);font:13px/1.7 system-ui}@media (width<=760px){header,main,footer{padding:22px}header{flex-direction:column;align-items:flex-start;gap:14px}nav{flex-wrap:wrap;gap:18px}.hero,.keep{grid-template-columns:1fr;gap:28px;padding:32px 0 42px}.hero h1{letter-spacing:-2px;font-size:56px}.challenge{padding:24px}.cards{grid-template-columns:1fr}.shelf-head{flex-direction:column;align-items:flex-start}.shelf-head label{width:100%}.brand{font-size:38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}nav a{align-items:center;min-width:44px;min-height:44px;display:inline-flex}
