:root{color-scheme:light dark;--bg:#f3f6fa;--card:#fff;--ink:#17253b;--border:#65758c;--blue:#1256a0;--orange:#a43c00;--muted:#47566b} @media(prefers-color-scheme:dark){:root{--bg:#101923;--card:#192635;--ink:#edf3fb;--border:#8c9fb4;--blue:#8ac8ff;--orange:#ffb67d;--muted:#bac8d9}}
:root[data-theme=light]{color-scheme:light;--bg:#f3f6fa;--card:#fff;--ink:#17253b;--border:#65758c;--blue:#1256a0;--orange:#a43c00;--muted:#47566b}
:root[data-theme=dark]{color-scheme:dark;--bg:#101923;--card:#192635;--ink:#edf3fb;--border:#8c9fb4;--blue:#8ac8ff;--orange:#ffb67d;--muted:#bac8d9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,sans-serif}main{max-width:960px;margin:auto;padding:16px}section,header{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{overflow-wrap:anywhere}label{display:block;margin-top:12px;font-weight:600}output{font-variant-numeric:tabular-nums;margin-left:8px}input[type=range]{display:block;width:100%;margin:12px 0 22px;accent-color:var(--blue)}select,button{font:inherit;max-width:100%;padding:9px 12px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:6px}button{cursor:pointer;margin:12px 6px 0 0}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}svg{display:block;width:100%;max-width:600px;margin:auto;background:var(--bg);border:1px solid var(--border)}svg text{fill:var(--ink);font:12px system-ui}svg .curve{stroke:var(--blue)}svg .web{stroke:var(--orange)}svg .axis{stroke:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed}th,td{border:1px solid var(--border);padding:7px;overflow-wrap:anywhere}footer{padding:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:450px){main{padding:10px}section,header{padding:14px}h1{font-size:1.7rem}}