:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#173e48;background:#f4f7f4;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{padding:24px 5%;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d5e1db}.brand{font-size:24px;font-weight:750}.brand span{font-size:10px;letter-spacing:2px;display:block;color:#537574}.pill{font-size:12px;border:1px solid #b5cfc4;border-radius:30px;padding:6px 12px;height:max-content}main{max-width:1400px;margin:auto;padding:40px 5%}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;margin:15px 0 45px}h1{font-size:clamp(32px,4vw,57px);line-height:1.12;letter-spacing:-2px;margin:12px 0 20px}em{font-style:normal;color:#267b67}.eyebrow{letter-spacing:3px;font-size:11px;font-weight:700}.intro{font-size:17px;max-width:650px;color:#526c70}.note{background:#e5efe7;border-radius:18px;padding:26px;align-self:center}.workspace{display:grid;grid-template-columns:1fr 1.35fr;gap:24px}.workspace>*,.method{background:white;border:1px solid #d3e0da;border-radius:18px;padding:25px;min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:19px}textarea{width:100%;padding:14px;background:#f6f8f6;border:1px solid #b1c4bb;border-radius:10px;font:12px/1.55 Consolas,monospace;resize:vertical;min-height:220px}label{display:block;font-size:13px;margin:10px 0}.help,small{font-size:12px;color:#536b69}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}button,.file{font:600 13px Segoe UI,sans-serif;border:1px solid #9ebaae;background:#fff;color:#173e48;padding:11px 14px;border-radius:8px;cursor:pointer}.primary{background:#236e5d;color:white;border-color:#236e5d}.file{margin:0}.file input{max-width:180px;font-size:10px;margin-left:5px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c27128;outline-offset:3px}#error{color:#a12e24}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.card{padding:15px;background:#edf4f0;border-radius:10px}.card b{display:block;font-size:27px}.card span{font-size:11px}.warn{background:#fff2df;padding:12px;border-radius:8px;font-size:13px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px 7px;text-align:left;border-bottom:1px solid #e0e8e2}th{color:#607c75}.bar{background:#e6ede8;height:7px;border-radius:8px;min-width:60px}.bar i{display:block;background:#33826f;height:100%;border-radius:8px}.review{margin-top:20px}.review input{margin-right:8px}.method{margin-top:24px;font-size:14px}footer{text-align:center;padding:25px;color:#60766d;font-size:12px}.empty{padding:45px 15px;color:#6c8278}.skip{position:absolute;left:-10000px}.skip:focus{position:fixed;left:12px;top:5px;background:white;z-index:10}@media(max-width:800px){header{padding:20px}.hero,.workspace{grid-template-columns:1fr}.hero{gap:10px}.cards{grid-template-columns:1fr 1fr}.workspace>*{padding:18px}main{padding:25px 4%}header>.pill{display:none}h1{letter-spacing:-1px}.section-title{flex-wrap:wrap}}