:root{--ink:#203b33;--muted:#56665e;--paper:#f8f8f1;--line:#d7dfd3;--accent:#c9e48c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;font-size:17px;line-height:1.85}a{color:inherit;text-underline-offset:5px}button,textarea{font:inherit}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #48752a;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 48px));margin:auto}header{border-bottom:1px solid var(--line)}.header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px;text-decoration:none}.brand-dot{font-size:13px;color:#729944;margin-left:8px}nav{display:flex;gap:26px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding:56px 0 26px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#526b45}h1{font-size:clamp(36px,5vw,62px);line-height:1.22;letter-spacing:-2px;margin:20px 0 24px}h2{font-size:26px;line-height:1.5;letter-spacing:-.7px;margin-top:45px}h3{font-size:21px}.hero>p:last-child,.lead{color:var(--muted);font-size:19px}.tool{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 10px 40px #203b3308}.tool-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.tool h2{margin:0 0 16px;font-size:22px}.badge{font-size:12px;background:#edf4e4;padding:4px 12px;border-radius:40px;white-space:nowrap}label{display:block;font-size:14px;margin:6px 0}textarea{display:block;width:100%;height:180px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:16px;color:var(--ink);background:#fcfcf8;line-height:1.7}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 20px}.controls p{font-size:12px;color:var(--muted)}button,.button{border:1px solid var(--ink);border-radius:7px;background:var(--ink);color:white;padding:8px 18px;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{padding:18px;background:#f0f3ea;border-radius:10px}.stats>div:first-child{background:var(--accent)}.stats span{display:block;font-size:13px}.stats strong{font-size:35px;line-height:1.5;overflow-wrap:anywhere}.stats small{font-size:12px;margin-left:8px}.feedback{font-size:14px;color:var(--muted);margin-bottom:0}.content{max-width:760px;padding:55px 0 85px;margin:auto}.content p{margin:18px 0}.callout{padding:22px 28px;background:#eaf0df;border-left:3px solid #63863e;margin:32px 0;border-radius:0 10px 10px 0}.callout h2,.callout h3{margin-top:0}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650}footer{border-top:1px solid var(--line);background:#ecf0e6;padding:42px 0}footer .brand span{display:block;font-size:13px;font-weight:400;letter-spacing:0}footer nav{margin-top:24px}footer p{font-size:12px;color:var(--muted)}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:#fff;z-index:10}.skip:focus{top:8px}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.header{align-items:flex-start;flex-direction:column;padding:18px 0;gap:12px}nav{gap:16px}.hero{padding-top:32px}.hero h1{font-size:43px}.tool{padding:18px}.tool-heading{display:block}.badge{display:inline-block;margin-bottom:12px}.stats{grid-template-columns:repeat(2,1fr)}.stats strong{font-size:30px}.controls p{max-width:190px}.content{padding:32px 0 55px}h2{font-size:23px}.callout{padding:18px}textarea{height:175px}}