:root{font-family:system-ui,sans-serif;color:#193b3c;background:#f2f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:64px auto;padding:0 28px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:750;color:#477466}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-.045em;margin:18px 0}.intro{font-size:19px;max-width:680px;line-height:1.6;color:#4a6460}form{margin-top:32px;padding:28px;background:white;border:1px solid #d8e3d9;border-radius:18px;box-shadow:0 10px 35px #254b3910}label{display:block;font-weight:650;font-size:14px}#hint,footer{font-size:13px;color:#536964;line-height:1.7}textarea,select{width:100%;border:1px solid #a9beb2;border-radius:8px;padding:12px;background:#fbfcfa;color:#193b3c;font:inherit}textarea{font-family:ui-monospace,monospace;line-height:1.8;resize:vertical}.zones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.zones label{margin-bottom:8px}button{border:0;border-radius:9px;background:#17634c;color:white;padding:14px 22px;font:inherit;font-weight:650;cursor:pointer}button span{margin-left:18px}:focus-visible{outline:3px solid #db9e26;outline-offset:3px}#status{font-weight:650;margin-top:28px}.results{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white;font-size:14px}th,td{text-align:left;padding:16px;border-bottom:1px solid #dce5dd;white-space:nowrap}th{background:#e3ede4;font-size:12px}.error{color:#9b381c;white-space:normal}footer{margin:24px 0 48px}@media(max-width:750px){main{margin-top:32px;padding:0 16px}form{padding:20px}.zones{grid-template-columns:1fr 1fr}}@media(max-width:400px){.zones{grid-template-columns:1fr}}
