body{color:#1e293b;background:#f8fafc;margin:0;padding:24px;font-family:system-ui,sans-serif}main{max-width:760px;margin:auto}.controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}button{padding:8px 12px}#chart{aspect-ratio:1;background:#fff;width:min(100%,520px);margin-block:16px}#chart.compact{width:min(100%,360px)}output{font-variant-numeric:tabular-nums;min-height:1.5em;display:block}pre{background:#e8eef4;padding:16px;font-size:13px;overflow:auto}nav a{color:#17695f}