@layer reset,tokens,base,components,utilities,overrides;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}html{scrollbar-gutter:stable}body{line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}a{color:inherit;text-decoration:none}table{border-collapse:collapse}:where(:focus-visible){outline:2px solid var(--accent, currentColor);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:0;inset-block-start:0;transform:translateY(-200%);padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--bg);z-index:100;transition:transform .15s ease;&:focus-visible{transform:translateY(0)}}}@layer tokens{@property --r-2{syntax: "<length>"; inherits: true; initial-value: 8px;}@property --bg{syntax: "<color>"; inherits: true; initial-value: #fafafa;}@property --fg{syntax: "<color>"; inherits: true; initial-value: #111;}@property --accent{syntax: "<color>"; inherits: true; initial-value: #2563eb;}:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, "Cascadia Mono", "Roboto Mono", Consolas, monospace;--fs-1: clamp(.78rem, .76rem + .1vw, .85rem);--fs-2: clamp(.92rem, .88rem + .2vw, 1rem);--fs-3: clamp(1.05rem, .98rem + .35vw, 1.2rem);--fs-4: clamp(1.25rem, 1.12rem + .6vw, 1.6rem);--fs-5: clamp(1.6rem, 1.4rem + 1vw, 2.25rem);--sp-0: 0;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: clamp(2rem, 1.75rem + 1vw, 3rem);--sp-7: clamp(3rem, 2.5rem + 2vw, 4.5rem);--sp-8: clamp(4rem, 3.25rem + 3vw, 6rem);--sp-section: clamp(2rem, 1rem + 4vw, 4rem);--sp-page: clamp(1rem, .5rem + 2vw, 2.5rem);--r-1: 4px;--r-2: 8px;--r-3: 14px;--r-pill: 9999px;--bw-1: 1px;--bw-2: 2px;--shadow-1: 0 1px 2px rgb(0 0 0 / .04), 0 4px 12px rgb(0 0 0 / .04);--shadow-2: 0 2px 4px rgb(0 0 0 / .06), 0 12px 32px rgb(0 0 0 / .08);--layout-max: 1400px;--side-w: 240px;--header-h: 56px;--transition-fast: .12s ease;--transition-med: .22s ease;accent-color:var(--accent)}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-med: 0ms}}}@layer tokens{:root[data-theme=auto]{color-scheme:light dark;--bg: light-dark(oklch(98% .005 250), oklch(15% 0 0));--bg-elev: light-dark(oklch(100% 0 0), oklch(20% 0 0));--bg-sunken: light-dark(oklch(96% .005 250), oklch(13% .005 200));--fg: light-dark(oklch(20% .02 250), oklch(96% .003 200));--fg-muted: color-mix(in oklab, var(--fg), transparent 22%);--fg-subtle: color-mix(in oklab, var(--fg), transparent 44%);--border: light-dark(oklch(90% .01 250), color-mix(in oklab, white, transparent 92%));--border-strong: light-dark(oklch(80% .015 250), color-mix(in oklab, white, transparent 86%));--accent: light-dark(oklch(60% .18 255), oklch(50% .16 155));--pos: light-dark(oklch(55% .16 145), oklch(62% .16 145));--neg: light-dark(oklch(55% .2 25), oklch(60% .2 25));--warn: light-dark(oklch(65% .16 75), oklch(70% .16 75));--info: light-dark(oklch(60% .14 220), oklch(60% .14 220));--accent-soft: color-mix(in oklab, var(--accent), var(--bg) 80%);--accent-ring: rgb(from var(--accent) r g b / .32);--pos-soft: color-mix(in oklab, var(--pos), var(--bg) 80%);--neg-soft: color-mix(in oklab, var(--neg), var(--bg) 80%)}}@layer tokens{:root[data-theme=light]{color-scheme:light;--bg: oklch(98% .005 250);--bg-elev: oklch(100% 0 0);--bg-sunken: oklch(96% .005 250);--fg: oklch(20% .02 250);--fg-muted: oklch(50% .02 250);--fg-subtle: oklch(65% .02 250);--border: oklch(90% .01 250);--border-strong: oklch(80% .015 250);--accent: oklch(60% .18 255);--pos: oklch(55% .16 145);--neg: oklch(55% .2 25);--warn: oklch(65% .16 75);--info: oklch(60% .14 220);--accent-soft: color-mix(in oklab, var(--accent), var(--bg) 80%);--accent-ring: rgb(from var(--accent) r g b / .35);--pos-soft: color-mix(in oklab, var(--pos), var(--bg) 80%);--neg-soft: color-mix(in oklab, var(--neg), var(--bg) 80%)}}@layer tokens{:root[data-theme=dark]{color-scheme:dark;--bg: oklch(15% 0 0);--bg-elev: oklch(20% 0 0);--bg-sunken: oklch(13% .005 200);--fg: oklch(96% .003 200);--fg-muted: color-mix(in oklab, var(--fg), transparent 22%);--fg-subtle: color-mix(in oklab, var(--fg), transparent 44%);--border: color-mix(in oklab, white, transparent 92%);--border-strong: color-mix(in oklab, white, transparent 86%);--accent: oklch(50% .16 155);--pos: oklch(62% .16 145);--neg: oklch(60% .2 25);--warn: oklch(70% .16 75);--info: oklch(60% .14 220);--accent-soft: color-mix(in oklab, var(--accent), var(--bg) 80%);--accent-ring: rgb(from var(--accent) r g b / .32);--pos-soft: color-mix(in oklab, var(--pos), var(--bg) 80%);--neg-soft: color-mix(in oklab, var(--neg), var(--bg) 80%)}}@layer tokens{:root[data-theme=midnight]{color-scheme:dark;--bg: oklch(10% .025 270);--bg-elev: oklch(15% .03 270);--bg-sunken: oklch(7% .025 270);--fg: oklch(94% .02 270);--fg-muted: oklch(68% .025 270);--fg-subtle: oklch(50% .025 270);--border: oklch(24% .03 270);--border-strong: oklch(34% .035 270);--accent: oklch(75% .18 295);--pos: oklch(75% .18 160);--neg: oklch(70% .22 15);--warn: oklch(80% .16 70);--info: oklch(72% .16 230);--accent-soft: color-mix(in oklab, var(--accent), var(--bg) 75%);--accent-ring: rgb(from var(--accent) r g b / .5);--pos-soft: color-mix(in oklab, var(--pos), var(--bg) 78%);--neg-soft: color-mix(in oklab, var(--neg), var(--bg) 78%)}}@layer tokens{:root[data-theme=solarized]{color-scheme:light;--bg: oklch(96% .025 90);--bg-elev: oklch(98% .02 90);--bg-sunken: oklch(92% .03 90);--fg: oklch(35% .04 220);--fg-muted: oklch(50% .04 220);--fg-subtle: oklch(62% .04 220);--border: oklch(85% .04 90);--border-strong: oklch(72% .045 90);--accent: oklch(55% .15 220);--pos: oklch(58% .15 140);--neg: oklch(55% .18 30);--warn: oklch(70% .15 70);--info: oklch(60% .13 200);--accent-soft: color-mix(in oklab, var(--accent), var(--bg) 80%);--accent-ring: rgb(from var(--accent) r g b / .35);--pos-soft: color-mix(in oklab, var(--pos), var(--bg) 80%);--neg-soft: color-mix(in oklab, var(--neg), var(--bg) 80%)}}@layer tokens{:root[data-theme=high-contrast]{color-scheme:light;--bg: oklch(100% 0 0);--bg-elev: oklch(100% 0 0);--bg-sunken: oklch(95% 0 0);--fg: oklch(0% 0 0);--fg-muted: oklch(20% 0 0);--fg-subtle: oklch(30% 0 0);--border: oklch(0% 0 0);--border-strong: oklch(0% 0 0);--accent: oklch(45% .25 260);--pos: oklch(40% .18 145);--neg: oklch(45% .25 25);--warn: oklch(55% .18 70);--info: oklch(45% .18 220);--accent-soft: var(--bg);--accent-ring: var(--fg);--pos-soft: var(--bg);--neg-soft: var(--bg);--bw-1: 2px;--bw-2: 3px}}@layer base{html{background:var(--bg);accent-color:var(--accent)}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--fs-2)}:root[data-theme=auto] body,:root[data-theme=dark] body{background:radial-gradient(circle at top,rgb(from var(--accent) r g b / .14),transparent 28rem),linear-gradient(180deg,var(--bg-sunken) 0%,var(--bg) 100%)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--transition-med)}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}.flow>*+*{margin-block-start:var(--sp-4)}a:where(.link){color:var(--accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;&:hover{text-decoration-thickness:2px}}hr{border:0;border-top:var(--bw-1) solid var(--border);margin-block:var(--sp-4)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}kbd{padding:2px 6px;border-radius:var(--r-1);background:var(--bg-sunken);border:var(--bw-1) solid var(--border)}:where(button.btn,.btn){display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);background:var(--bg-elev);color:var(--fg);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);&:hover{background:color-mix(in oklab,var(--bg-elev),white 4%);border-color:var(--border-strong)}&:disabled{opacity:.5;cursor:not-allowed}}:where(button.btn--primary){background:var(--accent);color:var(--bg);border-color:transparent;&:hover{background:color-mix(in oklab,var(--accent),var(--fg) 12%)}}:where(button.btn--ghost){background:transparent;border-color:transparent;&:hover{background:var(--bg-sunken)}}:where(input,textarea,select){background:color-mix(in oklab,var(--bg-elev),white 3%);color:var(--fg);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);padding:var(--sp-2) var(--sp-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);&:focus-visible{outline:0;border-color:color-mix(in oklab,var(--accent),white 18%);box-shadow:0 0 0 3px var(--accent-ring);background:color-mix(in oklab,var(--bg-elev),white 5%)}}:where(input,textarea):user-invalid{border-color:var(--neg)}.field{display:grid;gap:var(--sp-1);&:has(:user-invalid)>label,&:has(:user-invalid)>.hint{color:var(--neg)}}textarea{field-sizing:content;min-height:4lh}.card{background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-3);padding:var(--sp-5);box-shadow:var(--shadow-1)}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-1);background:var(--bg-sunken);border:var(--bw-1) solid var(--border);&.pill--pos{background:var(--pos-soft);border-color:var(--pos);color:var(--pos)}&.pill--neg{background:var(--neg-soft);border-color:var(--neg);color:var(--neg)}&.pill--accent{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}}.error[role=alert]{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);background:var(--neg-soft);border:var(--bw-1) solid var(--neg);color:var(--neg)}.heavy{content-visibility:auto}.card-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%;&:hover .card{border-color:var(--accent)}}}@layer components{app-shell{display:grid;grid-template-rows:var(--header-h) 1fr;grid-template-columns:1fr;min-height:100dvh;container-type:inline-size;& header.app-bar{grid-column:1 / -1;display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-4);border-bottom:var(--bw-1) solid var(--border);background:var(--bg-elev);view-transition-name:app-bar}.brand{font-size:var(--fs-3);font-weight:700;letter-spacing:-.01em;color:var(--fg);text-decoration:none}.spacer{flex:1}.body{display:grid;grid-template-columns:1fr;min-height:0;>aside{display:none}@container (min-width: 900px){grid-template-columns:var(--side-w) 1fr;>aside{display:block}}}& main{padding:var(--sp-5) var(--sp-4);max-width:var(--layout-max);margin-inline:auto;width:100%;view-transition-name:main}.footer{grid-column:1 / -1;padding:var(--sp-4);border-top:var(--bw-1) solid var(--border);color:var(--fg-muted);font-size:var(--fs-1);text-align:center}}side-nav{display:block;padding:var(--sp-4);background:var(--bg-sunken);border-inline-end:var(--bw-1) solid var(--border);min-height:100%;& nav{display:flex;flex-direction:column;gap:var(--sp-1)}& a{display:flex;align-items:center;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);color:var(--fg-muted);text-decoration:none;font-size:var(--fs-2);transition:background var(--transition-fast),color var(--transition-fast);&:hover{background:var(--bg-elev);color:var(--fg)}&[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}}}theme-switcher{display:inline-flex;align-items:center;gap:var(--sp-2);& label{font-size:var(--fs-1);color:var(--fg-muted)}& select{background:var(--bg-elev);color:var(--fg);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-1)}}viewport-gate{display:block;container-type:inline-size;.banner{padding:var(--sp-3) var(--sp-4);border:var(--bw-1) solid var(--warn);background:color-mix(in oklab,var(--warn),var(--bg) 85%);border-radius:var(--r-2);margin-bottom:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);& header{font-weight:600}}& button{align-self:flex-start;padding:var(--sp-1) var(--sp-3);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);cursor:pointer}}empty-state{display:grid;place-items:center;padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--fg-muted);.title{font-size:var(--fs-3);color:var(--fg);margin-bottom:var(--sp-2)}.body{max-width:38ch;margin:0 auto}}address-chip{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-1);max-width:100%;min-width:0;.avatar{width:18px;height:18px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-sunken);border:var(--bw-1) solid var(--border)}.text,a{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:24ch}.text.mono{font-family:var(--font-mono)}.text.name{font-family:var(--font-sans);font-weight:600}.ext{color:var(--fg-muted);text-decoration:none;&:hover{color:var(--accent)}}& button.copy{background:transparent;border:0;padding:0 var(--sp-1);color:var(--fg-muted);cursor:pointer;font-size:var(--fs-1);line-height:1;&:hover{color:var(--accent)}}.ok{color:var(--pos)}}tx-chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-1);& a{color:inherit;text-decoration:none;&:hover{color:var(--accent)}}.ext{color:var(--fg-muted)}}money-cell{display:inline-flex;flex-direction:column;font-variant-numeric:tabular-nums;.native{font-family:var(--font-mono);font-size:var(--fs-2)}.usd{font-size:var(--fs-1);color:var(--fg-muted)}.symbol{color:var(--fg-muted);margin-inline-start:2px}}refresh-button{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-1);& button{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);background:var(--bg-elev);color:var(--fg);cursor:pointer;font-size:var(--fs-1);&:hover{background:var(--bg-sunken)}&:disabled{opacity:.5;cursor:not-allowed}}.stamp{color:var(--fg-muted)}.spin{display:inline-block;animation:spin 1s linear infinite}}@media(prefers-reduced-motion:reduce){refresh-button .spin{animation:none}}@keyframes spin{to{transform:rotate(360deg)}}date-range{display:inline-flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;& label{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-1);color:var(--fg-muted)}& input[type=date]{background:var(--bg-elev);color:var(--fg);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-1)}.hint{font-size:var(--fs-1);color:var(--fg-muted)}}job-type-toggle{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-1);.group{display:inline-flex;border:var(--bw-1) solid var(--border);border-radius:var(--r-2);overflow:hidden}& button{padding:var(--sp-1) var(--sp-3);background:var(--bg-elev);color:var(--fg);border:0;border-inline-end:var(--bw-1) solid var(--border);cursor:pointer;font-size:var(--fs-1);&:last-child{border-inline-end:0}&[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}}& span.label{color:var(--fg-muted)}}.pillgroup{display:inline-flex;border:var(--bw-1) solid var(--border);border-radius:var(--r-2);overflow:hidden;& button{padding:var(--sp-1) var(--sp-3);background:var(--bg-elev);color:var(--fg);border:0;border-inline-end:var(--bw-1) solid var(--border);cursor:pointer;font-size:var(--fs-1);&:last-child{border-inline-end:0}&[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}}}data-table{display:block;container-type:inline-size;.scroll{overflow-x:auto;border:var(--bw-1) solid var(--border);border-radius:var(--r-3);background:var(--bg-elev)}& table{width:100%;border-collapse:collapse;font-size:var(--fs-1)}.scroll>.caption,caption{text-align:start;padding:var(--sp-3) var(--sp-4);font-weight:600;color:var(--fg)}& th,td{padding:var(--sp-2) var(--sp-3);border-bottom:var(--bw-1) solid var(--border);text-align:start;vertical-align:middle}& th{color:var(--fg-muted);font-weight:600;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-sunken);position:sticky;top:0}& td.end,th.end{text-align:end}& td.center,th.center{text-align:center}& td.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& tbody tr{cursor:default;&:hover{background:var(--bg-sunken)}&.linkable{cursor:pointer}&.linkable:hover{background:var(--accent-soft)}&:last-child td{border-bottom:0}}.empty{padding:var(--sp-6);text-align:center;color:var(--fg-muted)}.mono{font-family:var(--font-mono)}@container (max-width: 640px){& table,thead,tbody,tr,th,td{display:block}& thead{display:none}& tr{display:grid;grid-template-columns:max-content 1fr;gap:4px var(--sp-3);padding:var(--sp-3);border-bottom:var(--bw-1) solid var(--border)}& td{border:0;padding:0;&:before{content:attr(data-label);color:var(--fg-muted);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.04em}}}}time-chart,bar-chart{display:block;.chart{width:100%;height:var(--chart-height, 320px)}}ai-result{display:block;.images{display:grid;grid-template-columns:1fr;gap:var(--sp-3);container-type:inline-size;@container (min-width: 480px){grid-template-columns:repeat(2,1fr)}@container (min-width: 800px){grid-template-columns:repeat(3,1fr)}}& figure{margin:0;padding:var(--sp-2);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);display:grid;gap:var(--sp-2)}& img,video{max-width:100%;height:auto;border-radius:var(--r-1);background:var(--bg-sunken)}& figcaption{font-size:var(--fs-1);color:var(--fg-muted);display:flex;gap:var(--sp-2);flex-wrap:wrap;& a{color:var(--accent)}}.text-block{padding:var(--sp-3);background:var(--bg-sunken);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);max-height:60vh;overflow:auto}& audio{width:100%}}history-list{display:block;.head{display:flex;gap:var(--sp-2);align-items:center;justify-content:space-between;margin-bottom:var(--sp-2);& h4{margin:0;font-size:var(--fs-2)}}.empty{color:var(--fg-muted);font-size:var(--fs-1)}& ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2)}& li{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-2)}.meta{font-size:var(--fs-1);color:var(--fg-muted)}.summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56ch;font-size:var(--fs-1)}& button{font-size:var(--fs-1)}.row-actions{display:flex;gap:var(--sp-2);justify-content:flex-end;align-items:center;margin:0;padding:0;list-style:none}.clear{font-size:var(--fs-1);color:var(--fg-muted);background:transparent;border:0;cursor:pointer}}markdown-view{display:block;color:var(--fg);line-height:1.6;font-size:var(--fs-2);overflow-wrap:anywhere;& h1,h2,h3,h4,h5{margin-top:var(--sp-5);margin-bottom:var(--sp-2);line-height:1.25}& h1{font-size:var(--fs-4)}& h2{font-size:var(--fs-3)}& h3{font-size:var(--fs-2);font-weight:700}& p,ul,ol,blockquote,pre,table{margin-block:var(--sp-3)}& ul,ol{padding-inline-start:var(--sp-5)}& code{font-family:var(--font-mono);background:var(--bg-sunken);padding:1px 4px;border-radius:var(--r-1);font-size:.92em}& pre{background:var(--bg-sunken);padding:var(--sp-3);border-radius:var(--r-2);overflow-x:auto;& code{background:transparent;padding:0}}& a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}& blockquote{padding-inline-start:var(--sp-4);border-inline-start:3px solid var(--border-strong);color:var(--fg-muted)}& table{border-collapse:collapse}& th,td{border:var(--bw-1) solid var(--border);padding:var(--sp-1) var(--sp-3)}& hr{border:0;border-top:var(--bw-1) solid var(--border);margin-block:var(--sp-4)}}[class~=page]{display:block;container-type:inline-size}.page-head{margin-bottom:var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:end;justify-content:space-between;& h2{font-size:var(--fs-5);margin-bottom:var(--sp-1)}.lede{color:var(--fg-muted)}.controls{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}}.crumb{color:var(--fg-muted);font-size:var(--fs-1);margin-bottom:var(--sp-2);& a{color:var(--accent)}}.row-actions{margin-top:var(--sp-4);display:flex;gap:var(--sp-3);align-items:center}dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-2) var(--sp-5);margin:0;& dt{color:var(--fg-muted)}& dd{margin:0;font-family:var(--font-mono)}}view-dashboard{display:block;container-type:inline-size;.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:var(--sp-4);align-items:start}.span-2,.span-3{grid-column:1 / -1}.card{padding:var(--sp-4);display:grid;gap:var(--sp-2);align-content:start;width:100%;height:100%;box-sizing:border-box;& h3{font-size:var(--fs-2);color:var(--fg-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);container-type:inline-size}.stat .value{font-size:var(--fs-4);font-family:var(--font-mono)}.stat .label,.stat .sub{font-size:var(--fs-1);color:var(--fg-muted)}& ol{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-2)}& li{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);align-items:baseline}.name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{color:var(--fg-muted);font-size:var(--fs-1);white-space:nowrap}.footer-links{margin-top:var(--sp-2);& a{color:var(--accent)}}.pill-tile{padding:var(--sp-3);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);display:flex;flex-direction:column;gap:var(--sp-1);.num{font-size:var(--fs-3);font-family:var(--font-mono)}}}:where(view-orchestrators-list,view-orchestrator-detail,view-delegators-list,view-delegator-detail,view-gateways-list,view-gateway-detail,view-rounds-list,view-round-detail,view-governance-proposals,view-governance-proposal-detail,view-governance-votes,view-reports-hub,view-payouts-summary,view-payouts-leaderboard,view-rewards-leaderboard,view-tickets-timeseries,view-leaderboard-perf,view-stats-perf,view-network-capabilities,view-ai-settings,view-ai-generator,view-llm,view-text-to-image,view-image-to-image,view-image-to-video,view-image-to-text,view-audio-to-text,view-text-to-speech,view-upscale,view-segment-anything,view-byoc-openai){display:block}:where(view-orchestrator-detail,view-delegator-detail,view-gateway-detail,view-round-detail,view-governance-proposal-detail){& section{margin-bottom:var(--sp-6);& header{display:flex;gap:var(--sp-3);align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:var(--sp-3);.controls{display:flex;gap:var(--sp-2);flex-wrap:wrap}}& h3{font-size:var(--fs-3)}}& h2{font-size:var(--fs-5);margin-bottom:var(--sp-1);display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}}view-gateway-detail .totals,view-payouts-summary .totals,view-governance-proposal-detail .tally{display:grid;grid-template-columns:1fr;gap:var(--sp-4);container-type:inline-size}@container (min-width: 720px){view-gateway-detail .totals,view-payouts-summary .totals{grid-template-columns:repeat(4,1fr)}view-governance-proposal-detail .tally{grid-template-columns:repeat(3,1fr)}}.stat .value{font-family:var(--font-mono);font-size:var(--fs-4)}.stat .label,.stat .sub{font-size:var(--fs-1);color:var(--fg-muted)}view-governance-proposal-detail{.tally .for .value{color:var(--pos)}.tally .against .value{color:var(--neg)}.vote-count-note{margin-top:var(--sp-3)}}view-reports-hub .grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4);container-type:inline-size;@container (min-width: 720px){grid-template-columns:repeat(2,1fr)}@container (min-width: 1100px){grid-template-columns:repeat(3,1fr)}}view-reports-hub a.tile,view-ai-generator a.tile{padding:var(--sp-5);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-3);text-decoration:none;color:var(--fg);display:grid;gap:var(--sp-2);transition:background var(--transition-fast),border-color var(--transition-fast);&:hover{background:var(--bg-sunken);border-color:var(--accent)}}view-reports-hub h3,view-ai-generator h3{font-size:var(--fs-3)}view-ai-generator{.grid{display:grid;grid-template-columns:1fr;gap:var(--sp-4);container-type:inline-size;@container (min-width: 720px){grid-template-columns:repeat(2,1fr)}@container (min-width: 1100px){grid-template-columns:repeat(3,1fr)}}.tag{font-size:var(--fs-1);padding:2px var(--sp-2);border-radius:var(--r-pill);background:var(--bg-sunken);color:var(--fg-muted);border:var(--bw-1) solid var(--border)}.banner{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);margin-bottom:var(--sp-4);border:var(--bw-1) solid var(--border);background:var(--bg-elev);& strong{font-size:var(--fs-2)}& span{color:var(--fg-muted);font-size:var(--fs-1)}.btn{margin-inline-start:auto}}.banner--pos{border-color:var(--pos);background:var(--pos-soft)}.banner--pos strong{color:var(--pos)}.banner--warn{border-color:var(--warn);background:color-mix(in oklab,var(--warn),var(--bg) 85%)}.banner--warn strong{color:var(--warn)}.banner--neg{border-color:var(--neg);background:var(--neg-soft)}.banner--neg strong{color:var(--neg)}}view-network-capabilities{.orch{padding:var(--sp-4);margin-bottom:var(--sp-3);& header{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--sp-3)}}.pipelines{display:grid;grid-template-columns:1fr;gap:var(--sp-3);container-type:inline-size;@container (min-width: 720px){grid-template-columns:repeat(2,1fr)}@container (min-width: 1100px){grid-template-columns:repeat(3,1fr)}}.pipeline{padding:var(--sp-3);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);background:var(--bg-sunken);& h4{font-size:var(--fs-2);margin-bottom:var(--sp-2)}}& ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--sp-1)}& li{font-size:var(--fs-1);display:flex;gap:var(--sp-2);justify-content:space-between}}.pill-warm{background:var(--pos-soft);color:var(--pos);border:var(--bw-1) solid var(--pos);padding:0 var(--sp-1);border-radius:var(--r-pill);font-size:.85em}.pill-cold{background:var(--bg-elev);color:var(--fg-muted);border:var(--bw-1) solid var(--border);padding:0 var(--sp-1);border-radius:var(--r-pill);font-size:.85em}section-tabs{display:block;margin-bottom:var(--sp-4);.subnav{display:flex;gap:var(--sp-1);border-bottom:var(--bw-1) solid var(--border);& a{display:inline-block;padding:var(--sp-2) var(--sp-4);color:var(--fg-muted);text-decoration:none;border-bottom:2px solid transparent;font-size:var(--fs-2);transition:color var(--transition-fast),border-color var(--transition-fast);margin-bottom:-1px;&:hover{color:var(--fg)}&[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}}}}view-governance-proposal-detail .proposal-tabs{display:flex;gap:var(--sp-1);border-bottom:var(--bw-1) solid var(--border);margin:var(--sp-5) 0 var(--sp-4);& a{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);color:var(--fg-muted);text-decoration:none;border-bottom:2px solid transparent;font-size:var(--fs-2);margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);&:hover{color:var(--fg)}&[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}}.count{font-size:var(--fs-1);padding:1px var(--sp-2);border-radius:var(--r-pill);background:var(--bg-sunken);border:var(--bw-1) solid var(--border);color:var(--fg-muted);font-weight:500}& a[aria-selected=true] .count{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}}view-governance-proposals{.list{display:grid;grid-template-columns:1fr;gap:var(--sp-3);container-type:inline-size}& article.prop{padding:var(--sp-4);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-3);display:grid;grid-template-columns:1fr;gap:var(--sp-2);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);&:hover{background:var(--bg-sunken);border-color:var(--border-strong)}&:has(.pill--pos){background:color-mix(in oklab,var(--pos),var(--bg-elev) 90%);border-color:color-mix(in oklab,var(--pos),var(--border) 50%)}&:has(.pill--pos):hover{background:color-mix(in oklab,var(--pos),var(--bg-elev) 82%)}&:has(.pill--neg){background:color-mix(in oklab,var(--neg),var(--bg-elev) 90%);border-color:color-mix(in oklab,var(--neg),var(--border) 50%)}&:has(.pill--neg):hover{background:color-mix(in oklab,var(--neg),var(--bg-elev) 82%)}& h3{font-size:var(--fs-3)}>header{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}}& article.prop .pill.pill--pos{background:color-mix(in oklab,var(--pos),var(--bg-elev) 78%);border:var(--bw-1) solid var(--pos);color:var(--pos)}& article.prop .pill.pill--neg{background:color-mix(in oklab,var(--neg),var(--bg-elev) 78%);border:var(--bw-1) solid var(--neg);color:var(--neg)}& article.prop .pill:not(.pill--pos):not(.pill--neg):not(.pill--accent){background:var(--bg-elev);border:var(--bw-1) solid var(--border);color:var(--fg-muted)}.meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;color:var(--fg-muted);font-size:var(--fs-1)}.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-1);.for{color:var(--pos)}.against{color:var(--neg)}.abstain{color:var(--fg-muted)}}}view-governance-proposal-detail .pill.pill--pos{background:color-mix(in oklab,var(--pos),var(--bg-elev) 78%);border:var(--bw-1) solid var(--pos);color:var(--pos)}view-governance-proposal-detail .pill.pill--neg{background:color-mix(in oklab,var(--neg),var(--bg-elev) 78%);border:var(--bw-1) solid var(--neg);color:var(--neg)}view-stats-perf{.charts{display:grid;grid-template-columns:1fr;gap:var(--sp-4);container-type:inline-size;@container (min-width: 1100px){grid-template-columns:repeat(2,1fr)}}.chart-card{padding:var(--sp-4);& h3{font-size:var(--fs-3);margin-bottom:var(--sp-2)}}& input[type=search]{padding:var(--sp-1) var(--sp-2);width:100%;max-width:480px}.controls form{display:contents}}view-tickets-timeseries .chart-card{padding:var(--sp-4)}view-ai-settings{& form{display:grid;gap:var(--sp-3);max-width:720px}& fieldset{border:var(--bw-1) solid var(--border);border-radius:var(--r-2);padding:var(--sp-4);display:grid;gap:var(--sp-3)}& legend{padding:0 var(--sp-2);font-size:var(--fs-1);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}& label{display:grid;gap:var(--sp-1);>span{font-size:var(--fs-1);color:var(--fg-muted)}}& input,select{padding:var(--sp-2) var(--sp-3)}& label.toggle{display:inline-flex;flex-direction:row;gap:var(--sp-2);align-items:center;font-size:var(--fs-1);color:var(--fg-muted);>span{font-size:var(--fs-1)}}.row{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap}.ok{color:var(--pos)}}:where(view-llm,view-text-to-image,view-image-to-image,view-image-to-video,view-image-to-text,view-audio-to-text,view-text-to-speech,view-upscale,view-segment-anything,view-byoc-openai){.layout{display:grid;grid-template-columns:1fr;gap:var(--sp-5);container-type:inline-size;@container (min-width: 1000px){grid-template-columns:minmax(360px,420px) 1fr}}& form{display:grid;gap:var(--sp-3)}& label{display:grid;gap:var(--sp-1);>span{font-size:var(--fs-1);color:var(--fg-muted)}}& input,textarea,select{padding:var(--sp-2) var(--sp-3)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.actions{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}.toggle{display:inline-flex;gap:var(--sp-2);align-items:center;font-size:var(--fs-1);color:var(--fg-muted)}.stack{display:grid;gap:var(--sp-3)}.out-card{padding:var(--sp-4)}.reasoning{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--bg-sunken);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);color:var(--fg-muted);font-size:var(--fs-1);white-space:pre-wrap;max-height:30vh;overflow:auto}}view-llm .text-block,view-byoc-openai .text-block{padding:var(--sp-3);background:var(--bg-sunken);border:var(--bw-1) solid var(--border);border-radius:var(--r-2)}view-byoc-openai{.tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3);border-bottom:var(--bw-1) solid var(--border);& button{padding:var(--sp-2) var(--sp-4);background:transparent;border:0;color:var(--fg-muted);border-bottom:2px solid transparent;cursor:pointer;font-size:var(--fs-2);&[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}}}.images-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-3);container-type:inline-size;@container (min-width: 480px){grid-template-columns:repeat(2,1fr)}}& figure{margin:0;padding:var(--sp-2);background:var(--bg-elev);border:var(--bw-1) solid var(--border);border-radius:var(--r-2);& img{width:100%;height:auto;border-radius:var(--r-1)}}.emb-preview{font-family:var(--font-mono);font-size:var(--fs-1);padding:var(--sp-3);background:var(--bg-sunken);border-radius:var(--r-2);border:var(--bw-1) solid var(--border)}}.nav-mobile{display:flex;gap:var(--sp-2);overflow-x:auto;padding-bottom:var(--sp-2);@container (min-width: 900px){display:none}}}