:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#27322f;background:#f3f4ee;line-height:1.55;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#215a43;text-underline-offset:3px}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px}button{cursor:pointer}header,footer{max-width:1180px;margin:auto;padding:27px 32px;display:flex;align-items:center;gap:28px}header{border-bottom:1px solid #d9dfd5}header>span{font-size:12px;color:#667169;margin-right:auto}.brand{font-size:24px;letter-spacing:-1px;font-weight:750;text-decoration:none;color:#273c31}.brand span{display:inline-flex;align-items:center;justify-content:center;background:#d1e0bb;border-radius:9px;width:31px;height:31px;margin-right:7px}header>a:last-child{font-size:13px}main{max-width:1120px;margin:auto;padding:0 32px}.intro{padding:56px 0 36px;max-width:730px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#6b7663;margin:0 0 15px}h1{font-size:clamp(38px,5.9vw,66px);letter-spacing:-3px;line-height:1.04;font-weight:600;margin:0 0 23px}.lede{font-size:18px;color:#59655e;max-width:610px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tags span{border:1px solid #cfd8c7;border-radius:50px;padding:5px 11px;font-size:11px;color:#4d624f}.workspace{background:#fffefa;border:1px solid #cdd6c9;border-radius:14px;box-shadow:0 10px 32px #30412908;overflow:hidden}.workspace form,#results{padding:28px 30px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}h2{letter-spacing:-.7px;font-size:23px;line-height:1.25;margin:0}h3{font-size:15px;margin:22px 0 6px}p{margin:10px 0}.quiet{border:1px solid #d4dcd0;background:transparent;border-radius:6px;padding:8px 12px;font-size:12px;color:#3d5946}.quiet:hover{background:#e8eee1}label{display:block;font-size:12px;font-weight:600;margin:0 0 7px}.file-label{display:flex;align-items:center;gap:17px;background:#f1f4ec;border:1px dashed #a9baa0;border-radius:7px;padding:13px;margin:0 0 22px;flex-wrap:wrap}.file-label input{font-size:12px;font-weight:400;max-width:100%}input:not([type=checkbox]):not([type=file]),textarea{border:1px solid #b8c6b1;background:#fff;border-radius:7px;padding:12px;color:#283c2b}textarea{display:block;width:100%;min-height:205px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.65;tab-size:2}.hint,small{font-size:12px;line-height:1.6;color:#6a746d}.hint{max-width:760px}.options{margin:23px 0;display:flex;gap:30px;align-items:center;flex-wrap:wrap}.options small{display:block;margin-top:5px}.options input:not([type=checkbox]){padding:8px 10px;min-width:240px}.check{display:flex;align-items:center;gap:8px;font-weight:400;font-size:12px}.check input{accent-color:#34613e;min-height:18px;min-width:18px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}.primary{border:1px solid #244d35;background:#2f573d;color:#fff;font-size:13px;font-weight:600;text-decoration:none;padding:11px 17px;border-radius:7px;display:inline-flex;gap:20px;align-items:center}.primary:hover{background:#21452d}#status{font-size:12px;color:#4b6651;margin-top:13px;min-height:20px}#results{border-top:1px solid #d9e1d4;background:#f8faf4}.result-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#60725d}.stats{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:12px}.stats strong{font-size:20px;letter-spacing:-.5px;color:#2a5739}.tree{max-height:440px;overflow:auto;padding:17px 18px 17px 36px;background:#fff;border:1px solid #dce3d6;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.tree ul{padding-left:25px;border-left:1px solid #d9e2d3;margin-left:3px}.tree li{padding:4px 0 4px 5px}.tree li strong{font-size:13px}.tree small{display:block}#warning-box{border-left:3px solid #b67c37;padding:0 15px;margin:15px 0;color:#5b5038;font-size:12px}#warning-box h3{font-size:13px}details{margin-top:22px;font-size:12px}summary{cursor:pointer;color:#42624b;margin-bottom:10px}#output{min-height:190px}.explain{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:65px 0 38px}.explain h2{font-size:32px;letter-spacing:-1px}.explain h3:first-child{margin-top:0}.explain p,.guide li,.evidence p{font-size:13px;color:#617066}code{font-family:ui-monospace,Consolas,monospace;font-size:.94em;background:#e8ede1;padding:2px 4px;border-radius:3px}.guide{border-top:1px solid #d7dfd0;padding:30px 0}.guide ol{padding-left:22px;max-width:800px}.guide li{padding:8px 0 8px 6px}.guide li strong{color:#354b3d}.evidence{padding:26px 0 45px;border-top:1px solid #d7dfd0}.evidence p{max-width:850px}.evidence h2{font-size:20px}footer{border-top:1px solid #d7dfd0;font-size:11px;color:#6f7a70}footer p{margin-right:auto}.skip{position:absolute;left:16px;top:-70px;background:#fff;padding:12px;z-index:10}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px 20px;gap:15px}header>span{display:none}header>a:last-child{margin-left:auto}main{padding:0 18px}.intro{padding-top:35px}h1{letter-spacing:-1.8px}.lede{font-size:16px}.workspace form,#results{padding:20px 17px}.panel-heading{align-items:flex-start;flex-direction:column;gap:13px}.explain{grid-template-columns:1fr;gap:23px;padding-top:40px}.options{gap:18px}.file-label{gap:9px}.tags{gap:6px}.tags span{font-size:10px}footer{padding:22px 20px;flex-wrap:wrap;gap:10px}footer p{width:100%;order:3}.stats{gap:9px}.options input:not([type=checkbox]){min-width:0;width:100%}}