:root,:root[data-theme=dark]{--color-bg: oklch(.13 0 0);--color-bg-raised: oklch(.17 0 0);--color-fg: oklch(.93 .012 75);--color-muted: oklch(.65 .015 75);--color-primary: oklch(.75 .15 55);--color-on-primary: oklch(.15 .03 55);--color-accent: oklch(.62 .1 240);--color-gain: oklch(.72 .15 150);--color-loss: oklch(.64 .2 22);--color-danger: oklch(.64 .2 22);--color-warn: oklch(.8 .13 90);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", Consolas, "Liberation Mono", monospace;--scale-body: 13px;--scale-h1: 20px;--scale-small: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 0 1px var(--color-primary), 0 0 12px color-mix(in oklch, var(--color-primary) 25%, transparent);--z-sticky: 10;--z-dropdown: 15;--z-backdrop: 20;--z-drawer: 30;--z-toast: 40;--z-tooltip: 50;--motion-fast: .12s ease-out;--motion-base: .2s ease-out}:root[data-theme=light]{--color-bg: oklch(1 0 0);--color-bg-raised: oklch(.955 .004 75);--color-fg: oklch(.25 .015 60);--color-muted: oklch(.47 .015 60);--color-primary: oklch(.55 .13 55);--color-on-primary: oklch(1 0 0);--color-accent: oklch(.45 .1 240);--color-gain: oklch(.52 .14 150);--color-loss: oklch(.52 .19 25);--color-danger: oklch(.52 .19 25);--color-warn: oklch(.55 .12 90);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 0 1px var(--color-primary), 0 0 10px color-mix(in oklch, var(--color-primary) 20%, transparent)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion-base: 0ms}}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--scale-body);line-height:1.45}.app{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 30%,transparent)}.topbar h1{font-size:var(--scale-h1);margin:0;font-weight:650}.status-pill{font-size:var(--scale-small);color:var(--color-muted);font-family:var(--font-mono)}.querybar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);align-items:center}.querybar input{flex:1;font-family:var(--font-mono);font-size:var(--scale-body);padding:var(--space-2) var(--space-3);background:var(--color-bg-raised);color:var(--color-fg);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-sm);transition:border-color var(--motion-fast)}.querybar input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}button{font-family:var(--font-sans);font-size:var(--scale-body);color:var(--color-fg);background:var(--color-bg-raised);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background var(--motion-fast)}button:hover{background:color-mix(in srgb,var(--color-primary) 15%,var(--color-bg-raised))}button.primary{background:var(--color-primary);color:var(--color-on-primary);border-color:transparent;font-weight:600}button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}button:disabled{opacity:.5;cursor:not-allowed}.error-banner{margin:0 var(--space-3);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-danger) 12%,var(--color-bg-raised));border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--scale-small)}.grid-wrap{flex:1;overflow:auto;padding:var(--space-2) var(--space-3)}table.results{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums}table.results th{position:sticky;top:0;background:var(--color-bg-raised);text-align:right;padding:var(--space-1) var(--space-2);font-size:var(--scale-small);color:var(--color-muted);cursor:pointer;white-space:nowrap;border-bottom:1px solid color-mix(in srgb,var(--color-muted) 30%,transparent)}table.results th:first-child,table.results td:first-child{text-align:left}table.results td{padding:var(--space-1) var(--space-2);text-align:right;border-bottom:1px solid color-mix(in srgb,var(--color-muted) 12%,transparent);white-space:nowrap}table.results tr:hover td{background:color-mix(in srgb,var(--color-primary) 8%,transparent);cursor:pointer}.num-good{color:var(--color-gain)}.num-bad{color:var(--color-loss)}.num-warn{color:var(--color-warn)}.toolbar{display:flex;gap:var(--space-2);padding:0 var(--space-3) var(--space-2);align-items:center;flex-wrap:wrap}.toolbar .spacer{flex:1}.meta{color:var(--color-muted);font-size:var(--scale-small);font-family:var(--font-mono)}.drawer{position:fixed;top:0;right:0;width:min(560px,92vw);height:100vh;background:var(--color-bg-raised);box-shadow:var(--shadow-md);padding:var(--space-4);overflow:auto;transition:transform var(--motion-base);border-left:1px solid color-mix(in srgb,var(--color-muted) 30%,transparent)}.drawer h2{margin-top:0;font-size:var(--scale-h1)}.drawer table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--scale-small)}.drawer td,.drawer th{padding:var(--space-1) var(--space-2);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 12%,transparent);text-align:right}.drawer td:first-child,.drawer th:first-child{text-align:left}.badge{display:inline-block;font-size:var(--scale-small);font-family:var(--font-mono);padding:0 var(--space-1);border-radius:var(--radius-sm);border:1px solid var(--color-muted);color:var(--color-muted);margin-left:var(--space-1)}.picker{position:relative}.picker-menu{position:absolute;top:110%;left:0;z-index:10;background:var(--color-bg-raised);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);max-height:320px;overflow:auto;min-width:260px}.picker-menu label{display:block;padding:2px var(--space-1);font-family:var(--font-mono);font-size:var(--scale-small);white-space:nowrap}.wordmark-link{text-decoration:none;color:inherit;display:inline-flex}.wordmark{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-family:var(--font-mono);font-size:var(--scale-h1);font-weight:650;letter-spacing:-.01em;color:var(--color-primary)}:root[data-theme=light] .wordmark{color:var(--color-fg)}.views{display:flex;gap:var(--space-1)}.views a{font-family:var(--font-mono);font-size:var(--scale-small);color:var(--color-muted);text-decoration:none;padding:2px var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);transition:color var(--motion-fast),border-color var(--motion-fast)}.views a:hover{color:var(--color-fg)}.views a[aria-current=page]{color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 55%,transparent)}.topbar .spacer{flex:1}.theme-toggle{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);color:var(--color-muted)}.theme-toggle:hover{color:var(--color-fg)}table.results th{z-index:var(--z-sticky)}.picker-menu{z-index:var(--z-dropdown)}.drawer{z-index:var(--z-drawer);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}table.results tr.selected td{background:color-mix(in srgb,var(--color-primary) 12%,transparent);border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary)}table.results tr.selected td:first-child{border-left:1px solid var(--color-primary)}table.results tr.selected td:last-child{border-right:1px solid var(--color-primary)}.view{flex:1;overflow:auto;padding:var(--space-2) var(--space-3) var(--space-8)}.view h2{font-size:var(--scale-h1);margin:var(--space-2) 0 var(--space-4)}.view h3{font-size:var(--scale-body);color:var(--color-muted);font-weight:600;text-transform:none;margin:var(--space-6) 0 var(--space-2)}.view h3:first-child{margin-top:0}.status-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:980px}.stat-line{display:flex;align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);flex-wrap:wrap}.stat{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:18px;font-weight:650}table.kv,table.bars{border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--scale-small);width:100%;max-width:440px}table.kv th,table.bars th{text-align:left;font-weight:400;color:var(--color-muted);padding:var(--space-1) var(--space-2) var(--space-1) 0;white-space:nowrap}table.kv td{text-align:right;padding:var(--space-1) 0}td.bars-track{width:60%;padding:0 var(--space-2)}td.bars-count{text-align:right;padding:var(--space-1) 0;white-space:nowrap}.bar{fill:color-mix(in srgb,var(--color-fg) 55%,transparent)}.bar.warn{fill:var(--color-warn)}.gauge{max-width:440px;display:block}.gauge-track{fill:color-mix(in srgb,var(--color-muted) 22%,transparent)}.gauge-fill{fill:var(--color-accent)}.pill{display:inline-block;font-family:var(--font-mono);font-size:var(--scale-small);padding:0 var(--space-2);border-radius:var(--radius-md);border:1px solid}.pill-ok{color:var(--color-gain);border-color:color-mix(in srgb,var(--color-gain) 55%,transparent)}.pill-warn{color:var(--color-warn);border-color:color-mix(in srgb,var(--color-warn) 55%,transparent)}.pill-muted{color:var(--color-muted);border-color:color-mix(in srgb,var(--color-muted) 55%,transparent)}table.inventory{border-collapse:collapse;width:100%;max-width:880px;font-size:var(--scale-body)}table.inventory th,table.inventory td{text-align:left;padding:var(--space-1) var(--space-3) var(--space-1) 0;border-bottom:1px solid color-mix(in srgb,var(--color-muted) 12%,transparent);vertical-align:top}table.inventory thead th{font-family:var(--font-mono);font-size:var(--scale-small);font-weight:400;color:var(--color-muted)}table.inventory tbody th{font-family:var(--font-mono);font-weight:650}table.inventory td.note{color:var(--color-muted);max-width:44ch}.teach{max-width:72ch;line-height:1.55}.teach code{font-family:var(--font-mono);background:var(--color-bg-raised);border:1px solid color-mix(in srgb,var(--color-muted) 30%,transparent);border-radius:var(--radius-sm);padding:0 var(--space-1)}.firstrun{padding:var(--space-6) 0}.firstrun h3{margin:0 0 var(--space-2);font-size:var(--scale-body);color:var(--color-fg)}.firstrun a{color:var(--color-primary)}.theme-pref{border:none;padding:0;margin:0}.theme-pref label{display:block;padding:2px 0}.skeleton-block{height:72px;max-width:440px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-muted) 12%,transparent);margin-bottom:var(--space-3);animation:skeleton-pulse 1.2s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:1}to{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton-block{animation:none}}.searchbox{position:relative}.searchbox input{font-family:var(--font-mono);font-size:var(--scale-small);width:180px;padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-fg);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-sm);transition:border-color var(--motion-fast)}.searchbox input:focus{outline:none;border-color:var(--color-primary)}.searchbox-results{position:absolute;top:calc(100% + 4px);right:0;z-index:30;min-width:280px;max-height:320px;overflow-y:auto;margin:0;padding:var(--space-1);list-style:none;background:var(--color-bg-raised);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-sm);box-shadow:0 8px 24px color-mix(in srgb,var(--color-bg) 60%,transparent)}.searchbox-results li{padding:var(--space-1) var(--space-2);font-size:var(--scale-small);border-radius:var(--radius-sm);cursor:pointer}.searchbox-results li:hover{background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.coverage-banner{padding:var(--space-1) var(--space-3);font-size:var(--scale-small);color:var(--color-muted);background:color-mix(in srgb,var(--color-primary) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-muted) 25%,transparent)}.coverage-banner a{color:var(--color-primary)}.price-chart{margin:var(--space-2) 0 var(--space-3)}.price-chart svg{display:block;width:100%;height:120px;overflow:visible}.price-chart-line{fill:none;stroke:var(--color-primary);stroke-width:1.5;vector-effect:non-scaling-stroke}.price-chart-meta{display:flex;justify-content:space-between;font-size:var(--scale-small);color:var(--color-muted);font-variant-numeric:tabular-nums}.querybuilder{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.querybuilder select,.querybuilder input{font-family:var(--font-mono);font-size:var(--scale-small);padding:var(--space-1) var(--space-2);background:var(--color-bg);color:var(--color-fg);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:var(--radius-sm)}.querybuilder input[type=number]{width:110px}.querybuilder input:focus,.querybuilder select:focus{outline:none;border-color:var(--color-primary)}.qb-row{display:inline-flex;align-items:center;gap:var(--space-1)}.qb-starters{flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}.qb-chip{font-family:var(--font-mono);font-size:var(--scale-small);padding:0 var(--space-2);background:transparent;color:var(--color-fg);border:1px solid color-mix(in srgb,var(--color-muted) 40%,transparent);border-radius:999px;cursor:pointer}.qb-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.qb-subgroup{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1);border:1px dashed color-mix(in srgb,var(--color-muted) 50%,transparent);border-radius:var(--radius-sm)}.qb-op{font-family:var(--font-mono);font-weight:600;min-width:3.5ch}.qb-preview{font-size:var(--scale-small);color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40ch}