:root{--surface: #fcfcfb;--plane: #f9f9f7;--ink: #0b0b0b;--ink2: #52514e;--muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--line: rgba(11,11,11,.1);--accent: #2a78d6;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface: #1a1a19;--plane: #0d0d0d;--ink: #ffffff;--ink2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--line: rgba(255,255,255,.1);--accent: #3987e5;color-scheme:dark}}:root[data-theme=dark]{--surface: #1a1a19;--plane: #0d0d0d;--ink: #ffffff;--ink2: #c3c2b7;--muted: #898781;--grid: #2c2c2a;--axis: #383835;--line: rgba(255,255,255,.1);--accent: #3987e5;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--plane);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid var(--line);background:var(--surface)}header .wrap{display:flex;align-items:baseline;justify-content:space-between;padding:16px 20px;gap:16px;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.02em;font-size:18px}.brand span{color:var(--muted);font-weight:500}.tagline{color:var(--ink2);font-size:13.5px;max-width:560px}.controls{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:flex-end;padding:18px 0 6px}.ctl{display:flex;flex-direction:column;gap:5px}.ctl>label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:600}select,.seg,.chipset{font:inherit}select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:14px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{background:var(--surface);color:var(--ink2);border:0;padding:7px 12px;font-size:13px;cursor:pointer;border-right:1px solid var(--line)}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.chipset{display:flex;flex-wrap:wrap;gap:6px;max-width:640px}.chip{display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--ink2);background:var(--surface);-webkit-user-select:none;user-select:none}.chip[data-on=true]{color:var(--ink);border-color:transparent}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.chip[data-disabled=true]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.chip small{color:var(--muted);font-size:11px}main{padding:10px 0 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:18px}.card h2{font-size:15px;margin:0 0 2px}.card .sub{color:var(--muted);font-size:12.5px;margin:0 0 12px}.note{color:var(--muted);font-size:12.5px;margin-top:10px}.note b{color:var(--ink2);font-weight:600}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:2px 0 10px}.legend .item{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--ink2)}.legend .swatch{width:11px;height:11px;border-radius:3px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:6px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left;font-variant-numeric:normal}thead th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.tt{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 11px;box-shadow:0 6px 24px #0000001f;font-size:13px}.tt .tt-h{color:var(--muted);font-size:11px;margin-bottom:5px}.tt .tt-r{display:flex;align-items:center;gap:7px}.tt .tt-r .sw{width:9px;height:9px;border-radius:2px}.tt .tt-v{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.spin{color:var(--muted);font-size:13px;padding:40px 0;text-align:center}.linkbtn{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;padding:0}footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding:18px 0 40px;margin-top:30px}code{font-family:ui-monospace,SF Mono,monospace;background:var(--plane);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12px}
