:root{--bg: #fbfaf8;--bg-sunk: #f3f1ec;--surface: #ffffff;--surface-2: #f7f5f1;--ink: #16181b;--ink-2: #474b52;--ink-3: #7a7f88;--line: #e7e3dc;--line-2: #d8d3ca;--accent: #9d2b2b;--accent-ink: #ffffff;--accent-soft: #f8ecec;--good: #1f6b46;--good-soft: #e7f2ec;--warn: #8a6210;--warn-soft: #faf1dd;--bad: #93381f;--bad-soft: #fae9e3;--r-sm: 8px;--r: 12px;--r-lg: 18px;--shadow-1: 0 1px 2px rgba(20,22,26,.06), 0 2px 8px rgba(20,22,26,.04);--shadow-2: 0 2px 6px rgba(20,22,26,.07), 0 12px 32px rgba(20,22,26,.08);--sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif: "Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.2,.7,.3,1)}:root[data-theme=dark]{--bg: #0e0f11;--bg-sunk: #0a0b0c;--surface: #16181b;--surface-2: #1d2024;--ink: #edeff3;--ink-2: #c0c5cd;--ink-3: #868c95;--line: #262a2f;--line-2: #333840;--accent: #ec8f8f;--accent-ink: #1b0f0f;--accent-soft: #2b1c1c;--good: #79c99a;--good-soft: #14241b;--warn: #dfbb66;--warn-soft: #241f11;--bad: #eb9a80;--bad-soft: #2a1a14;--shadow-1: 0 1px 2px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.3);--shadow-2: 0 2px 6px rgba(0,0,0,.5), 0 14px 36px rgba(0,0,0,.42)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s var(--ease),color .2s var(--ease)}h1,h2,h3{margin:0;font-family:var(--sans);font-weight:640;letter-spacing:-.021em;line-height:1.25}h1{font-size:1.7rem}h2{font-size:1.18rem}h3{font-size:.98rem;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-underline-offset:2px}code{font:.88em var(--mono)}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.stack{display:grid;gap:10px}.muted{color:var(--ink-3)}.tabular{font-variant-numeric:tabular-nums}.masthead{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}.masthead-in{display:flex;align-items:center;gap:16px;padding:14px 0}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.brand .mark{font:700 .82rem var(--mono);letter-spacing:.1em;color:var(--accent-ink);background:var(--accent);padding:4px 8px;border-radius:6px;white-space:nowrap}.brand .name{font-weight:620;letter-spacing:-.015em;white-space:nowrap}.spacer{flex:1}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;border:0;background:none;font:inherit;font-weight:520;color:var(--ink-3);padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .15s var(--ease),background .15s var(--ease)}.tab:hover{color:var(--ink);background:var(--surface-2)}.tab[aria-selected=true]{color:var(--accent);background:var(--accent-soft);font-weight:620}.theme-toggle{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px}.theme-toggle button{appearance:none;border:0;background:none;cursor:pointer;width:30px;height:26px;border-radius:999px;color:var(--ink-3);display:grid;place-items:center;transition:background .15s var(--ease),color .15s var(--ease)}.theme-toggle button:hover{color:var(--ink)}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-1)}.theme-toggle svg{width:15px;height:15px}.hero{padding:40px 0 8px}.hero p{color:var(--ink-2);max-width:64ch;margin-top:10px;font-size:1.02rem}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:22px 0 16px}.field{position:relative;display:flex;min-width:130px}.field>label{position:absolute;left:13px;top:7px;pointer-events:none;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.field select,.field input{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:23px 13px 8px;min-height:52px;width:100%;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.field select{appearance:none;padding-right:34px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) 25px,calc(100% - 13px) 25px;background-size:5px 5px;background-repeat:no-repeat;color:var(--ink)}.field.grow{flex:1 1 260px}.field select:focus,.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.result-count{color:var(--ink-3);font-size:.88rem;margin-bottom:14px}.result-count b{color:var(--ink);font-weight:620}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow-1)}.card+.card{margin-top:10px}.card-title{margin-bottom:4px}.card-title.serif{font-family:var(--serif);font-weight:520;font-size:1.09rem;line-height:1.5;letter-spacing:-.003em;text-wrap:pretty}.tagrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.tag{font-size:.74rem;line-height:1.95;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.tag.accent{background:var(--accent-soft);color:var(--accent);border-color:transparent}.tag.good{background:var(--good-soft);color:var(--good);border-color:transparent}.tag.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.tag.bad{background:var(--bad-soft);color:var(--bad);border-color:transparent}.linkrow{display:flex;flex-wrap:wrap;gap:16px;font-size:.87rem;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.options{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px}.options li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;text-align:left;padding:11px 14px;line-height:1.55;font-family:var(--serif);font-size:1.02rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2)}.options .marker{font-weight:650;color:var(--ink-3)}.options.pickable li{cursor:pointer;transition:border-color .12s var(--ease),background .12s var(--ease)}.options.pickable li:hover{border-color:var(--line-2);background:var(--surface)}.options.pickable li[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.options.pickable li[aria-pressed=true] .marker{color:var(--accent)}.practice{padding:24px 26px}.practice-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.question{font-family:var(--serif);font-size:1.32rem;line-height:1.5;font-weight:500;margin-top:14px;letter-spacing:-.005em;text-wrap:pretty}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.btn{font:inherit;font-weight:560;padding:10px 18px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}.btn:hover{border-color:var(--line-2);background:var(--surface-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08);background:var(--accent);color:var(--accent-ink)}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.kbd{font:600 .7rem var(--mono);padding:1px 5px;border-radius:4px;border:1px solid currentColor;opacity:.55}.statgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.stat .n{font-size:1.6rem;font-weight:660;letter-spacing:-.025em}.stat .l{color:var(--ink-3);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.callout{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r);padding:16px 20px;color:var(--ink-2);font-size:.93rem}.callout h3{color:var(--ink);margin-bottom:8px}.callout code{background:var(--surface-2);padding:2px 6px;border-radius:5px}pre.sql{margin:10px 0 0;padding:14px 16px;overflow-x:auto;background:var(--bg-sunk);border:1px solid var(--line);border-radius:var(--r-sm);font:.84rem/1.6 var(--mono);color:var(--ink-2)}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.89rem}th,td{padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line)}th{color:var(--ink-3);font-size:.74rem;font-weight:640;text-transform:uppercase;letter-spacing:.06em}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.empty{text-align:center;color:var(--ink-3);padding:56px 24px;border:1px dashed var(--line);border-radius:var(--r)}.spinner{width:18px;height:18px;border-radius:50%;display:inline-block;border:2px solid var(--line);border-top-color:var(--accent);animation:spin .7s linear infinite;vertical-align:-4px;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}footer{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 60px;color:var(--ink-3);font-size:.86rem}@media(max-width:680px){.wrap{padding:0 16px}h1{font-size:1.35rem}.hero{padding:26px 0 4px}.masthead-in{flex-wrap:wrap;gap:10px}.field{min-width:0;flex:1 1 45%}.practice{padding:18px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--st-good:#1f6b46;--st-warn:#8a6210;--st-serious:#93381f;--grid: var(--line)}:root[data-theme=dark]{--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--st-good:#4fa87a;--st-warn:#b98f2a;--st-serious:#c96343}.figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 16px}.figure+.figure{margin-top:10px}.figure figcaption{margin-bottom:16px}.figure figcaption p{font-size:.87rem;margin-top:3px}.fig-note{font-size:.82rem;margin-top:12px}.chartgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;padding:0;font-size:.82rem;color:var(--ink-2)}.legend li{display:flex;align-items:center;gap:6px}.legend b{font-weight:620;color:var(--ink)}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.barrows{display:grid;gap:9px}.barrow{display:grid;grid-template-columns:92px 1fr 54px;gap:12px;align-items:center}.barlabel{font-size:.85rem;color:var(--ink-2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bartrack{height:10px;background:var(--bg-sunk);border-radius:999px;overflow:hidden}.barfill{display:block;height:100%;border-radius:999px;transition:width .5s var(--ease)}.barvalue{font-size:.85rem;color:var(--ink);font-weight:560}.stack{display:flex;align-items:flex-end;gap:10px}.stackcol{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;min-width:0}.stackbar{width:100%;max-width:54px;display:flex;flex-direction:column-reverse;border-radius:5px 5px 0 0;overflow:hidden;transition:height .5s var(--ease)}.stackbar .seg{display:block;box-shadow:0 -2px 0 var(--surface)}.stackbar .seg:first-child{box-shadow:none}.stacktotal{font-size:.74rem;color:var(--ink-3);margin-bottom:5px}.stacklabel{font-size:.76rem;color:var(--ink-3);margin-top:7px;white-space:nowrap}.stackwrap{padding-top:4px}.tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);box-shadow:var(--shadow-2);padding:9px 11px;font-size:.8rem;z-index:5;display:grid;gap:3px;white-space:nowrap;pointer-events:none}.tip span{display:flex;align-items:center;gap:6px;color:var(--ink-2)}.tip b{color:var(--ink);margin-left:auto;padding-left:12px}.dot{width:8px;height:8px;border-radius:2px;flex:none}.meter{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--bg-sunk)}.meter .seg{display:block;box-shadow:2px 0 0 var(--surface)}.meter .seg:last-child{box-shadow:none}.sqlbox{width:100%;font:.86rem/1.6 var(--mono);color:var(--ink);background:var(--bg-sunk);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px;resize:vertical;min-height:110px}.sqlbox:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button.tag{font-family:inherit}button.tag:hover{border-color:var(--accent);color:var(--accent)}.linklist{list-style:none;margin:0;padding:0;display:grid;gap:8px}.linklist li{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.linklist li>span:first-child{min-width:190px;color:var(--ink-3);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.linklist a{word-break:break-all}footer p{max-width:70ch}