:root{font-family:system-ui,sans-serif;color:#1d3439;background:#f6f8f5;line-height:1.6}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:980px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dae1d9}a{color:#176358}nav,footer{display:flex;gap:22px;flex-wrap:wrap}.brand{text-decoration:none;font-size:26px;font-weight:800;color:#183338}.brand span,h1 span{color:#287668}h1{font-size:clamp(32px,6vw,56px);line-height:1.15;letter-spacing:-1.7px}h2{font-size:21px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}#intro{padding:22px 0}#workspace,#info{background:white;padding:28px;border:1px solid #dce4da;border-radius:16px}#drop{padding:24px;border:2px dashed #a6c4b6;border-radius:10px;background:#f5faf6}#drop.drag{background:#e0f1e4}button{font:inherit;padding:8px 16px;margin:8px 6px 8px 0;background:#edf3ef;border:1px solid #adc1b5;border-radius:6px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.primary{background:#236457;color:white}input[type=text]{width:100%;padding:10px;border:1px solid #adc1b5}code{display:block;overflow-wrap:anywhere;background:#eef4f0;padding:14px;font-size:14px}progress{width:100%;margin-top:18px;accent-color:#287668}#match,#comparison-result{font-weight:700}aside{margin:32px 0;color:#526568}footer{font-size:14px;border-top:1px solid #dae1d9}[hidden]{display:none!important}@media(max-width:550px){header{align-items:start;gap:12px}nav{gap:12px;font-size:13px}#workspace{padding:16px}}