:root{font-family:system-ui,sans-serif;color:#213334;background:#edf3f0;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}main{max-width:780px;margin:0 auto;padding:32px 22px}h1{font-size:clamp(1.7rem,5vw,2.7rem);letter-spacing:-.055em;line-height:1.1;margin:0 0 25px}label{font-weight:650;display:block;margin-bottom:8px}textarea{display:block;width:100%;min-height:140px;resize:vertical;border:1px solid #aebfb8;border-radius:10px;padding:14px;font:17px/1.6 ui-monospace,monospace;color:inherit;background:#fff}textarea:focus-visible,button:focus-visible{outline:3px solid #15766a;outline-offset:3px}.samples{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 24px}button{font:inherit;border:1px solid #aebfb8;background:transparent;color:inherit;padding:5px 13px;border-radius:20px;cursor:pointer}button:hover{background:#d5e7dd}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 28px}.metric{background:#fff;border:1px solid #d4dfda;border-radius:10px;padding:14px}.metric output{display:block;font-size:clamp(1.5rem,5vw,2.5rem);font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-.04em}.metric span{font-size:12px;color:#50645b}h2{font-size:17px;margin:25px 0 10px}.distribution{display:flex;width:100%;height:18px;background:#d4dfda;border-radius:5px;overflow:hidden}.distribution i:nth-child(1){background:#126857}.distribution i:nth-child(2){background:#579a83}.distribution i:nth-child(3){background:#d4a645}.distribution i:nth-child(4){background:#9a718e}table{border-collapse:collapse;width:100%;font-size:14px;margin-top:12px}th,td{text-align:right;padding:7px 0;border-bottom:1px solid #d4dfda;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}th{color:#50645b;font-weight:500}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #d4dfda;border-radius:9px;padding:14px;min-height:53px;font:13px/1.8 ui-monospace,monospace}small{display:block;color:#50645b;font-size:12px}footer{border-top:1px solid #b9ccc1;margin-top:30px;padding-top:13px;font-size:12px;color:#50645b}a{color:#126857}@media(max-width:440px){main{padding:25px 17px}.metric{padding:11px 9px}.metric span{font-size:11px}textarea{min-height:125px}}