:root {
  --token-set: direction-g-github-dark;
  color-scheme: dark;
  accent-color: var(--accent-hover);
  scrollbar-color: var(--border-strong) transparent;
  --surface-base: oklch(0.1763 0.0140 258.36);
  --surface-raised: oklch(0.2202 0.0157 256.82);
  --surface-sunken: oklch(0.1039 0.0194 248.34);
  --surface-inverse: #238636;
  --border-faint: #21262d;
  --border-subtle: #30363d;
  --border-strong: #8b949e;
  --text-primary: #e6edf3;
  --text-muted: #8b949e;
  --text-inverse: #ffffff;
  --accent-base: #58a6ff;
  --accent-hover: #79c0ff;
  --accent-emphasis: #1f6feb;
  --accent-selection: #f78166;
  --state-positive: #3fb950;
  --state-negative: #f85149;
  --state-caution: #d29922;
  --accent-halo: #0c2d6b;
  --state-negative-emphasis: #da3633;
  --attribution-agent: #a371f7;
  --label-simulated: #d29922;
  --label-paper: #8b949e;
  --surface-nested: oklch(0.2458 0.0153 256.81);
  --surface-selected: oklch(0.2916 0.0202 260.62);
  --surface-chrome: #010409;
  --accent-wash: rgba(56,139,253,.15);
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --size-micro: 0.75rem;
  --size-caption: 0.8125rem;
  --size-small: 0.875rem;
  --size-detail: 0.9375rem;
  --size-body: 1rem;
  --size-lead: 1.125rem;
  --size-title: 1.25rem;
  --size-heading: 1.625rem;
  --size-figure: 2.5rem;
  --size-display: 3rem;
  --leading-micro: 1.3;
  --leading-caption: 1.35;
  --leading-small: 1.4;
  --leading-detail: 1.45;
  --leading-body: 1.5;
  --leading-lead: 1.45;
  --leading-title: 1.4;
  --leading-heading: 1.3;
  --leading-figure: 1.2;
  --leading-display: 1.1;
  --tracking-micro: .01em;
  --tracking-caption: .005em;
  --tracking-small: 0em;
  --tracking-detail: 0em;
  --tracking-body: 0em;
  --tracking-lead: 0em;
  --tracking-title: -.01em;
  --tracking-heading: -.015em;
  --tracking-figure: -.02em;
  --tracking-display: -.025em;
  --size-prose: 1.0625rem;
  --leading-prose: 1.7;
  --tracking-prose: 0em;
  --space-tight: 0.125rem;
  --space-hair: 0.25rem;
  --space-snug: 0.375rem;
  --space-base: 0.5rem;
  --space-loose: 0.75rem;
  --space-mid: 1rem;
  --space-section: 1.25rem;
  --space-wide: 1.5rem;
  --space-gutter: 1.875rem;
  --space-band: 4rem;
  --radius-chip: 0.1875rem;
  --radius-control: 0.375rem;
  --radius-panel: 0.375rem;
  --radius-modal: 0.75rem;
  --elevation-lift: inset 0 0 0 transparent;
  --elevation-overlay: 0 8px 24px #010409;
  --elevation-dialog: 0 12px 48px #010409;
  --motion-spring: linear(0,0.01,0.04 3%,0.12 6.3%,0.56 19.2%,0.74 25.6%,0.86 31.8%,0.943 38.4%,0.972 42.1%,0.993 46%,1.008 50.4%,1.017 55.4%,1.018 64.2%,1.001 100%);
  --motion-ease: cubic-bezier(.33,1,.68,1);
  --duration-hover: 80ms;
  --duration-fast: 120ms;
  --duration-base: 160ms;
  --duration-slow: 200ms;
}
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; background: var(--surface-base); color: var(--text-primary); }
a { color: var(--accent-base); text-underline-offset: 3px; }
[data-shell] { position: relative; color: var(--text-primary); font-family: var(--font-sans); font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); min-height: 100%; display: flex; flex-direction: column; -webkit-font-smoothing: antialiased; }
[data-shell] > * { position: relative; z-index: 1; }
[data-shell] > * { margin-inline: var(--page-inset) !important; }
[data-brand] { display: flex; align-items: center; gap: var(--space-loose); color: var(--text-primary); }
[data-brand] svg { height: 15px; width: auto; display: block; }
[data-app-name] { color: var(--text-muted); font-weight: 500; letter-spacing: -.005em; white-space: nowrap; }
[data-chrome-label] { flex: none; }
[data-chrome-label][data-label-word]::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
[data-panel] { background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); box-shadow: var(--elevation-lift); overflow: hidden; }
[data-plain-block] { grid-column: 1 / -1; }
[data-panel-head] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-loose); padding: var(--space-loose) var(--space-mid); background: var(--surface-raised); border-bottom: 1px solid var(--border-faint); }
[data-panel-head] :is(h1, h2, h3)[data-panel-title], [data-panel-head] :is(h1, h2) { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); margin: 0; }
[data-panel-head] [data-label-source] { margin-left: auto; text-align: right; }
[data-panel-head] [data-label-source]:not([data-show]) { display: none; }
@media (max-width: 639px) { [data-panel-head] [data-label-source] { flex: 1 0 100%; margin-left: 0; text-align: left; } }
[data-panel-body] { padding: var(--space-mid); }
[data-panel] h3, [data-panel] h4 { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-muted); margin: var(--space-section) 0 var(--space-base); }
:where([data-panel]) p { line-height: var(--leading-body); margin: var(--space-base) 0 0; }
:where([data-panel-body]) { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-text='body'] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-text='secondary'] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-text='caption'] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-text='figure'] { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--text-primary); }
:where([data-panel]) :where(ul, ol) { margin: var(--space-base) 0 0 var(--space-section); }
:where([data-panel]) li { margin: var(--space-tight) 0; line-height: var(--leading-body); }
[data-panel] details { margin-top: var(--space-loose); }
summary:active { opacity: .8; }
:where([data-panel]) summary { cursor: pointer; color: var(--text-muted); padding: var(--space-base) 0; }
@media (hover: hover) and (pointer: fine) { [data-panel] summary:hover { color: var(--text-primary); } }
:where([data-panel]) dt { font-weight: 600; margin-top: var(--space-base); }
:where([data-panel]) dd { color: var(--text-muted); margin: var(--space-tight) 0 0; }
[data-panel] code { font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-panel] table { width: 100%; border-collapse: collapse; margin-top: var(--space-loose); }
[data-panel] thead th { text-align: left; padding: var(--space-base) var(--space-loose); border-bottom: 1px solid var(--border-faint); background: var(--surface-raised); font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--text-muted); vertical-align: bottom; }
[data-panel] tbody th { text-align: left; padding: var(--space-base) var(--space-loose); border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; vertical-align: top; }
[data-rule-matrix] table :is(td, th) { white-space: normal; }
[data-rule-matrix] table { table-layout: fixed; width: 100%; }
[data-rule-matrix] thead th:first-child { width: 26%; }
[data-rule-matrix] thead th[data-pack] { text-transform: none; letter-spacing: normal; font-family: var(--font-sans); vertical-align: bottom; }
[data-rule-matrix] thead th[data-pack] [data-pack-name] { display: block; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
[data-rule-matrix] thead th[data-pack] [data-pack-meta] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-snug); margin: var(--space-snug) 0 0; }
[data-rule-matrix] thead th[data-pack] [data-carries] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-matrix-legend] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); max-width: none; }
[data-panel] td { padding: var(--space-base) var(--space-loose); border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); vertical-align: top; font-variant-numeric: tabular-nums; }
[data-panel] tbody a:not([data-btn]) { color: var(--text-primary); }
@media (hover: hover) and (pointer: fine) { [data-panel] tbody a:not([data-btn]):hover { color: var(--accent-hover); } }
[data-panel] td > * + *, [data-panel] th > * + * { margin-left: var(--space-base); }
[data-panel] :is(p, li, dt, dd) > span:not(:first-child) { margin-inline-start: var(--space-base); }
[data-panel] :is(p, li, dt, dd) > :is([data-badge], [data-label], [data-eyebrow]):first-child:not(:only-child) { margin-inline-end: var(--space-base); }
[data-panel-body]:has(> [data-table-scroll]):not(:has(> :not([data-table-scroll], [data-return-basis]))) { padding: 0; }
[data-panel-body]:has(> [data-table-scroll]):not(:has(> :not([data-table-scroll], [data-return-basis]))) > [data-return-basis] { margin: var(--space-loose) var(--space-mid); }
[data-panel-body]:not(:has(> :not([data-table-scroll], [data-return-basis]))) > [data-table-scroll] table { width: 100%; border-collapse: collapse; margin: 0; }
[data-panel-body]:not(:has(> :not([data-table-scroll], [data-return-basis]))) > [data-table-scroll] :is(th, td):first-child { padding-inline-start: var(--space-mid); }
[data-panel-body]:not(:has(> :not([data-table-scroll], [data-return-basis]))) > [data-table-scroll] :is(th, td):last-child { padding-inline-end: var(--space-mid); }
[data-panel-body]:not([data-flush]):has(> :only-child > [data-table-scroll]:only-child) { padding: 0; }
[data-panel-body]:not([data-flush]) > :only-child > [data-table-scroll]:only-child table { width: 100%; margin: 0; }
[data-panel-body]:not([data-flush]):has(> :not([data-table-scroll], [data-return-basis])) > [data-table-scroll], [data-panel-body]:not([data-flush]) > :is([data-portfolio-risk], [data-rule-matrix]) > [data-table-scroll] { margin-inline: calc(-1 * var(--space-mid)); max-width: none; }
:is([data-panel-body]:not([data-flush]) > :only-child > [data-table-scroll]:only-child, [data-panel-body]:not([data-flush]):has(> :not([data-table-scroll], [data-return-basis])) > [data-table-scroll], [data-panel-body]:not([data-flush]) > :is([data-portfolio-risk], [data-rule-matrix]) > [data-table-scroll]) :is(th, td):first-child { padding-inline-start: var(--space-mid); }
:is([data-panel-body]:not([data-flush]) > :only-child > [data-table-scroll]:only-child, [data-panel-body]:not([data-flush]):has(> :not([data-table-scroll], [data-return-basis])) > [data-table-scroll], [data-panel-body]:not([data-flush]) > :is([data-portfolio-risk], [data-rule-matrix]) > [data-table-scroll]) :is(th, td):last-child { padding-inline-end: var(--space-mid); }
[data-page-head] { display: grid; gap: var(--space-base); min-width: 0; }
[data-page-head][data-bare] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; pointer-events: none; }
[data-page-head-row] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-loose); min-width: 0; }
[data-page-title] { margin: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; color: var(--text-primary); text-wrap: balance; overflow-wrap: anywhere; }
[data-page-meta] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-page-actions] { margin-left: auto; display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-page-desc] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); margin: 0; }
[data-page-subnav] { margin-block-start: var(--space-base); min-width: 0; }
[data-back-link] { display: inline-flex; align-items: center; gap: var(--space-snug); justify-self: start; inline-size: fit-content; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--text-muted); text-decoration: none; border-radius: var(--radius-control); transition: color var(--duration-hover) var(--motion-ease); }
[data-back-link] [data-go-back] { flex: none; transition: transform var(--duration-base) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-back-link]:hover { color: var(--text-primary); } [data-back-link]:hover [data-go-back] { transform: translateX(calc(-1 * var(--nudge))); } }
[data-back-link]:active { color: var(--text-primary); transition-duration: 0s; }
@media (pointer: coarse) { [data-back-link] { min-block-size: 44px; padding-inline-end: var(--space-base); } }
@media (prefers-reduced-motion: reduce) { [data-back-link] [data-go-back] { transition: none; transform: none; } }
[data-shell] main > [data-back-link] { margin-block-end: -20px; }
[data-shell] > [data-page-head]:not([data-bare]) { padding-top: var(--space-loose); }
[data-section-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin: var(--space-section) 0 var(--space-base); }
[data-section-head]:first-child { margin-top: 0; }
:is(h2, h3, h4)[data-section-heading] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-muted); margin: 0; }
[data-section-actions] { margin-left: auto; display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-panel-head] > [data-label-source] { order: 2; }
[data-panel-actions] { order: 3; margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-panel-head] > [data-label-source] ~ [data-panel-actions] { margin-left: 0; }
[data-counter] { display: inline-block; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; font-variant-numeric: tabular-nums; padding: 0 var(--space-snug); border-radius: 2em; background: var(--surface-selected); color: var(--text-primary); }
[data-panel-body][data-flush] { padding: 0; }
[data-panel-body][data-flush] > [data-table-scroll] table { margin: 0; }
[data-panel-body][data-flush] :is(th, td):first-child { padding-inline-start: var(--space-mid); }
[data-panel-body][data-flush] :is(th, td):last-child { padding-inline-end: var(--space-mid); }
[data-num] { font-variant-numeric: tabular-nums; white-space: nowrap; }
:is(th, td)[data-num], [data-panel] :is(th, td)[data-num] { text-align: right; }
[data-num][data-sign='pos'] { color: var(--state-positive); }
[data-num][data-sign='neg'] { color: var(--state-negative); }
[data-num][data-num-tone='neutral'], [data-num][data-sign='none'] { color: inherit; }
[data-table][data-sticky] thead th { position: sticky; top: 0; z-index: 1; background: var(--surface-raised); }
[data-table-scroll][data-sticky] { max-block-size: 70vh; overflow: auto; }
[data-table-scroll] td[data-table-empty] { white-space: normal; color: var(--text-muted); text-align: center; }
[data-table] td { vertical-align: middle; }
[data-table] :is(th, td)[data-primary] { white-space: nowrap; min-inline-size: 22ch; max-inline-size: 40ch; overflow: hidden; text-overflow: ellipsis; }
[data-table][data-density='compact'] td { padding-block: var(--space-snug); }
[data-table-scroll][data-flush] { margin-inline: calc(-1 * var(--space-mid)); }
@media (max-width: 639px) { [data-table][data-stack], [data-table][data-stack] > tbody, [data-table][data-stack] > tbody > tr, [data-table][data-stack] > tbody > tr > td { display: block; } [data-table][data-stack] > thead { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); } [data-table][data-stack] > tbody > tr { padding: var(--space-loose) var(--space-mid); border-top: 1px solid var(--border-faint); } [data-table][data-stack] > tbody > tr:first-child { border-top: 0; } [data-table][data-stack] > tbody > tr > td { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-loose); padding: var(--space-tight) 0; border: 0; white-space: normal; text-align: right; } [data-table][data-stack] > tbody > tr > td::before { content: attr(data-col-label); flex: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); text-align: left; } [data-table][data-stack] > tbody > tr > td[data-primary] { display: block; max-inline-size: none; padding-bottom: var(--space-hair); font-weight: 600; text-align: left; white-space: normal; } [data-table][data-stack] > tbody > tr > td[data-primary]::before, [data-table][data-stack] > tbody > tr > td:not([data-col-label])::before, [data-table][data-stack] > tbody > tr > td[data-col-label='']::before { content: none; } }
@media (max-width: 639px) { [data-table][data-stack] > tbody > tr > td[data-table-empty] { display: block; text-align: center; } }
@media (max-width: 639px) { [data-panel-body][data-flush] [data-table][data-stack] > tbody > tr > td { padding-inline: 0; } }
@media (max-width: 639px) { [data-table-scroll] > table:not([data-stack]) :is(th, td):first-child { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--surface-base); } [data-table-scroll] > table:not([data-stack]) thead th:first-child { background: var(--surface-raised); } }
@keyframes vanta-strip-edge { 0%, 92% { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 32px), transparent); } 100% { -webkit-mask-image: none; mask-image: none; } }
@supports (animation-timeline: scroll()) { [data-tabnav], [data-journey], [data-role-filter], [data-review-tablist], [data-trade-chips] { animation: vanta-strip-edge linear both; animation-timeline: scroll(self inline); } }
[data-tabnav] ul, [data-journey] { scroll-snap-type: x proximity; }
[data-tabnav] li, [data-journey] > * { scroll-snap-align: start; }
[data-time] { font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-stats] { margin: 0; }
[data-stats][data-variant='tiles'] { display: flex; flex-wrap: wrap; gap: 1px; background: var(--border-faint); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); overflow: hidden; }
[data-stats][data-variant='tiles'] > [data-stat] { flex: 1 1 auto; min-width: min(100%, max-content); background: var(--surface-raised); padding: var(--space-loose) var(--space-mid); }
[data-stats][data-variant='inline'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, max-content)); gap: var(--space-wide); }
[data-stat] { display: grid; gap: var(--space-hair); align-content: start; min-width: 0; }
[data-stat-label] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-weight: 400; margin: 0; }
[data-stat-value] { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-primary); }
[data-stat-value][data-size='hero'] { font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); }
[data-stat-value][data-size='md'] { font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); }
[data-stat-hint] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-props] { margin: 0; }
[data-props][data-layout='columns'] { display: grid; grid-template-columns: max-content 1fr; gap: var(--space-base) var(--space-mid); align-items: baseline; }
[data-props][data-layout='columns'] > [data-prop] { display: contents; }
[data-props][data-layout='stacked'] { display: grid; gap: var(--space-loose); }
[data-props][data-layout='stacked'] > [data-prop] { display: grid; gap: var(--space-hair); }
[data-props] dt { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-weight: 400; margin: 0; }
[data-props] dd { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); margin: 0; min-width: 0; }
@media (max-width: 479px) { [data-props][data-layout='columns'] { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-tight); } [data-props][data-layout='columns'] > [data-prop] + [data-prop] > dt { margin-top: var(--space-base); } }
[data-props] dd [data-mono] { font-family: var(--font-mono); font-size: inherit; }
[data-state-label] { display: inline-flex; align-items: center; gap: var(--space-hair); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; padding: 0 var(--space-snug); border-radius: 2em; border: 1px solid transparent; background: color-mix(in oklab, currentColor 15%, transparent); color: var(--text-muted); white-space: nowrap; }
[data-state-label][data-tone='success'] { color: var(--state-positive); }
[data-state-label][data-tone='accent'] { color: var(--accent-hover); }
[data-state-label][data-tone='danger'] { color: var(--state-negative); }
[data-state-label][data-tone='attention'] { color: var(--state-caution); }
[data-state-label][data-tone='neutral'] { color: var(--text-muted); }
[data-message] { display: flex; align-items: flex-start; gap: var(--space-base); padding: var(--space-loose) var(--space-mid); border: 1px solid color-mix(in oklab, currentColor 40%, var(--border-subtle)); border-radius: var(--radius-control); background: color-mix(in oklab, currentColor 10%, transparent); }
[data-message='info'] { color: var(--accent-hover); }
[data-message='success'] { color: var(--state-positive); }
[data-message='warning'] { color: var(--state-caution); }
[data-message='danger'] { color: var(--state-negative); }
[data-message] > [data-icon] { margin-top: 2px; }
[data-message-body], [data-message-body] p { flex: 1; min-width: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); margin: 0; }
[data-message-title] { font-weight: 600; }
[data-message-actions] { display: flex; flex-wrap: wrap; gap: var(--space-base); align-self: center; }
[data-message]:has(> [data-message-actions]) { flex-wrap: wrap; }
[data-message] > [data-message-body] { flex: 1 1 14rem; }
@media (max-width: 639px) { [data-message] > [data-message-actions] { flex-basis: 100%; margin-inline-start: calc(16px + var(--space-base)); } }
[data-message-inline] { display: inline-flex; align-items: center; gap: var(--space-hair); margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-message-inline='success'] { color: var(--state-positive); }
[data-message-inline='warning'] { color: var(--state-caution); }
[data-message-inline='danger'] { color: var(--state-negative); }
[data-form-layout] { display: grid; gap: var(--space-section); min-inline-size: 0; align-content: start; }
[data-form-layout] { --field-max: none; }
:where([data-panel], [data-settings-section], [data-disclose][data-variant='boxed'], dialog, [data-auth-card]) [data-form-layout][data-width='narrow'] { --field-max: 26.25rem; }
:where([data-panel], [data-settings-section], [data-disclose][data-variant='boxed'], dialog, [data-auth-card]) [data-form-layout][data-width='medium'] { --field-max: 40rem; }
@media (min-width: 768px) { [data-form-layout][data-columns='2'], [data-form-layout][data-columns='2'] [data-form-section-body] { grid-template-columns: repeat(6, minmax(0, 1fr)); } :where([data-panel], [data-settings-section], [data-disclose][data-variant='boxed'], dialog, [data-auth-card]) [data-form-layout][data-columns='2']:is([data-width='narrow'], [data-width='medium']), :where([data-panel], [data-settings-section], [data-disclose][data-variant='boxed'], dialog, [data-auth-card]) [data-form-layout][data-columns='2']:is([data-width='narrow'], [data-width='medium']) > [data-form-section] > [data-form-section-body] { grid-template-columns: repeat(6, minmax(0, calc((var(--field-max) - 5 * var(--space-section)) / 6))) minmax(0, 1fr); } [data-form-layout][data-columns='2'] > *, [data-form-layout][data-columns='2'] [data-form-section-body] > * { grid-column: 1 / -1; } [data-form-layout][data-columns='2']:is([data-width='narrow'], [data-width='medium']) > [data-form-field]:not([data-span]), [data-form-layout][data-columns='2']:is([data-width='narrow'], [data-width='medium']) > [data-form-section] > [data-form-section-body] > [data-form-field]:not([data-span]) { grid-column: 1 / 7; } [data-form-layout][data-columns='2'] [data-form-field][data-span='half'] { grid-column: span 3; } [data-form-layout][data-columns='2'] [data-form-field][data-span='third'] { grid-column: span 2; } }
[data-form-section], [data-choice-cards] { display: grid; margin: 0; padding: 0; border: 0; min-inline-size: 0; }
[data-form-legend] { float: left; inline-size: 100%; margin: 0; padding: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-form-section-desc], [data-panel] [data-form-section-desc] { margin: var(--space-snug) 0 0; max-inline-size: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-form-section-body] { display: grid; gap: var(--space-section); margin-top: var(--space-mid); min-inline-size: 0; }
[data-form-section] + [data-form-section] { margin-top: calc(var(--space-gutter) - var(--space-section)); padding-top: var(--space-section); border-top: 1px solid var(--border-faint); }
[data-form-field] { display: grid; gap: var(--space-snug); min-inline-size: 0; max-inline-size: var(--field-max, none); align-content: start; }
[data-field-label] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--text-primary); }
[data-field-optional] { margin-inline-start: var(--space-snug); font-weight: 400; color: var(--text-muted); }
[data-field-label-row] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-base); }
[data-field-aside] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-form-field] > :is(input, select, textarea), [data-field-control] > :is(input, select, textarea) { inline-size: 100%; min-inline-size: 0; }
[data-form-field] textarea { min-block-size: calc(3lh + 0.75rem); resize: none; }
[data-form-field] > [data-segctl] { display: flex; }
[data-form-field] > [data-segctl] > :is(button, a) { flex: 1 1 0; justify-content: center; }
[data-field-hint], [data-panel] [data-field-hint] { margin: 0; max-inline-size: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-field-error], [data-panel] [data-field-error] { display: flex; align-items: flex-start; gap: var(--space-snug); margin: 0; max-inline-size: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--state-negative); }
[data-field-error] > [data-icon] { margin-top: 0.1875rem; }
:is([data-form-field], [data-checkbox]) :is(input, select, textarea)[aria-invalid='true'] { border-color: var(--state-negative); }
[data-field-control] { display: flex; align-items: center; gap: var(--space-snug); cursor: text; background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); padding-inline: var(--space-loose) var(--space-hair); transition: border-color var(--duration-hover) var(--motion-ease); }
[data-field-control]:has([aria-invalid='true']) { border-color: var(--state-negative); }
[data-field-control]:focus-within { border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-field-control][data-affixed] > :is(input, select) { flex: 1; border: 0; background: none; padding-inline: 0; padding-block: 0; min-block-size: calc(2rem - 2px); border-radius: 0; box-shadow: none; }
[data-field-affix] [data-icon-btn][data-btn-size='sm'] { min-block-size: 1.5rem; inline-size: 1.5rem; }
@media (pointer: coarse) { [data-field-control][data-affixed] > :is(input, select) { min-block-size: 42px; } [data-field-affix] [data-icon-btn][data-btn-size='sm'] { min-block-size: 42px; inline-size: 42px; } }
[data-field-control][data-affixed] > :is(input, select):focus-visible { outline: none; box-shadow: none; }
[data-field-affix] { display: inline-flex; align-items: center; flex: none; color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-field-affix='suffix'] [data-icon-btn] { color: var(--text-muted); }
[data-form-field] [data-field-mono] { font-family: var(--font-mono); }
[data-form-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
:is([data-form-layout], [data-form-section-body]) > [data-form-actions] { margin-top: var(--space-hair); }
[data-form-actions][data-align='end'] { flex-direction: row-reverse; justify-content: flex-start; }
[data-form-actions][data-align='between'] { justify-content: space-between; }
@media (max-width: 639px) { [data-form-actions] { flex-direction: column; align-items: stretch; } [data-form-actions] > :is(button, a, [data-btn], div) { inline-size: 100%; } }
[data-form-message] { outline: none; }
[data-checkbox] { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); column-gap: var(--space-loose); row-gap: var(--space-hair); align-items: start; }
[data-checkbox] > input { grid-row: 1; appearance: none; margin: 0; inline-size: 1.25rem; block-size: 1.25rem; display: grid; place-content: center; background: var(--surface-base); border: 1px solid var(--border-strong); border-radius: var(--radius-chip); cursor: pointer; }
[data-checkbox] > input::before { content: ''; inline-size: 0.75rem; block-size: 0.75rem; background: var(--text-inverse); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transition: transform var(--duration-fast) var(--motion-ease); }
[data-checkbox] > input:checked { background: var(--accent-emphasis); border-color: var(--accent-emphasis); }
[data-checkbox] > input:checked::before { transform: scale(1); }
[data-checkbox] > label { grid-column: 2; padding-top: 0.0625rem; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); cursor: pointer; }
[data-checkbox] > :is([data-field-hint], [data-field-error]) { grid-column: 2; }
[data-choice-grid] { display: grid; gap: var(--space-base); margin-top: var(--space-mid); grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); }
[data-choice-cards][data-stacked] [data-choice-grid] { grid-template-columns: minmax(0, 1fr); }
[data-choice-card] { position: relative; display: grid; grid-template-columns: 1rem minmax(0, 1fr) auto; column-gap: var(--space-loose); align-items: start; padding: var(--space-loose) var(--space-mid); background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); cursor: pointer; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
[data-choice-card]:has(input:checked) { border-color: var(--accent-emphasis); background: color-mix(in oklab, var(--accent-emphasis) 9%, var(--surface-base)); }
[data-choice-card]:has(input:focus-visible) { outline: 2px solid var(--accent-emphasis); outline-offset: 2px; }
[data-choice-card][data-disabled] { opacity: .55; cursor: not-allowed; }
[data-choice-card] > input { appearance: none; margin: 0.125rem 0 0; inline-size: 1rem; block-size: 1rem; display: grid; place-content: center; background: var(--surface-base); border: 1px solid var(--border-strong); border-radius: 50%; cursor: inherit; }
[data-choice-card] > input:focus-visible { outline: none; }
[data-choice-card] > input::before { content: ''; inline-size: 0.375rem; block-size: 0.375rem; border-radius: 50%; background: var(--text-inverse); transform: scale(0); transition: transform var(--duration-fast) var(--motion-ease); }
[data-choice-card] > input:checked { background: var(--accent-emphasis); border-color: var(--accent-emphasis); }
[data-choice-card] > input:checked::before { transform: scale(1); }
[data-choice-body] { display: grid; gap: var(--space-tight); min-inline-size: 0; }
[data-choice-title] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-choice-desc] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-choice-meta] { align-self: center; }
[data-dropzone] { position: relative; display: grid; min-block-size: 8.5rem; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-base) var(--motion-ease); }
[data-dropzone] > [data-dropzone-input] { position: absolute; inline-size: 1px; block-size: 1px; margin: 0; padding: 0; opacity: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-dropzone]:has([data-dropzone-input]:focus-visible) { outline: 2px solid var(--accent-emphasis); outline-offset: 2px; }
[data-dropzone-prompt] { display: grid; justify-items: center; align-content: center; gap: var(--space-hair); padding: var(--space-wide) var(--space-mid); text-align: center; cursor: pointer; }
[data-dropzone-icon] { display: grid; place-items: center; inline-size: 2.5rem; block-size: 2.5rem; margin-bottom: var(--space-snug); border-radius: 50%; background: var(--surface-raised); border: 1px solid var(--border-subtle); color: var(--text-muted); transition: transform var(--duration-base) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
[data-dropzone-title] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--text-primary); }
[data-dropzone-sub] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-dropzone-choose] { color: var(--accent-base); text-decoration: underline; text-decoration-color: color-mix(in oklab, currentColor 40%, transparent); text-underline-offset: 3px; }
[data-dropzone][data-state='over'] { border-color: var(--accent-base); background: color-mix(in oklab, var(--accent-base) 8%, var(--surface-sunken)); box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent-base) 18%, transparent); }
[data-dropzone][data-state='over'] [data-dropzone-icon] { transform: translateY(-2px); color: var(--accent-base); }
[data-dropzone][data-state='invalid'] { border-color: var(--state-caution); background: color-mix(in oklab, var(--state-caution) 8%, var(--surface-sunken)); }
[data-dropzone][data-state='invalid'] [data-dropzone-icon] { color: var(--state-caution); }
[data-dropzone][data-state='error'] { border-color: var(--state-negative); }
[data-dropzone]:has([data-dropzone-file]) { min-block-size: 0; }
[data-dropzone-file] { display: flex; align-items: center; gap: var(--space-loose); padding: var(--space-loose) var(--space-mid); min-inline-size: 0; }
[data-dropzone-file-icon] { display: grid; place-items: center; inline-size: 2rem; block-size: 2rem; flex: none; border-radius: var(--radius-control); background: var(--surface-raised); color: var(--accent-base); }
[data-dropzone][data-state='reading'] [data-dropzone-file-icon] [data-icon] { animation: vanta-spin .8s linear infinite; }
[data-dropzone-file-text] { display: grid; min-inline-size: 0; }
[data-dropzone-file-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-dropzone-file-size] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-dropzone-file-actions] { display: flex; align-items: center; gap: var(--space-hair); margin-inline-start: auto; flex: none; }
[data-dropzone-bar] { position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 2px; background: var(--accent-base); transform-origin: left; animation: vanta-indeterminate 1.2s var(--motion-ease) infinite; }
@keyframes vanta-indeterminate { 0% { transform: translateX(-100%) scaleX(.4); } 100% { transform: translateX(100%) scaleX(.4); } }
@media (prefers-reduced-motion: reduce) { [data-dropzone-bar] { animation: none; transform: none; opacity: .7; } [data-dropzone][data-state='over'] [data-dropzone-icon] { transform: none; } }
[data-step-footer] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-loose); margin-top: var(--space-wide); padding-top: var(--space-mid); border-top: 1px solid var(--border-faint); }
[data-step-footer-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin-inline-start: auto; }
@media (max-width: 639px) { [data-step-footer] { position: sticky; inset-block-end: 0; z-index: 5; padding-block: var(--space-loose); background: var(--surface-chrome); } }
[data-settings] { display: grid; }
[data-settings-section] { display: grid; gap: var(--space-mid) var(--space-band); padding-block: var(--space-wide); border-top: 1px solid var(--border-faint); }
[data-settings-section]:first-child { border-top: 0; padding-top: 0; }
@media (min-width: 768px) { [data-settings-section] { grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); } }
[data-settings-title] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-settings-desc], [data-panel] [data-settings-desc] { margin: var(--space-snug) 0 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-settings-body] { min-inline-size: 0; }
[data-skeleton-group] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-shell] main > [data-skeleton-group] { gap: 28px; }
[data-skeleton] { display: block; background: var(--surface-nested); border-radius: var(--radius-chip); block-size: 0.75em; }
[data-skeleton][data-shape='title'] { block-size: 1.1em; }
[data-skeleton][data-shape='block'] { block-size: 4rem; border-radius: var(--radius-control); }
[data-skeleton][data-w='third'] { inline-size: 33%; }
[data-skeleton][data-w='half'] { inline-size: 50%; }
[data-skeleton][data-w='two-thirds'] { inline-size: 66%; }
[data-skeleton][data-w='full'] { inline-size: 100%; }
[data-skeleton][data-shape='circle'] { border-radius: 50%; inline-size: 2rem; block-size: 2rem; }
[data-skeleton-lines] { display: grid; gap: var(--space-loose); }
[data-skeleton-panel] [data-panel-body][data-skeleton-flush] { padding: 0; }
[data-skeleton-panel] [data-panel-head] { min-block-size: 49px; }
[data-skeleton-pad] { padding: var(--space-mid); }
[data-skeleton-name] { display: flex; align-items: center; min-block-size: 32px; }
[data-skeleton-name] > [data-skeleton] { max-inline-size: 280px; }
[data-skeleton-table] { display: grid; }
[data-skeleton-thead], [data-skeleton-row] { display: flex; align-items: center; gap: var(--space-mid); padding: var(--space-loose) var(--space-mid); border-bottom: 1px solid var(--border-faint); }
[data-skeleton-thead] { background: var(--surface-raised); }
[data-skeleton-row]:last-child { border-bottom: 0; }
:is([data-skeleton-thead], [data-skeleton-row]) > [data-skeleton] { flex: 1 1 0; }
:is([data-skeleton-thead], [data-skeleton-row]) > [data-skeleton]:first-child { flex-grow: 2; }
[data-skeleton-table]:not([data-flush]) { border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; }
[data-skeleton-grid] { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--space-loose); }
[data-skeleton-card] { display: grid; gap: var(--space-loose); padding: var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-base); }
[data-skeleton-stats] { display: flex; flex-wrap: wrap; gap: var(--space-wide); }
[data-skeleton-stat] { display: grid; gap: var(--space-snug); inline-size: 9rem; }
[data-skeleton-stat] > [data-skeleton]:first-child { block-size: 1.6em; }
[data-skeleton-props] { display: grid; gap: var(--space-loose); }
[data-skeleton-prop] { display: grid; grid-template-columns: minmax(8rem, 1fr) 2fr; gap: var(--space-mid); align-items: center; }
[data-skeleton-chart] { display: block; inline-size: 100%; block-size: 240px; border-radius: var(--radius-control); background: var(--surface-nested); }
[data-skeleton-chart][data-height='sm'] { block-size: 140px; }
[data-skeleton-chart][data-height='lg'] { block-size: 360px; }
[data-skeleton-form] { display: grid; gap: var(--space-section); max-inline-size: 420px; }
[data-skeleton-field] { display: grid; gap: var(--space-snug); }
[data-skeleton-control] { display: block; block-size: 32px; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); }
[data-disclose] > summary { list-style: none; display: flex; align-items: center; gap: var(--space-snug); cursor: pointer; color: var(--text-muted); transition: color var(--duration-hover) var(--motion-ease); }
[data-disclose] > summary::-webkit-details-marker { display: none; }
@media (hover: hover) and (pointer: fine) { [data-disclose] > summary:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-disclose] > summary:focus-visible { outline-offset: -2px; }
[data-disclose-mark] { transition: transform var(--duration-base) var(--motion-ease); }
[data-disclose][open] > summary [data-disclose-mark] { transform: rotate(90deg); }
[data-disclose][data-variant='boxed'] { border: 1px solid var(--border-subtle); border-radius: var(--radius-control); }
[data-disclose][data-variant='boxed'] > summary { padding: var(--space-base) var(--space-loose); }
[data-disclose][data-variant='boxed'] > [data-disclose-body] { padding: 0 var(--space-loose) var(--space-loose); }
[data-disclose][data-variant='row'] { border-top: 1px solid var(--border-faint); }
[data-disclose][data-variant='row'] > summary { padding: var(--space-base) 0; }
[data-disclose-body] { padding-top: var(--space-base); }
[data-tabnav] { position: relative; border-bottom: 1px solid var(--border-faint); overflow-x: auto; scrollbar-width: none; }
[data-tabnav]::-webkit-scrollbar { display: none; }
[data-tabnav] ul { list-style: none; display: flex; gap: var(--space-hair); margin: 0; padding: 0; }
[data-tabnav] a { display: flex; align-items: center; gap: var(--space-snug); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); padding: var(--space-base) var(--space-loose); color: var(--text-muted); text-decoration: none; white-space: nowrap; transition: color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-tabnav] a:hover { color: var(--text-primary); } }
[data-tabnav] a:focus-visible { outline-offset: -2px; }
[data-tabnav] a[aria-current] { color: var(--text-primary); font-weight: 600; }
[data-tabnav]:not([data-tabnav-ready]) a[aria-current] { box-shadow: inset 0 -2px 0 var(--accent-selection); }
[data-tabnav-indicator] { position: absolute; left: 0; bottom: 0; width: 1px; height: 2px; background: var(--accent-selection); transform-origin: left; transform: translateX(var(--tab-x, 0px)) scaleX(var(--tab-w, 0)); opacity: 0; pointer-events: none; }
[data-tabnav-ready] [data-tabnav-indicator] { opacity: 1; }
[data-tabnav-animate] [data-tabnav-indicator] { transition: transform var(--duration-base) var(--motion-ease); }
[data-segctl] { display: inline-flex; padding: var(--space-tight); gap: var(--space-tight); background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); }
[data-segctl] > :is(button, a) { display: inline-flex; align-items: center; gap: var(--space-snug); padding: var(--space-hair) var(--space-loose); border: 0; border-radius: var(--radius-chip); background: none; color: var(--text-muted); font: inherit; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; cursor: pointer; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-segctl] > :is(button, a):not([aria-pressed='true'], [aria-current], :disabled):hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-segctl] > :is(button, a):active { background: rgba(177,186,196,.2); transition-duration: 0s; }
[data-segctl] > :is([aria-pressed='true'], [aria-current]) { background: var(--surface-selected); color: var(--text-primary); font-weight: 600; }
[data-panel-body]:has(> [data-account-list]) { padding: 0; }
[data-account-list] { list-style: none; margin: 0; padding: 0; }
[data-account-list] li { margin: 0; max-width: none; }
a[data-account-row] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-hair) var(--space-loose); padding: var(--space-loose) var(--space-mid); color: var(--text-primary); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); text-decoration: none; }
[data-account-list] li + li a[data-account-row] { border-top: 1px solid var(--border-faint); }
@media (hover: hover) and (pointer: fine) { a[data-account-row]:hover { background: var(--hover-wash); box-shadow: inset 2px 0 0 var(--accent-base); } }
a[data-account-row] b { font-weight: 600; }
[data-account-row] [data-row-go] { margin-left: auto; color: var(--text-muted); }
[data-label][data-label-word] { display: inline-flex; align-items: center; gap: 5px; padding: 0 7px; border: 1px solid currentColor; border-radius: 2em; background: none; font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; white-space: nowrap; }
[data-label="simulated"] { color: var(--label-simulated); }
[data-label="paper"] { color: var(--label-paper); }
[data-label="evaluation"] { color: var(--accent-base); }
[data-label="funded"] { color: var(--state-positive); }
[data-label="live"] { color: var(--state-negative); }
[data-label]:not([data-label-word]) { color: var(--text-primary); }
[data-label-source] { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); margin-left: var(--space-base); }
p[data-label-source] { margin-left: 0; text-align: left; }
[data-sub] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
:where([data-panel]) :is(p, dd, summary) { color: var(--text-muted); }
[data-icon] { flex: none; display: inline-block; vertical-align: -0.125em; }
@keyframes vanta-spin { to { transform: rotate(360deg); } }
[data-btn] { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-base); border-radius: var(--radius-control); padding: 5px 16px; font-family: var(--font-sans); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; border: 1px solid rgba(240,246,252,.1); background: #21262d; color: var(--text-primary); cursor: pointer; text-decoration: none; min-block-size: 32px; }
@media (hover: hover) and (pointer: fine) { [data-btn]:not(:disabled):not([aria-disabled='true']):hover { background: #30363d; border-color: var(--border-strong); } }
input[type='file'] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-muted); max-width: 100%; }
input[type='file']::file-selector-button { display: inline-flex; align-items: center; border-radius: var(--radius-control); margin-right: var(--space-base); padding: 5px 16px; font-family: var(--font-sans); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; border: 1px solid rgba(240,246,252,.1); background: #21262d; color: var(--text-primary); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { input[type='file']::file-selector-button:hover { background: #30363d; border-color: var(--border-strong); } }
[data-btn]:active { background: #282e33; border-color: #6e7681; }
[data-btn="primary"] { background: var(--surface-inverse); border-color: rgba(240,246,252,.1); color: var(--text-inverse); }
@media (hover: hover) and (pointer: fine) { [data-btn="primary"]:not(:disabled):not([aria-disabled='true']):hover { background: #2ea043; border-color: rgba(240,246,252,.1); box-shadow: inset 0 1px 0 color-mix(in oklab, #fff 14%, transparent); } }
[data-btn="primary"]:active { background: var(--surface-inverse); }
[data-btn="accent"] { background: var(--accent-emphasis); border-color: rgba(240,246,252,.1); color: var(--text-inverse); }
@media (hover: hover) and (pointer: fine) { [data-btn="accent"]:not(:disabled):not([aria-disabled='true']):hover { background: #388bfd; border-color: rgba(240,246,252,.1); box-shadow: inset 0 1px 0 color-mix(in oklab, #fff 14%, transparent); } }
[data-btn="accent"]:active { background: var(--accent-emphasis); }
[data-btn="danger"] { border-color: rgba(240,246,252,.1); color: var(--state-negative); background: #21262d; }
@media (hover: hover) and (pointer: fine) { [data-btn="danger"]:not(:disabled):not([aria-disabled='true']):hover { border-color: rgba(240,246,252,.1); background: var(--state-negative-emphasis); color: var(--text-inverse); } }
[data-btn="danger"]:active { background: #b62324; color: var(--text-inverse); }
[data-btn-size="big"], [data-btn-size="lg"] { min-block-size: 2.5rem; padding: 0 20px; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); }
[data-btn-size='sm'] { min-block-size: 28px; padding: 0 var(--space-loose); }
[data-icon-btn] { padding: 0; inline-size: 32px; }
[data-icon-btn][data-btn-size='sm'] { inline-size: 28px; }
[data-btn][data-btn-block] { display: flex; inline-size: 100%; }
[data-btn='invisible'] { background: none; border-color: transparent; color: var(--text-muted); }
@media (hover: hover) and (pointer: fine) { [data-btn='invisible']:not(:disabled):not([aria-disabled='true']):hover { background: var(--hover-wash); border-color: transparent; color: var(--text-primary); } }
[data-btn='invisible']:active { background: rgba(177,186,196,.2); border-color: transparent; }
[data-btn-spinner] { display: inline-flex; align-items: center; margin-inline-end: var(--space-snug); vertical-align: -0.125em; }
:is([aria-busy='true'], [data-pending]) [data-btn-spinner] [data-icon] { animation: vanta-spin .8s linear infinite; }
[data-badge] { display: inline-flex; align-items: center; gap: 5px; font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; padding: 0 7px; border: 1px solid transparent; border-radius: 2em; background: color-mix(in oklab, currentColor 15%, transparent); color: var(--text-muted); white-space: nowrap; }
[data-badge="success"] { color: var(--state-positive); }
[data-badge="warning"] { color: var(--state-caution); }
[data-badge="danger"] { color: var(--state-negative); }
[data-badge="accent"] { color: var(--accent-hover); }
:is([data-badge], [data-label][data-label-word]) + :is([data-badge], [data-label][data-label-word]) { margin-left: var(--space-base); }
[data-panel-head] :is([data-badge], [data-label][data-label-word]) + :is([data-badge], [data-label][data-label-word]) { margin-left: 0; }
[data-eyebrow] { font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--text-muted); }
[data-live-refresh] { display: inline-flex; align-items: center; gap: var(--space-base); font-family: var(--font-sans); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-positive); }
[data-live-refresh][data-stale="true"] { color: var(--state-caution); }
[data-live-dot] { width: 5px; height: 5px; flex: none; border-radius: 50%; background: currentColor; }
[data-live-age] { color: var(--text-muted); }
[data-live-toggle] { margin-inline-start: var(--space-base); padding: 2px 8px; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: none; color: var(--text-muted); font: inherit; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-live-toggle]:hover { color: var(--text-primary); border-color: var(--border-strong); } }
[data-live-dot][data-paused] { background: var(--text-muted); }
[data-landing] { position: relative; }
[data-landing-top] { position: absolute; top: 0; left: 0; width: 1px; height: 24px; pointer-events: none; }
:root:has([data-landing]) { scroll-padding-top: var(--bar-h); }
@media (prefers-reduced-motion: no-preference) { :root:has([data-landing]) { scroll-behavior: smooth; } }
[data-landing-bar] { position: sticky; top: 0; z-index: 70; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; gap: var(--space-mid); height: var(--bar-h); margin-bottom: calc(-1 * var(--bar-h)); padding-inline: var(--page-gutter); background: color-mix(in oklab, var(--surface-chrome) 40%, transparent); -webkit-backdrop-filter: blur(12px) saturate(140%); backdrop-filter: blur(12px) saturate(140%); border-bottom: 1px solid transparent; transition: background-color var(--duration-slow) var(--motion-ease), border-color var(--duration-slow) var(--motion-ease); }
[data-landing-bar][data-scrolled='yes'] { background: var(--surface-chrome); border-bottom-color: var(--border-faint); }
@media (prefers-reduced-transparency: reduce) { [data-landing-bar] { background: var(--surface-chrome); -webkit-backdrop-filter: none; backdrop-filter: none; } }
[data-landing-bar-actions] { display: flex; align-items: center; gap: var(--space-base); }
@media (pointer: coarse) { :is([data-landing-bar], [data-landing-foot]) [data-bar-brand] { min-block-size: 44px; } }
[data-hero] { position: relative; isolation: isolate; box-sizing: border-box; display: grid; place-items: center; min-height: 100svh; padding: calc(var(--bar-h) + var(--space-band)) var(--page-inset) calc(var(--space-band) + var(--space-gutter)); overflow: clip; text-align: center; view-timeline: --hero block; --hx: 0; --hy: 0; }
[data-hero-depth] { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
[data-hero-field] { position: absolute; inset: 0; width: 100%; height: 100%; display: block; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 58%, transparent 97%); mask-image: linear-gradient(to bottom, transparent, #000 28%, #000 58%, transparent 97%); }
@media (prefers-reduced-motion: reduce) { [data-hero-field] { opacity: .5; } }
[data-hero-layer] { position: absolute; inset: 0; }
[data-hero-layer='glow'] { background: radial-gradient(38% 34% at 50% 46%, color-mix(in oklab, var(--accent-emphasis) 24%, transparent), transparent 72%); translate: calc(var(--hx) * 6px) calc(var(--hy) * 6px); }
[data-hero-layer='floor'] { inset: auto -20% 0; height: 50%; perspective: 900px; perspective-origin: 50% 0%; translate: calc(var(--hx) * -6px) calc(var(--hy) * -3px); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 45%, #000 70%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 45%, #000 70%, transparent); }
[data-hero-floor] { position: absolute; inset: 0; transform-origin: 50% 0%; transform: rotateX(58deg); background-image: linear-gradient(to right, color-mix(in oklab, var(--border-strong) 22%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--border-strong) 22%, transparent) 1px, transparent 1px); background-size: 56px 56px; background-position: 50% 0; -webkit-mask-image: radial-gradient(60% 80% at 50% 0%, #000 25%, transparent 75%); mask-image: radial-gradient(60% 80% at 50% 0%, #000 25%, transparent 75%); }
[data-hero-copy] { position: relative; display: grid; justify-items: center; }
[data-hero-title] { margin: 0; font-size: var(--size-display); line-height: var(--leading-display); letter-spacing: var(--tracking-display); font-size: clamp(2rem, 8.5vw, var(--size-display)); font-weight: 600; text-wrap: balance; color: var(--text-primary); }
[data-hero-title] em { font-style: normal; color: var(--accent-hover); }
[data-hero-sub] { margin: var(--space-section) 0 0; font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); color: var(--text-muted); text-wrap: pretty; }
[data-hero-actions] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-loose); margin-top: var(--space-gutter); }
@media (max-width: 480px) { [data-hero-actions] { flex-direction: column; justify-self: stretch; } [data-hero-actions] > [data-btn] { width: 100%; } }
@media (prefers-reduced-motion: no-preference) {
       [data-hero-sub] { animation: vanta-lift-in .34s var(--motion-ease) 40ms both; }
       [data-hero-actions] { animation: vanta-lift-in .34s var(--motion-ease) 80ms both; }
     }
@keyframes vanta-lift-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
[data-hero-cue] { position: absolute; left: 50%; bottom: var(--space-wide); translate: -50% 0; display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--border-subtle); border-radius: 50%; color: var(--text-muted); }
@media (prefers-reduced-motion: no-preference) { [data-hero-cue] > [data-icon] { animation: vanta-cue 1.4s var(--motion-ease) 1.2s 2; } }
@keyframes vanta-cue { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@supports (animation-timeline: view()) {
       @media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
         [data-hero-copy], [data-hero-cue] { animation: vanta-hero-exit linear both; animation-timeline: --hero; animation-range: exit 0% exit 60%; }
         [data-hero-layer='floor'] { animation: vanta-hero-drift linear both; animation-timeline: --hero; animation-range: exit 0% exit 100%; }
         [data-hero-layer='glow'] { animation: vanta-hero-sink linear both; animation-timeline: --hero; animation-range: exit 0% exit 100%; }
       }
     }
@keyframes vanta-hero-exit { to { opacity: 0; transform: translateY(-24px); } }
@keyframes vanta-hero-drift { to { transform: translateY(12svh); } }
@keyframes vanta-hero-sink { to { transform: translateY(6svh); } }
@property --story-p { syntax: '<number>'; inherits: true; initial-value: 1; }
[data-story] { position: relative; }
[data-story-frame] { box-sizing: border-box; display: grid; gap: clamp(3rem, 9vw, 4.5rem); margin-inline: var(--page-inset); padding: var(--space-band) 0 0; }
[data-story-heading] { margin: 0; font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-size: clamp(var(--size-heading), 3vw, var(--size-figure)); font-weight: 600; }
[data-story-index], [data-story-device] { display: none; }
[data-story-chapter] { display: grid; gap: var(--space-wide); }
@media (min-width: 768px) { [data-story-chapter] { grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); align-items: center; column-gap: clamp(2rem, 4vw, 4rem); } }
@media (min-width: 1180px) { [data-story-chapter] { grid-template-columns: minmax(0, 20rem) minmax(0, 1fr); } }
[data-story-kicker] { display: flex; align-items: center; gap: var(--space-base); margin: 0 0 var(--space-loose); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--accent-hover); }
[data-story-kicker] > span { font-variant-numeric: tabular-nums; color: var(--text-muted); }
[data-story-title] { margin: 0; font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-weight: 600; text-wrap: balance; }
[data-story-text] { margin: var(--space-loose) 0 0; font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); color: var(--text-muted); text-wrap: pretty; }
[data-story-cta] { margin-top: var(--space-wide); }
[data-story-window] { position: relative; box-sizing: border-box; margin: 0; display: flex; flex-direction: column; min-width: 0; background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-modal); box-shadow: var(--elevation-overlay); overflow: hidden; }
[data-story-window-head] { flex: none; display: flex; align-items: center; justify-content: space-between; gap: var(--space-loose); min-height: 44px; box-sizing: border-box; padding: 0 var(--space-mid); background: var(--surface-raised); border-bottom: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-story-window-title] { display: inline-flex; align-items: center; gap: var(--space-base); }
[data-story-window-title] > [data-icon] { color: var(--text-muted); }
[data-scene='idea'] [data-story-window-title] > [data-icon] { color: var(--attribution-agent); }
[data-story-window-aside] { display: inline-flex; align-items: center; gap: var(--space-loose); font-weight: 400; }
[data-story-caption] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-story-window-body] { flex: 1; min-height: 0; padding: var(--space-mid); container: story-window / inline-size; }
[data-scene='idea'] [data-story-window-body] { padding: 0; display: flex; }
[data-demo-assist] { flex: 1; display: flex; flex-direction: column; min-width: 0; text-align: left; animation: vanta-rise .34s var(--motion-ease) both; }
[data-demo-log] { flex: 1; display: flex; flex-direction: column; gap: var(--space-mid); padding: var(--space-mid); overflow: hidden; }
[data-demo-log] > * { flex: none; }
[data-story-turn] [data-swarm-body] { position: relative; }
[data-story-turn='3'] { --t: clamp(0, calc((var(--story-p) - .05) / .03), 1); }
[data-story-turn='4'] { --t: clamp(0, calc((var(--story-p) - .09) / .02), 1); --say: clamp(0, calc((var(--story-p) - .12) / .03), 1); }
[data-story-turn='3'], [data-story-turn='4'] { opacity: var(--t); transform: translateY(calc((1 - var(--t)) * 10px)); }
[data-story-turn='4'] [data-swarm-text] { opacity: var(--say); }
[data-demo-typing] { position: absolute; left: 0; top: 1.5rem; display: inline-flex; gap: 4px; padding: 6px 0; opacity: calc(1 - var(--say, 1)); }
[data-demo-typing] i { width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); animation: vanta-typing 1.2s var(--motion-ease) infinite; }
[data-demo-typing] i:nth-child(2) { animation-delay: .18s; }
[data-demo-typing] i:nth-child(3) { animation-delay: .36s; }
[data-demo-cta] { display: flex; align-items: center; gap: var(--space-base); padding: var(--space-loose) var(--space-mid); border-top: 1px solid var(--border-faint); color: var(--accent-hover); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-demo-cta]:hover { background: var(--hover-wash); } }
[data-demo-cta]:active { background: var(--press-wash); transition-duration: 0s; }
[data-demo-cta] [data-icon] { transition: transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-demo-cta]:hover [data-icon] { transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-demo-cta]:hover [data-icon] { transform: none; } }
@media (pointer: coarse) { [data-demo-cta] { min-block-size: 44px; } }
[data-story-rulebook] { display: grid; gap: var(--space-mid); }
[data-story-quote] { margin: 0; padding: var(--space-loose) var(--space-mid); border-left: 2px solid var(--border-subtle); background: var(--surface-sunken); border-radius: 0 var(--radius-control) var(--radius-control) 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-muted); }
[data-story-quote] p { margin: 0; }
[data-story-phrase] { color: var(--text-primary); background: linear-gradient(var(--accent-wash), var(--accent-wash)) no-repeat 0 0 / calc(var(--lit, 1) * 100%) 100%, linear-gradient(var(--accent-base), var(--accent-base)) no-repeat 0 100% / calc(var(--lit, 1) * 100%) 1px; border-radius: var(--radius-chip); padding: 0 2px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
[data-story-phrase='context'] { --lit: clamp(0, calc((var(--story-p) - .275) / .02), 1); }
[data-story-phrase='entry'] { --lit: clamp(0, calc((var(--story-p) - .305) / .02), 1); }
[data-story-phrase='stop'] { --lit: clamp(0, calc((var(--story-p) - .335) / .02), 1); }
[data-story-rules] { list-style: none; margin: 0; padding: 0; display: grid; border: 1px solid var(--border-faint); border-radius: var(--radius-panel); background: var(--surface-raised); }
[data-story-rule] { display: grid; grid-template-columns: 4.75rem minmax(0, 1fr) auto; align-items: center; gap: var(--space-loose); padding: var(--space-loose) var(--space-mid); border-top: 1px solid var(--border-faint); opacity: var(--t, 1); transform: translateY(calc((1 - var(--t, 1)) * -12px)); }
[data-story-rule]:first-child { border-top: 0; }
[data-story-rules] { --t: clamp(0, calc((var(--story-p) - .285) / .025), 1); opacity: var(--t); transform: translateY(calc((1 - var(--t)) * -12px)); }
[data-story-rule='1'] { --t: 1; }
[data-story-rule='2'] { --t: clamp(0, calc((var(--story-p) - .315) / .025), 1); }
[data-story-rule='3'] { --t: clamp(0, calc((var(--story-p) - .345) / .025), 1); }
[data-story-rule='4'] { --t: clamp(0, calc((var(--story-p) - .375) / .025), 1); }
[data-story-rule-kind] { justify-self: start; padding: 1px var(--space-base); border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; background: color-mix(in oklab, currentColor 14%, transparent); color: var(--text-muted); }
[data-story-rule='2'] [data-story-rule-kind] { color: var(--accent-hover); }
[data-story-rule='3'] [data-story-rule-kind] { color: var(--state-negative); }
[data-story-rule='4'] [data-story-rule-kind] { color: var(--state-positive); }
[data-story-rule-text] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-story-assumed] { opacity: clamp(0, calc((var(--story-p) - .40) / .02), 1); }
[data-story-footnote] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-story-research] { display: grid; gap: var(--space-loose); }
[data-story-chart] { position: relative; aspect-ratio: 3 / 1; container-type: inline-size; --t: clamp(0, calc((var(--story-p) - .53) / .12), 1); }
[data-story-chart] svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
[data-story-grid] line { stroke: var(--border-faint); stroke-width: 1; vector-effect: non-scaling-stroke; }
[data-story-reveal='chart'] { position: absolute; inset: 0; clip-path: inset(0 calc((1 - var(--t)) * 100%) 0 0); }
[data-story-area] { fill: color-mix(in oklab, var(--accent-base) 9%, transparent); }
[data-story-price] { fill: none; stroke: var(--accent-base); stroke-width: 1.75; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-story-vwap] { fill: none; stroke: var(--text-muted); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
[data-story-span] { stroke: var(--text-muted); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
[data-story-entry] { fill: var(--surface-base); stroke: var(--accent-hover); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
[data-story-exit] { stroke: var(--surface-base); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
[data-outcome='win'] > [data-story-exit] { fill: var(--state-positive); }
[data-outcome='loss'] > [data-story-exit] { fill: var(--state-negative); }
[data-story-skip] { fill: var(--text-muted); }
[data-story-cursor] { position: absolute; top: 0; bottom: 0; left: 0; width: 1px; pointer-events: none; background: linear-gradient(to bottom, transparent, var(--accent-hover) 30%, var(--accent-hover) 70%, transparent); transform: translateX(calc(var(--t) * 100cqi)); opacity: calc(min(var(--t), 1 - var(--t)) * 20); }
[data-story-legend] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-hair) var(--space-mid); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-story-legend] li { display: inline-flex; align-items: center; gap: var(--space-snug); }
[data-story-legend] li::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--text-muted); }
[data-story-legend] [data-legend-key='price']::before { width: 14px; height: 2px; border-radius: 1px; background: var(--accent-base); }
[data-story-legend] [data-legend-key='vwap']::before { width: 14px; height: 0; border-radius: 0; border-top: 1px dashed var(--text-muted); background: none; }
[data-story-legend] [data-legend-key='win']::before { background: var(--state-positive); }
[data-story-legend] [data-legend-key='loss']::before { background: var(--state-negative); }
[data-story-legend] [data-legend-key='skip']::before { width: 5px; height: 5px; }
[data-story-legend] [data-legend-key='entry']::before { width: 7px; height: 7px; box-sizing: border-box; border: 1.5px solid var(--accent-hover); background: none; }
[data-story-stats] { --t: clamp(0, calc((var(--story-p) - .64) / .025), 1); opacity: var(--t); transform: translateY(calc((1 - var(--t)) * 6px)); }
[data-story-note] { display: flex; align-items: flex-start; gap: var(--space-base); margin: 0; padding: var(--space-base) var(--space-loose); border: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); border-radius: var(--radius-panel); background: color-mix(in oklab, var(--state-caution) 7%, transparent); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); --t: clamp(0, calc((var(--story-p) - .67) / .02), 1); opacity: var(--t); transform: translateY(calc((1 - var(--t)) * 6px)); }
[data-story-note] b { margin-inline-end: var(--space-snug); font-weight: 600; color: var(--state-caution); }
[data-story-monitor] { display: grid; gap: var(--space-loose); }
[data-story-run-name] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-base); margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-story-run-name] b { font-weight: 600; }
[data-story-run-meta] { margin: var(--space-hair) 0 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-story-run-figures] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-wide); padding: var(--space-loose) var(--space-mid); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); background: var(--surface-raised); }
[data-story-run-figures] [data-stats][data-variant='inline'] { grid-template-columns: repeat(2, max-content); gap: var(--space-wide); }
[data-story-spark] { position: relative; height: 64px; --t: clamp(0, calc((var(--story-p) - .78) / .12), 1); }
[data-story-reveal='equity'] { position: absolute; inset: 0; clip-path: inset(0 calc((1 - var(--t)) * 100%) 0 0); }
[data-story-reveal='equity'] svg { width: 100%; height: 100%; display: block; overflow: visible; }
[data-story-zero] { stroke: var(--border-subtle); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
[data-story-equity-area] { fill: color-mix(in oklab, var(--accent-base) 10%, transparent); }
[data-story-equity] { fill: none; stroke: var(--accent-base); stroke-width: 1.75; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
[data-story-position] { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-loose); padding: var(--space-base) var(--space-mid); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); --t: clamp(0, calc((var(--story-p) - .8) / .02), 1); opacity: var(--t); transform: translateY(calc((1 - var(--t)) * 8px)); }
[data-story-position-market] { font-weight: 600; }
[data-story-position-since] { color: var(--text-muted); }
[data-story-decisions] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-story-decision] { display: grid; grid-template-columns: 3.25rem auto minmax(0, 1fr); align-items: baseline; gap: var(--space-loose); padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); opacity: var(--t, 1); transform: translateX(calc((1 - var(--t, 1)) * -8px)); }
[data-story-decision='1'] { --t: clamp(0, calc((var(--story-p) - .82) / .02), 1); }
[data-story-decision='2'] { --t: clamp(0, calc((var(--story-p) - .835) / .02), 1); }
[data-story-decision='3'] { --t: clamp(0, calc((var(--story-p) - .85) / .02), 1); }
[data-story-decision='4'] { --t: clamp(0, calc((var(--story-p) - .865) / .02), 1); }
[data-story-decision-time] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; color: var(--text-muted); }
[data-story-decision-verb] { font-weight: 600; white-space: nowrap; }
[data-story-decision-verb][data-kind='skipped'] { font-weight: 500; color: var(--text-muted); }
[data-story-decision-why] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); }
@container story-window (max-width: 30rem) {
       [data-story-rule] { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--space-snug); }
       [data-story-rule-text] { grid-column: 1 / -1; grid-row: 2; }
       [data-story-stats] [data-stats][data-variant='tiles'] { display: grid; grid-template-columns: 1fr 1fr; }
       [data-story-decision] { grid-template-columns: 3rem minmax(0, 1fr); row-gap: var(--space-hair); }
       [data-story-decision-why] { grid-column: 2; white-space: normal; }
       [data-story-run-figures] { grid-template-columns: 1fr; gap: var(--space-loose); }
     }
@media (min-width: 768px) and (min-height: 560px) and (prefers-reduced-motion: no-preference) {
       [data-story] { height: 400svh; --story-p: 0; view-timeline: --story block; }
       [data-story-frame] { position: sticky; top: var(--bar-h); height: calc(100svh - var(--bar-h)); grid-template-columns: minmax(0, 17rem) minmax(0, 1fr); grid-template-rows: auto; align-content: center; column-gap: clamp(2rem, 4vw, 4rem); row-gap: 0; padding: var(--space-wide) 0; }
       [data-story-aside] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
       [data-story-device] { display: block; grid-column: 2; grid-row: 1; position: relative; min-height: 26rem; box-sizing: border-box; border: 1px solid var(--border-subtle); border-radius: var(--radius-modal); background: var(--surface-base); box-shadow: var(--elevation-overlay); }
       [data-story-device]::before { content: ''; position: absolute; inset: -16% -10%; z-index: -1; pointer-events: none; background: radial-gradient(closest-side, color-mix(in oklab, var(--accent-emphasis) 16%, transparent), transparent); }
       [data-story-device-head] { height: 44px; box-sizing: border-box; background: var(--surface-raised); border-bottom: 1px solid var(--border-faint); border-radius: var(--radius-modal) var(--radius-modal) 0 0; }
       [data-story-chapter] { grid-column: 1 / 3; grid-row: 1; grid-template-columns: subgrid; gap: normal; align-items: stretch; pointer-events: none; --in: 1; --out: 1; }
       [data-story][data-beat='1'] [data-story-chapter='1'], [data-story][data-beat='2'] [data-story-chapter='2'], [data-story][data-beat='3'] [data-story-chapter='3'], [data-story][data-beat='4'] [data-story-chapter='4'] { pointer-events: auto; }
       [data-story-chapter='1'] { --out: clamp(0, calc((.25 - var(--story-p)) * 40), 1); --win-out: clamp(0, calc((.25 - var(--story-p)) * 80), 1); }
       [data-story-chapter='2'] { --in: clamp(0, calc((var(--story-p) - .25) * 40), 1); --out: clamp(0, calc((.5 - var(--story-p)) * 40), 1); --win-in: clamp(0, calc((var(--story-p) - .25) * 80), 1); --win-out: clamp(0, calc((.5 - var(--story-p)) * 80), 1); }
       [data-story-chapter='3'] { --in: clamp(0, calc((var(--story-p) - .5) * 40), 1); --out: clamp(0, calc((.75 - var(--story-p)) * 40), 1); --win-in: clamp(0, calc((var(--story-p) - .5) * 80), 1); --win-out: clamp(0, calc((.75 - var(--story-p)) * 80), 1); }
       [data-story-chapter='4'] { --in: clamp(0, calc((var(--story-p) - .75) * 40), 1); --win-in: clamp(0, calc((var(--story-p) - .75) * 80), 1); }
       [data-story-copy] { align-self: center; opacity: min(var(--in), var(--out)); transform: translateY(calc((1 - var(--in)) * 20px - (1 - var(--out)) * 20px)); }
       [data-story-title] { font-size: clamp(var(--size-heading), 2.8vw, var(--size-figure)); line-height: var(--leading-figure); letter-spacing: var(--tracking-figure); }
       [data-story-window] { background: none; border-color: transparent; box-shadow: none; opacity: min(var(--win-in, 1), var(--win-out, 1)); transform: translateY(calc((1 - var(--win-in, 1)) * 16px - (1 - var(--win-out, 1)) * 16px)); }
       [data-story-window-head] { background: none; border-bottom-color: transparent; }
     }
@media (min-width: 1180px) and (min-height: 560px) and (prefers-reduced-motion: no-preference) {
       [data-story-frame] { grid-template-columns: 8rem minmax(0, 20rem) minmax(0, 1fr); }
       [data-story-aside] { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; grid-column: 1; grid-row: 1; align-self: center; }
       [data-story-heading] { margin-bottom: var(--space-mid); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--text-muted); }
       [data-story-index] { display: block; position: relative; isolation: isolate; }
       [data-story-device] { grid-column: 3; }
       [data-story-chapter] { grid-column: 2 / 4; }
     }
@supports (animation-timeline: view()) {
       @media (min-width: 768px) and (min-height: 560px) and (prefers-reduced-motion: no-preference) {
         [data-story] { animation: vanta-story-progress linear both; animation-timeline: --story; animation-range: contain 0% contain 100%; }
       }
     }
@keyframes vanta-story-progress { from { --story-p: 0; } to { --story-p: 1; } }
[data-story-index] ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-hair); }
[data-story-step] { display: flex; align-items: center; gap: var(--space-loose); margin-inline-start: calc(-1 * var(--space-base)); padding: var(--space-base); border-radius: var(--radius-control); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--text-muted); text-decoration: none; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-story-step]:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-story-step]:active { background: var(--press-wash); transition-duration: 0s; }
[data-story-step][aria-current='step'] { color: var(--text-primary); }
[data-story-step-num] { display: grid; place-items: center; flex: none; width: 22px; height: 22px; box-sizing: border-box; border-radius: 50%; border: 1px solid var(--border-subtle); background: var(--surface-base); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-variant-numeric: tabular-nums; color: var(--text-muted); transition: color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-story-step]:hover [data-story-step-num] { border-color: var(--hover-border); color: var(--text-primary); } }
[data-story-step][aria-current='step'] [data-story-step-num] { border-color: var(--accent-base); background: var(--accent-emphasis); color: var(--text-inverse); }
[data-story-rail] { position: absolute; z-index: -1; left: 10px; top: 19px; bottom: 19px; width: 2px; border-radius: 1px; overflow: hidden; background: var(--border-subtle); }
[data-story-rail-fill] { position: absolute; inset: 0; background: var(--accent-base); transform-origin: 50% 0; transform: scaleY(var(--story-p)); }
[data-landing-section] { margin-inline: var(--page-inset); padding-top: clamp(5rem, 12vw, 8rem); }
[data-landing-section-head] { margin-bottom: var(--space-gutter); }
[data-landing-section-head] h2 { margin: 0; font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-size: clamp(var(--size-heading), 3vw, var(--size-figure)); font-weight: 600; text-wrap: balance; }
[data-landing-section-head] p { margin: var(--space-base) 0 0; font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); color: var(--text-muted); }
[data-doors] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-mid); text-align: left; }
@media (max-width: 860px) { [data-doors] { grid-template-columns: 1fr; } }
[data-doors] > li { display: flex; }
[data-door] { flex: 1; display: flex; flex-direction: column; box-sizing: border-box; padding: var(--space-wide); background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-modal); color: inherit; text-decoration: none; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-door]:hover { background: color-mix(in oklab, var(--surface-nested) 60%, var(--surface-raised)); } }
[data-door-icon] { display: grid; place-items: center; width: 36px; height: 36px; margin-bottom: var(--space-section); border-radius: var(--radius-control); background: var(--accent-wash); color: var(--accent-hover); }
[data-door] h3 { margin: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; }
[data-door] p { margin: var(--space-base) 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-door-go] { display: inline-flex; align-items: center; gap: var(--space-snug); margin-top: auto; padding-top: var(--space-wide); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); transition: color var(--duration-hover) var(--motion-ease); }
[data-door-go] [data-icon] { transition: transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-door]:hover [data-door-go] { color: var(--accent-hover); } }
@media (hover: hover) and (pointer: fine) { [data-door]:hover [data-door-go] [data-icon] { transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-door]:hover [data-door-go] [data-icon] { transform: none; } }
[data-facts] { list-style: none; margin: 0; padding: var(--space-gutter) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-gutter); border-top: 1px solid var(--border-faint); }
@media (max-width: 860px) { [data-facts] { grid-template-columns: 1fr; gap: var(--space-wide); } }
[data-fact] { display: grid; gap: var(--space-base); align-content: start; }
[data-fact-icon] { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: var(--space-hair); box-sizing: border-box; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-raised); color: var(--text-primary); }
[data-fact] h3 { margin: 0; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; }
[data-fact] p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-landing-close] { position: relative; isolation: isolate; display: grid; justify-items: center; gap: var(--space-wide); margin: clamp(5rem, 12vw, 8rem) var(--page-inset) 0; padding-block: clamp(4rem, 9vw, 6rem); text-align: center; border-top: 1px solid var(--border-faint); overflow: clip; }
[data-landing-close-glow] { position: absolute; inset: 0; z-index: -1; background: radial-gradient(46% 80% at 50% 100%, color-mix(in oklab, var(--accent-emphasis) 18%, transparent), transparent 72%); }
[data-landing-close] h2 { margin: 0; font-size: var(--size-figure); line-height: var(--leading-figure); letter-spacing: var(--tracking-figure); font-size: clamp(var(--size-heading), 4vw, var(--size-figure)); font-weight: 600; text-wrap: balance; }
[data-landing-close-actions] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-loose); }
[data-landing-foot] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-mid) var(--space-wide); margin: 0 var(--page-inset); padding: var(--space-gutter) 0 var(--space-band); border-top: 1px solid var(--border-faint); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-landing-foot-links] { display: flex; flex-wrap: wrap; gap: var(--space-hair) var(--space-base); margin-inline-start: auto; }
[data-landing-foot-links] a { display: inline-flex; align-items: center; padding: var(--space-hair) var(--space-base); border-radius: var(--radius-control); color: var(--text-muted); text-decoration: none; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-landing-foot-links] a:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-landing-foot-links] a:active { background: var(--press-wash); transition-duration: 0s; }
@media (pointer: coarse) { [data-landing-foot-links] a { min-block-size: 44px; } }
[data-landing-foot-legal] { margin: 0; flex-basis: 100%; }
[data-landing-foot-legal] a { color: inherit; text-underline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { [data-landing-foot-legal] a:hover { color: var(--text-primary); } }
@media (max-width: 640px) { [data-landing-foot] { flex-direction: column; align-items: flex-start; } [data-landing-foot-links] { margin-inline-start: calc(-1 * var(--space-base)); } [data-landing-foot-legal] { flex-basis: auto; } }
[data-reveal-i='1'] { --reveal-i: 1; }
[data-reveal-i='2'] { --reveal-i: 2; }
[data-reveal-i='3'] { --reveal-i: 3; }
@media screen and (prefers-reduced-motion: no-preference) {
       [data-landing][data-reveal='on'] :is([data-reveal-item], [data-story-chapter]) { transition: opacity .32s var(--motion-ease), transform .32s var(--motion-ease); transition-delay: calc(var(--reveal-i, 0) * 40ms); }
       [data-landing][data-reveal='on'] :is([data-reveal-item], [data-story-chapter]):not([data-shown]) { opacity: 0; transform: translateY(16px); }
     }
[data-describe] { margin: 5vh 0 0; }
[data-describe] h2 { font-size: var(--size-figure); line-height: var(--leading-figure); letter-spacing: var(--tracking-figure); font-weight: 600; text-wrap: balance; margin: 0; }
[data-describe] [data-sub] { margin-top: 10px; color: var(--text-muted); font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); }
[data-composer] { margin-top: 24px; background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); padding: 8px 8px 8px 18px; display: flex; align-items: flex-end; gap: 10px; text-align: left; box-shadow: var(--elevation-lift); transition: border-color .2s var(--motion-ease), box-shadow .2s var(--motion-ease); }
[data-composer]:focus-within { border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-composer] :is(textarea, input):focus-visible { outline: none; box-shadow: none; }
[data-composer] textarea { flex: 1; background: none; border: none; outline: none; resize: none; color: inherit; font-family: inherit; font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); padding: 10px 0; max-height: min(40vh, 320px); caret-color: var(--accent-hover); }
[data-composer] textarea::placeholder { color: var(--text-muted); opacity: .7; }
[data-composer-send] { width: 40px; height: 40px; border-radius: var(--radius-panel); border: none; background: var(--surface-inverse); color: var(--text-inverse); font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); font-weight: 700; flex-shrink: 0; cursor: pointer; transition: background var(--duration-hover) var(--motion-ease), opacity .15s var(--motion-ease); }
[data-examples] { display: flex; flex-wrap: wrap; gap: var(--space-base); margin-top: 16px; }
[data-example] { border: 1px solid var(--border-subtle); background: none; border-radius: var(--radius-control); padding: 5px 14px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-example]:hover { border-color: var(--border-strong); color: var(--text-primary); } }
[data-assist] { display: grid; gap: var(--space-tight); margin-inline: 0; padding: 11px 0; }
[data-assist] p { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-muted); text-align: left; margin: 0; }
[data-assist] b { color: var(--text-primary); }
[data-own-wrap] { margin: 1vh 0 0; }
[data-own-card] { background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); padding: 30px 34px; box-shadow: var(--elevation-lift); }
[data-own-wrap] > * + * { margin-top: var(--space-mid); }
[data-own-unplaced] { border-left: 3px solid var(--state-caution); }
[data-own-unplaced-clause] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-primary); margin: 8px 0 0; font-style: italic; }
[data-own-superseded] { font-style: normal; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-own-unplaced] > [data-label-source] { display: block; margin-top: 12px; }
[data-own-rules] { display: grid; gap: var(--space-base); margin-top: 12px; }
[data-own-rule-group] > ul { margin: 6px 0 0; padding-inline-start: 18px; }
[data-own-rule-group] li { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-primary); }
[data-para] { font-size: var(--size-prose); line-height: var(--leading-prose); letter-spacing: var(--tracking-prose); font-weight: 500; }
[data-val] { display: inline; padding: 1px 2px; overflow-wrap: break-word; border-bottom: 2px solid; position: relative; border-radius: 2px 2px 0 0; transition: background var(--duration-hover) var(--motion-ease); }
[data-val][data-prov="user"] { border-color: var(--state-positive); }
[data-val][data-prov="inferred"] { border-color: var(--state-caution); border-bottom-style: dashed; }
[data-val][data-prov="template"] { border-color: var(--border-strong); border-bottom-style: dotted; }
[data-val][data-prov="edited"] { border-color: var(--accent-hover); }
[data-val-source] { margin-top: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-panel-body] > p + [data-props] { margin-top: var(--space-loose); }
[data-val][data-editable] { cursor: pointer; }
[data-val][data-pending] { opacity: .55; cursor: progress; }
[data-val][data-pending] select { cursor: progress; }
@media (hover: hover) and (pointer: fine) { [data-val][data-editable]:hover { background: color-mix(in oklab, var(--text-primary) 7%, transparent); } }
[data-val] select { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
[data-val]:has(select:focus-visible) { outline: 2px solid var(--accent-emphasis); outline-offset: 2px; }
[data-legend] { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--border-subtle); }
[data-leg] { display: flex; align-items: center; gap: 7px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-leg] i { width: 16px; border-bottom: 2px solid; display: block; }
[data-leg][data-prov="user"] i { border-color: var(--state-positive); }
[data-leg][data-prov="inferred"] i { border-color: var(--state-caution); border-bottom-style: dashed; }
[data-leg][data-prov="template"] i { border-color: var(--border-strong); border-bottom-style: dotted; }
[data-leg][data-prov="edited"] i { border-color: var(--accent-hover); }
[data-own-actions] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-loose); margin-top: 20px; }
[data-own-chat] { background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); box-shadow: var(--elevation-lift); overflow: hidden; }
[data-own-chat] > [data-ws-head] { padding: 10px 14px 0; margin-bottom: 4px; }
[data-own-chat-log] { display: flex; flex-direction: column; gap: 14px; max-height: 320px; overflow-y: auto; scrollbar-gutter: stable; overscroll-behavior: contain; padding: 20px 22px; }
[data-own-chat-log]:empty { display: none; }
[data-own-turn] { display: flex; flex-direction: column; gap: 5px; max-width: 88%; font-family: var(--font-sans); }
[data-own-turn][data-own-who='you'] { align-self: flex-end; align-items: flex-end; }
[data-own-bubble] { padding: 10px 14px; border-radius: var(--radius-panel); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-primary); background: var(--surface-sunken); white-space: pre-wrap; }
[data-own-turn][data-own-who='you'] [data-own-bubble] { background: var(--accent-wash); }
[data-own-act] { font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-positive); }
[data-own-act][data-ok='false'] { color: var(--state-caution); }
[data-own-chat-form] { padding: 12px 14px; border-top: 1px solid var(--border-subtle); background: var(--surface-base); }
[data-own-actions] [data-note] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-spec-tree] > [data-own-actions] { display: block; }
[data-chartwrap] { background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; box-shadow: var(--elevation-lift); }
[data-chart-head] { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--border-subtle); }
[data-chart-head] [data-title] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; white-space: nowrap; flex: none; }
[data-data-note] { flex: 1; min-width: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
[data-chart-head] { flex-wrap: wrap; }
[data-chart-head] [data-data-note] { flex: 1 0 100%; -webkit-line-clamp: none; line-clamp: none; }
[data-chartwrap] { display: flex; flex-direction: column; }
[data-chart-frame] { position: relative; display: flex; flex-direction: column; min-height: 0; }
[data-session-chart] { display: block; width: 100%; height: 340px; }
[data-session-chart] { --chart-volume-up: color-mix(in oklab, var(--state-positive) 28%, transparent); --chart-volume-down: color-mix(in oklab, var(--state-negative) 28%, transparent); }
[data-chartwrap] > [data-chart-frame] { flex: 1; }
[data-chartwrap] > [data-chart-frame] > [data-session-chart] { flex: 1; height: auto; min-height: 240px; }
[data-chart-readout] { position: absolute; top: 10px; left: 14px; z-index: 2; font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); pointer-events: none; letter-spacing: .03em; white-space: pre; }
[data-chart-readout][data-dir="up"] { color: var(--state-positive); }
[data-chart-readout][data-dir="down"] { color: var(--state-negative); }
[data-layer-line] { display: flex; flex-wrap: wrap; gap: 7px; padding: 11px 14px; border-top: 1px solid var(--border-subtle); }
span[data-layer] { display: flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); border: 1px solid var(--border-subtle); border-radius: 999px; padding: 4px 11px; opacity: .35; transition: opacity .5s var(--motion-ease), color .5s var(--motion-ease), border-color .5s var(--motion-ease); }
[data-layer][data-on] { opacity: 1; color: var(--text-primary); border-color: var(--border-strong); }
[data-build-grid] { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 14px; align-items: stretch; min-height: clamp(430px, calc(100dvh - 320px), 720px); }
@media (max-width: 900px) { [data-build-grid] { grid-template-columns: 1fr; } }
[data-bitem] { display: flex; gap: 11px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--border-faint); opacity: .32; transition: opacity .5s var(--motion-ease); }
[data-bitem]:first-of-type { border-top: none; }
[data-bitem][data-on] { opacity: 1; }
[data-bitem] [data-bi] { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--border-subtle); display: grid; place-items: center; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--state-positive); flex-shrink: 0; margin-top: 1px; transition: background .35s var(--motion-ease), border-color .35s var(--motion-ease), color .35s var(--motion-ease); }
[data-bitem][data-on] [data-bi] { border-color: color-mix(in oklab, var(--state-positive) 45%, transparent); background: color-mix(in oklab, var(--state-positive) 10%, transparent); }
[data-bitem][data-working] [data-bi] { border-color: var(--attribution-agent); }
[data-bitem][data-none] { opacity: 1; }
[data-bitem][data-none] [data-bi] { color: var(--text-muted); }
[data-bitem] [data-bt] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-bitem] [data-bs] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin-top: 2px; }
[data-findings] { display: grid; gap: var(--space-base); margin-top: var(--space-base); }
[data-finding] { border: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); background: color-mix(in oklab, var(--state-caution) 10%, transparent); border-radius: var(--radius-control); padding: 11px 12px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-finding][data-severity="hard"] { border-color: color-mix(in oklab, var(--state-negative) 32%, transparent); background: color-mix(in oklab, var(--state-negative) 10%, transparent); }
[data-finding] [data-fh] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--state-caution); margin-bottom: 4px; display: flex; gap: var(--space-base); }
[data-finding][data-severity="hard"] [data-fh] { color: var(--state-negative); }
[data-flash] { display: block; margin-top: 7px; padding: 0; background: none; border: 0; color: var(--accent-hover); font-family: inherit; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); text-align: left; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-flash]:hover { text-decoration: underline; } }
[data-flash-note] { margin: 6px 0 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-no-findings] { margin: 4px 0 0; padding: 11px 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-stale-replay] { grid-column: 1 / -1; margin: 0 0 var(--space-mid); padding: 11px 13px; border: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); background: color-mix(in oklab, var(--state-caution) 10%, transparent); border-radius: var(--radius-control); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-stale-replay] b { color: var(--text-primary); }
[data-trade-grid] { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 14px; align-items: stretch; min-height: clamp(430px, calc(100dvh - 320px), 720px); }
@media (max-width: 900px) { [data-trade-grid] { grid-template-columns: 1fr; } }
[data-moment] { animation: vanta-fade .14s var(--motion-ease) both; }
[data-moment] { background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); padding: 18px; min-height: 300px; display: flex; flex-direction: column; box-shadow: var(--elevation-lift); }
[data-moment] [data-moment-title] { font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
[data-moment] [data-moment-why] { margin-top: 10px; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-muted); }
[data-moment] [data-moment-why] b { color: var(--text-primary); }
[data-moment-rules] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
[data-rref] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--accent-hover); padding: 0; border: 0; background: none; text-decoration: underline; text-decoration-color: color-mix(in oklab, var(--accent-hover) 40%, transparent); text-underline-offset: 3px; }
[data-rref] + [data-rref] { margin-inline-start: var(--space-loose); }
[data-grade] { margin-top: auto; padding-top: 14px; }
[data-moment] > [data-btn] { margin-top: auto; }
[data-grade] + [data-btn] { margin-top: 18px; }
[data-grade] [data-gl] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin-bottom: 7px; }
[data-grade-buttons] { display: flex; gap: 6px; }
[data-grade-buttons] button { flex: 1; border: 1px solid var(--border-subtle); background: none; border-radius: var(--radius-control); padding: 7px 4px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-grade-buttons] button:hover { border-color: var(--accent-hover); color: var(--text-primary); } }
[data-grade-buttons] button[data-picked] { border-color: var(--accent-base); color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 12%, transparent); }
[data-research] { width: 100%; margin-inline: 0; display: grid; gap: var(--space-wide); }
[data-research] > [data-panel] > [data-panel-body] { display: grid; gap: var(--space-wide); align-content: start; }
[data-research-facts] { display: flex; flex-wrap: wrap; gap: 1px; margin: 0; background: var(--border-faint); border-block: 1px solid var(--border-faint); }
[data-research-facts] > div { flex: 1 1 auto; min-width: max-content; max-width: 100%; background: var(--surface-base); padding: 12px 16px 13px; }
[data-research-facts] dt { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-research-facts] dd { margin: 3px 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-family: var(--font-mono); color: var(--text-primary); overflow-wrap: anywhere; }
[data-research-caveat] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--state-caution); border-left: 2px solid color-mix(in oklab, var(--state-caution) 55%, transparent); padding-left: 12px; }
[data-research-figures] { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--space-wide) 32px; }
[data-return-basis] { margin-top: calc(-1 * var(--space-mid)); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-figure] { display: grid; gap: 4px; align-content: start; }
[data-figure-n] { font-size: var(--size-figure); line-height: var(--leading-figure); letter-spacing: var(--tracking-figure); font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1; }
[data-figure-k] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-figure][data-figure-sign="up"] [data-figure-n] { color: var(--state-positive); }
[data-figure][data-figure-sign="down"] [data-figure-n] { color: var(--state-negative); }
[data-figure-n][data-figure-sign="up"] { color: var(--state-positive); }
[data-figure-n][data-figure-sign="down"] { color: var(--state-negative); }
[data-claims] { display: grid; gap: 40px; }
[data-claim] { display: grid; gap: 10px; padding-left: 20px; border-left: 1px solid var(--border-subtle); }
[data-claim] > header { display: grid; gap: 6px; }
[data-claim-code] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); letter-spacing: .12em; color: var(--accent-hover); }
[data-claim] h3 { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); margin: 0; }
[data-claim-body] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: color-mix(in oklab, var(--text-primary) 82%, transparent); margin: 0; }
[data-challenges] { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 8px; }
[data-challenge] { display: grid; gap: 6px; }
[data-chal] { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; text-align: left; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-family: var(--font-mono); border: 1px solid var(--border-subtle); background: none; color: color-mix(in oklab, var(--text-primary) 82%, transparent); padding: 9px 14px; border-radius: var(--radius-control); cursor: pointer; transition: border-color var(--duration-hover) var(--motion-ease), color var(--duration-hover) var(--motion-ease), background var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-chal]:hover { border-color: var(--border-strong); color: var(--text-primary); } }
[data-chal-verdict] { flex: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-chal][data-outcome] { cursor: default; }
[data-chal][data-outcome="survived"] { border-color: color-mix(in oklab, var(--state-positive) 38%, transparent); background: color-mix(in oklab, var(--state-positive) 7%, transparent); }
[data-chal][data-outcome="survived"] [data-chal-verdict] { color: var(--state-positive); }
[data-chal][data-outcome="degraded"] { border-color: color-mix(in oklab, var(--state-caution) 38%, transparent); background: color-mix(in oklab, var(--state-caution) 7%, transparent); }
[data-chal][data-outcome="degraded"] [data-chal-verdict] { color: var(--state-caution); }
[data-chal-detail] { display: grid; grid-template-rows: 1fr; opacity: 1; margin: 0 0 4px 14px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); transition: grid-template-rows .24s var(--motion-ease), opacity .2s var(--motion-ease); }
[data-chal-detail] > span { overflow: hidden; }
@starting-style { [data-chal-detail] { grid-template-rows: 0fr; opacity: 0; } }
[data-claim-tally] { margin: 2px 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-claim-tally][data-mark="warn"] { color: var(--state-caution); }
[data-verdict] { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--border-subtle); }
[data-verdict] [data-vb] { font-weight: 600; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-variant-numeric: tabular-nums; }
[data-freeze-wrap] { width: 100%; display: grid; align-items: start; padding: 4vh 0 6vh; }
[data-freeze-card] { width: 100%; background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); padding: 28px 30px 30px; box-shadow: var(--elevation-lift); display: grid; gap: 22px; }
[data-freeze-head] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
[data-freeze-card] h2 { font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-weight: 600; margin: 0; }
[data-freeze-version] { color: var(--text-muted); font-weight: 500; }
[data-freeze-head] p { margin: 6px 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-freeze-tally] { display: flex; align-items: baseline; gap: 8px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-freeze-tally-n] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-primary); }
[data-freeze-rows] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-freeze-row] { display: grid; grid-template-columns: 18px 1fr; column-gap: 12px; row-gap: 3px; padding: 13px 0; border-top: 1px solid var(--border-faint); }
[data-freeze-row]:first-child { border-top: 0; padding-top: 0; }
[data-freeze-mark] { grid-row: 1 / span 2; justify-self: center; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--state-positive); }
[data-freeze-row][data-mark="warn"] [data-freeze-mark] { color: var(--state-caution); }
[data-freeze-row][data-mark="blocked"] [data-freeze-mark] { color: var(--state-negative); }
[data-freeze-title] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-freeze-note] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-freeze-actions] { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
[data-freeze-actions] [data-note] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-freeze-blocked] { display: grid; gap: var(--space-mid); }
[data-freeze-research] { display: flex; align-items: center; gap: var(--space-base); flex-wrap: wrap; }
[data-ws-head] { display: flex; align-items: center; gap: var(--space-loose); margin-bottom: 16px; flex-wrap: wrap; }
[data-ws-head] h2 { font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-weight: 600; margin: 0; }
[data-ws-head] h2[data-eyebrow] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--text-muted); }
[data-ov-grid] { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: 14px; align-items: stretch; }
@media (max-width: 1000px) { [data-ov-grid] { grid-template-columns: 1fr; } }
[data-ov-col] { display: flex; flex-direction: column; gap: 14px; min-height: 0; }
[data-feed][data-feed-compact] [data-feed-row] { align-items: center; }
[data-feed][data-feed-compact] [data-feed-row] [data-what] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-ov-more] { display: inline-flex; align-items: center; gap: var(--space-hair); align-self: flex-start; margin-top: var(--space-base); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--accent-base); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-ov-more]:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
[data-rb-para] { font-size: var(--size-prose); line-height: var(--leading-prose); letter-spacing: var(--tracking-prose); font-weight: 500; }
[data-replaced] { color: var(--text-muted); text-decoration-line: line-through; text-decoration-color: var(--text-muted); }
[data-val-replaced] { margin-top: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); }
[data-rb-trigger] { margin: var(--space-base) 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-rb-exit] { margin: var(--space-base) 0 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-feed] { display: flex; flex-direction: column; }
[data-feed-row] { display: flex; gap: 10px; padding: 9px 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); align-items: baseline; }
[data-feed-row]:first-child { border-top: none; }
[data-feed] > [data-label-source] { margin-left: 0; padding-top: var(--space-base); border-top: 1px solid var(--border-faint); }
[data-who] { font-family: var(--font-sans); font-weight: 600; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); padding: 2px 7px; border-radius: var(--radius-chip); flex-shrink: 0; }
[data-who="concierge"] { background: color-mix(in oklab, var(--accent-base) 12%, transparent); color: var(--accent-hover); }
[data-who="lead-quant"] { background: color-mix(in oklab, var(--accent-base) 12%, transparent); color: var(--accent-hover); }
[data-who="formalizer"] { background: color-mix(in oklab, var(--attribution-agent) 12%, transparent); color: var(--attribution-agent); }
[data-who="skeptic"] { background: color-mix(in oklab, var(--state-caution) 10%, transparent); color: var(--state-caution); }
[data-who="research"] { background: color-mix(in oklab, var(--state-positive) 10%, transparent); color: var(--state-positive); }
[data-who="trader"] { background: color-mix(in oklab, var(--text-primary) 9%, transparent); color: var(--text-primary); }
[data-feed-state] { font-family: var(--font-sans); font-weight: 600; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); padding: 2px 7px; border-radius: var(--radius-chip); flex-shrink: 0; background: color-mix(in oklab, var(--text-primary) 9%, transparent); color: var(--text-primary); }
[data-feed-state='degraded'], [data-feed-state='unreachable'], [data-feed-state='unchecked'], [data-feed-state='unconfigured'] { background: color-mix(in oklab, var(--state-caution) 10%, transparent); color: var(--state-caution); }
[data-feed-state='ok'] { background: color-mix(in oklab, var(--state-positive) 10%, transparent); color: var(--state-positive); }
[data-admin-feeds] { scroll-margin-top: calc(var(--bar-h) + 4.5rem); }
[data-feed-row] [data-what] { color: var(--text-muted); line-height: 1.5; flex: 1; }
[data-feed-row] [data-what] b { color: var(--text-primary); }
[data-feed-row] [data-t] { font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); flex-shrink: 0; font-variant-numeric: tabular-nums; }
@media (max-width: 639px) { [data-feed-row] { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: 'who t' 'what what'; column-gap: var(--space-base); row-gap: var(--space-hair); align-items: center; } [data-feed-row] > [data-who] { grid-area: who; justify-self: start; } [data-feed-row] > [data-t] { grid-area: t; justify-self: end; } [data-feed-row] > [data-what] { grid-area: what; } }
[data-tree] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); padding: 4px 0; }
[data-tnode] { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: start; column-gap: var(--space-loose); padding: 6px 0; min-width: 0; }
[data-tnode] > [data-tt] { justify-self: start; margin-top: 7px; }
[data-tnode] > [data-tnode-actions] { margin-top: 2px; }
[data-tnode-actions] { display: flex; align-items: center; gap: var(--space-hair); }
[data-tt] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); padding: 2px 7px; border-radius: var(--radius-chip); flex-shrink: 0; }
[data-tt="context"] { background: color-mix(in oklab, var(--state-positive) 10%, transparent); color: var(--state-positive); }
[data-tt="condition"] { background: color-mix(in oklab, var(--accent-base) 12%, transparent); color: var(--accent-hover); }
[data-tt="action"] { background: color-mix(in oklab, var(--text-primary) 8%, transparent); color: var(--text-primary); }
[data-tt="risk"] { background: color-mix(in oklab, var(--state-negative) 10%, transparent); color: var(--state-negative); }
[data-tt="discipline"] { background: color-mix(in oklab, var(--attribution-agent) 12%, transparent); color: var(--attribution-agent); }
[data-tnode] [data-tv] { display: grid; gap: 2px; min-width: 0; color: var(--text-muted); line-height: 1.45; }
[data-tval] { color: var(--text-primary); padding-top: 5px; }
[data-tnode] [data-tv] b { color: var(--text-primary); font-weight: 500; }
[data-tnode-comp] { display: block; }
[data-tnode-children] { position: relative; margin-left: 14px; border-left: 1px solid var(--border-strong); padding: 2px 0 2px 18px; min-width: 0; }
[data-tnode-children] [data-tnode]::before { content: ''; position: absolute; left: -18px; top: 50%; width: 14px; height: 1px; background: var(--border-strong); }
[data-tnode-remove] { margin-left: auto; flex: none; border: 1px solid transparent; background: none; padding: 1px 8px; border-radius: var(--radius-control); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); cursor: pointer; opacity: .5; transition: opacity .14s var(--motion-ease), color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
[data-tnode-remove]:focus-visible { opacity: 1; }
@media (hover: hover) and (pointer: fine) { [data-tnode]:hover [data-tnode-remove] { opacity: 1; } }
@media (hover: hover) and (pointer: fine) { [data-tnode-remove]:not(:disabled):hover { color: var(--state-negative); border-color: color-mix(in oklab, var(--state-negative) 40%, transparent); } }
[data-tnode-remove]:disabled { cursor: default; }
[data-tree-add] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-base); padding: 6px 0 2px; margin-inline-start: calc(96px + var(--space-loose)); }
[data-tree-add] select { flex: 1 1 220px; min-width: 0; max-width: 320px; }
[data-tree-add-hint] { flex-basis: 100%; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--accent-hover); }
[data-tree-add][data-preselected] select { border-color: var(--accent-emphasis); }
@media (max-width: 639px) { [data-tnode] { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--space-hair); } [data-tnode] > [data-tt] { grid-column: 1 / -1; margin-top: 0; } [data-tnode] > [data-tnode-actions] { flex-wrap: wrap; } [data-tnode] > [data-tnode-actions]:has(> :nth-child(2)) { grid-column: 1 / -1; } [data-tctl], [data-tctl] select { width: 100%; } [data-tree-add] { margin-inline-start: 0; } [data-tree-add] select { flex-basis: 100%; max-width: none; } }
[data-component-settings] { border: 0; margin: 0; padding: 0; min-inline-size: 0; display: grid; gap: var(--space-base); }
[data-component-settings-legend] { padding: 0; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-component-settings-fields] { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: var(--space-base); }
[data-component-settings-name] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-component-settings-name] b { color: var(--text-primary); font-weight: 600; }
[data-component-settings-actions] { display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-tree-add] > [data-component-settings] { flex: 1 1 100%; }
[data-tnode-settings-toggle] { flex: none; }
[data-tnode-settings] { padding: 6px 0 8px calc(96px + var(--space-loose)); }
[data-tnode-settings-twin] { margin: 0 0 8px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (max-width: 639px) { [data-tnode-settings] { padding-inline-start: 0; } }
[data-tnode-feed] { display: grid; gap: var(--space-hair); padding: 6px 0 8px calc(96px + var(--space-loose)); }
[data-tnode-feed-choice] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); min-inline-size: 0; }
@media (max-width: 639px) { [data-tnode-feed] { padding-inline-start: 0; } }
[data-step-cta] { display: flex; justify-content: center; margin-top: 20px; }
:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: 2px; }
:is([data-table-scroll], [data-segctl], [data-field-control], [data-dialog-head]) :focus-visible { outline-offset: -2px; }
[data-itv] { width: 100%; margin-inline: 0; display: flex; flex-direction: column; gap: 14px; }
[data-itv] [data-swarm-turn] { animation: none; }
[data-itv-said] { display: grid; gap: 4px; justify-items: end; min-width: 0; }
[data-itv-read] { display: grid; gap: 8px; min-width: 0; }
[data-itv] [data-rule] { margin: 0; }
[data-itv-composer] { margin-top: 6px; padding-left: 31px; }
[data-itv-rules] { display: grid; gap: var(--space-base); padding-left: 31px; }
[data-annotator] { position: relative; border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; background: var(--surface-sunken); }
[data-annotator] img { display: block; width: 100%; height: auto; }
[data-mark="setup"], [data-mark="trigger"], [data-mark="invalidation"], [data-mark="stop"], [data-mark="target"] { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 2px 8px; border-radius: 999px; border: 1px solid color-mix(in oklab, currentColor 35%, transparent); background: color-mix(in oklab, currentColor 10%, transparent); white-space: nowrap; }
:is([data-mark="setup"], [data-mark="trigger"], [data-mark="invalidation"], [data-mark="stop"], [data-mark="target"])::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
@media (hover: hover) and (pointer: fine) { button:is([data-mark="setup"], [data-mark="trigger"], [data-mark="invalidation"], [data-mark="stop"], [data-mark="target"]):hover { border-color: currentColor; } }
button:is([data-mark="setup"], [data-mark="trigger"], [data-mark="invalidation"], [data-mark="stop"], [data-mark="target"]):active { background: color-mix(in oklab, currentColor 22%, transparent); }
button:is([data-mark="setup"], [data-mark="trigger"], [data-mark="invalidation"], [data-mark="stop"], [data-mark="target"])[aria-pressed='true'] { border-color: currentColor; background: color-mix(in oklab, currentColor 18%, transparent); }
[data-mark="setup"] { color: var(--accent-base); }
[data-mark="trigger"] { color: var(--state-positive); }
[data-mark="invalidation"] { color: var(--state-caution); }
[data-mark="stop"] { color: var(--state-negative); }
[data-mark="target"] { color: var(--attribution-agent); }
[data-annotator] [data-mark] { position: absolute; left: var(--x); top: var(--y); transform: translate(-50%, -50%); width: 13px; height: 13px; margin: 0; padding: 0; border: 1.5px solid var(--text-inverse); border-radius: 50%; background: currentColor; box-shadow: 0 0 0 2px color-mix(in oklab, currentColor 35%, transparent); font-size: 0; }
[data-annotator] [data-mark]::before { content: none; }
[data-example-form] { container: example-form / inline-size; }
@container example-form (min-width: 56rem) { [data-example-form] > [data-form-layout][data-columns] { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); column-gap: var(--space-gutter); } [data-example-form] > [data-form-layout] > [data-form-section]:nth-of-type(1) { grid-column: 1; } [data-example-form] > [data-form-layout] > [data-form-section]:nth-of-type(2) { grid-column: 2; align-self: start; margin-top: 0; padding-top: 0; border-top: 0; } }
[data-example-chart] { display: grid; gap: var(--space-loose); justify-items: start; }
[data-example-chart] > :is([data-dropzone-field], [data-annotator]) { justify-self: stretch; }
[data-example-form] [data-legend] { margin-top: 0; padding-top: 0; border-top: 0; gap: var(--space-base); }
[data-mark-notes] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-base); }
[data-mark-notes] > li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin: 0; }
[data-mark-notes] > li > input { flex: 1 1 32ch; min-width: 0; }
[data-coverage]:not(table) { display: flex; flex-direction: column; }
div[data-cov-row] { display: flex; align-items: center; gap: var(--space-loose); padding: 7px 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-cov-row]:first-child { border-top: none; }
div[data-cov-row] > span:last-child { margin-left: auto; }
[data-cov-bar] { flex: 1; min-width: 60px; height: 4px; border-radius: 3px; background: var(--surface-sunken); overflow: hidden; }
[data-cov-bar]::before { content: ''; display: block; height: 100%; width: 100%; transform: scaleX(var(--w-scale, 0)); transform-origin: left center; border-radius: 3px; background: linear-gradient(90deg, var(--accent-base), var(--accent-hover)); transition: transform .28s var(--motion-ease); }
:is(li, div)[data-rule] { display: flex; align-items: baseline; gap: var(--space-loose); padding: 7px 2px; border-top: 1px solid var(--border-faint); border-left: 2px solid transparent; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-rule]:first-child { border-top: none; }
[data-rule][data-rule-flow] { display: block; }
[data-rule-flow] > p { margin: 0 0 6px; }
[data-rule-flow] [data-rule-verdicts] { display: grid; gap: var(--space-base); margin-top: var(--space-loose); max-width: none; min-width: 0; }
[data-rule-edit] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-base); }
[data-rule-edit] > [data-form-field] { flex: 1 1 min(46ch, 100%); min-width: 0; }
[data-rule-verdict-buttons] { display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-rule-flow] > [data-badge] + [data-badge] { margin-inline-start: var(--space-base); }
[data-rule][data-status="extracted"] { border-left-color: var(--state-caution); background: color-mix(in oklab, var(--state-caution) 7%, transparent); }
[data-rule][data-status="confirmed"] { border-left-color: var(--state-positive); background: color-mix(in oklab, var(--state-positive) 7%, transparent); }
[data-rule][data-status="edited"] { border-left-color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 8%, transparent); }
[data-rule][data-status="rejected"] { color: var(--text-muted); text-decoration: line-through; opacity: .65; }
[data-rb-section] { padding: var(--space-loose) 0; border-top: 1px solid var(--border-faint); }
[data-rb-section]:first-child { border-top: none; }
[data-rb-section] h3, [data-rb-section] h4 { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--text-muted); margin: 0 0 var(--space-base); }
[data-contra] { border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); padding: 12px 16px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-contra][data-status="open"] { border-color: color-mix(in oklab, var(--state-caution) 30%, transparent); background: color-mix(in oklab, var(--state-caution) 10%, transparent); }
[data-contra][data-status="resolved"] { border-color: color-mix(in oklab, var(--state-positive) 30%, transparent); background: color-mix(in oklab, var(--state-positive) 8%, transparent); }
[data-contra][data-status="accepted"] { border-color: var(--border-subtle); }
textarea, select, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden']) { background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); color: var(--text-primary); font-family: inherit; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); padding: 5px 12px; }
select, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden']) { min-block-size: 2rem; }
textarea::placeholder, input::placeholder { color: var(--text-muted); opacity: 1; }
textarea { field-sizing: content; max-height: 60vh; }
[data-paste-box] { width: 100%; min-height: 8lh; }
[data-describe] [data-composer] textarea { max-height: min(60vh, 560px); }
textarea:focus-visible, select:focus-visible, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden']):focus-visible { outline: none; border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
input[type='date']::-webkit-calendar-picker-indicator { opacity: .55; }
select:not([data-val] select) { appearance: none; -webkit-appearance: none; padding-right: 30px; background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%); background-position: calc(100% - 17px) calc(50% - 1px), calc(100% - 12px) calc(50% - 1px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
@media (hover: hover) and (pointer: fine) { select:not([data-val] select):hover { background-image: linear-gradient(45deg, transparent 50%, var(--text-primary) 50%), linear-gradient(135deg, var(--text-primary) 50%, transparent 50%); } }
[data-pickup] { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; gap: var(--space-loose); margin-top: var(--space-loose); padding: 10px 14px; border: 1px solid color-mix(in oklab, var(--accent-base) 34%, transparent); border-radius: var(--radius-control); background: var(--accent-wash); }
[data-pickup-said] { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
[data-pickup-why] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-pickup-last] { margin: 0; min-width: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-pickup-go] { flex: none; }
@media (max-width: 639px) { [data-pickup] { padding: var(--space-snug) var(--space-snug) var(--space-snug) var(--space-loose); } [data-pickup-last] { display: none; } [data-pickup-why] { font-weight: 500; } [data-pickup-go-word] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-pickup-go] [data-btn] { padding-inline: 0; inline-size: 44px; justify-content: center; } }
[data-library-browser] { display: grid; gap: var(--space-gutter); min-width: 0; }
[data-family-section] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-family-head] { display: flex; align-items: center; gap: var(--space-base); }
[data-family-title] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-component-grid] { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: var(--space-loose); }
[data-component-card] { grid-row: span 5; display: grid; grid-template-rows: subgrid; row-gap: var(--space-base); align-content: start; min-width: 0; padding: var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-base); color: var(--text-primary); text-decoration: none; }
@supports not (grid-template-rows: subgrid) { [data-component-card] { grid-row: auto; grid-template-rows: auto auto 1fr auto auto; } }
[data-card-top] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-base); min-width: 0; min-block-size: 1.25rem; }
[data-family-chip] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-family-chip][data-yours] { color: var(--accent-hover); }
[data-kind-chip] { flex: none; padding: 0 var(--space-snug); border: 1px solid var(--border-subtle); border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--text-muted); }
[data-kind-chip][data-kind='signal'] { color: var(--accent-hover); border-color: color-mix(in oklab, var(--accent-base) 45%, transparent); background: color-mix(in oklab, var(--accent-base) 10%, transparent); }
[data-card-name] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-wrap: pretty; }
[data-card-preview] { display: grid; gap: var(--space-snug); align-content: start; min-width: 0; }
[data-card-preview] [data-sparkline] { display: block; inline-size: 100%; block-size: 3.5rem; overflow: visible; }
[data-card-spark-skeleton] { display: block; block-size: 3.5rem; border-radius: var(--radius-control); background: color-mix(in oklab, var(--surface-nested) 55%, transparent); }
[data-card-reading] { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-snug); min-block-size: 1.5rem; }
[data-card-figure] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-primary); }
:is([data-card-reading-word], [data-card-reading-none]) { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-signal-state] { display: inline-flex; align-items: center; gap: var(--space-snug); padding: 0 var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-signal-dot] { inline-size: 0.5rem; block-size: 0.5rem; border-radius: 50%; background: var(--text-muted); }
[data-signal-state='on'] [data-signal-dot] { background: var(--state-positive); }
[data-card-inputs] { display: flex; flex-wrap: wrap; align-content: start; gap: var(--space-hair); min-width: 0; }
[data-input-chip] { display: inline-flex; align-items: baseline; gap: var(--space-hair); padding: 0 var(--space-snug); border-radius: var(--radius-chip); background: var(--surface-raised); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); white-space: nowrap; }
[data-input-chip] b { font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-card-foot] { display: flex; align-items: center; gap: var(--space-base); min-block-size: 1.75rem; padding-block-start: var(--space-base); border-top: 1px solid var(--border-faint); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); min-width: 0; }
[data-card-go] { flex: none; margin-inline-start: auto; color: var(--text-muted); transition: transform var(--duration-fast) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
[data-card-source] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-spark-line] { fill: none; stroke: var(--accent-base); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; transition: stroke var(--duration-hover) var(--motion-ease); }
[data-spark-area] { fill: color-mix(in oklab, var(--accent-base) 9%, transparent); stroke: none; }
[data-spark-band] { fill: color-mix(in oklab, var(--text-primary) 5%, transparent); }
[data-spark-zero] { stroke: var(--border-subtle); stroke-width: 1; stroke-dasharray: 2 3; }
[data-spark-track] { fill: color-mix(in oklab, var(--text-primary) 6%, transparent); }
[data-spark-on] { fill: color-mix(in oklab, var(--accent-base) 70%, transparent); transition: fill var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-component-card]:hover [data-spark-on] { fill: var(--accent-hover); } }
[data-spark-empty] { stroke: var(--border-subtle); stroke-width: 1; stroke-dasharray: 3 3; }
@media (hover: hover) and (pointer: fine) { [data-component-card]:hover [data-spark-line] { stroke: var(--accent-hover); } }
@media (hover: hover) and (pointer: fine) { [data-component-card]:hover [data-card-go] { color: var(--text-primary); transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-component-card]:hover [data-card-go] { transform: none; } }
[data-card-expression] { display: block; padding: var(--space-snug) var(--space-base); border-radius: var(--radius-control); background: var(--surface-sunken); font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); overflow-wrap: anywhere; }
[data-card-note] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); }
[data-component-card][data-origin='cta'] { border-style: dashed; background: transparent; }
[data-cta-mark] { display: inline-grid; place-items: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--surface-raised); color: var(--accent-hover); }
[data-cta-text] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-cta-go] { color: var(--accent-hover); font-weight: 500; }
@media (max-width: 640px) { [data-component-grid] { grid-template-columns: minmax(0, 1fr); } [data-component-card] { grid-row: auto; grid-template-rows: none; grid-template-columns: minmax(0, 1fr) 7rem; grid-template-areas: 'top top' 'name preview' 'foot preview'; column-gap: var(--space-loose); row-gap: var(--space-snug); padding: var(--space-loose); } [data-card-top] { grid-area: top; } [data-card-name] { grid-area: name; } [data-card-preview] { grid-area: preview; align-self: center; } [data-card-inputs] { display: none; } [data-card-foot] { grid-area: foot; border-top: 0; padding-block-start: 0; } [data-card-preview] [data-sparkline], [data-card-spark-skeleton] { block-size: 2.5rem; } [data-card-figure] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; } [data-card-reading-word] { display: none; } [data-component-card][data-origin='cta'] { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'top' 'name' 'preview' 'foot'; } }
dialog[data-dialog] { position: fixed; inset: auto; left: 50%; top: 50%; translate: -50% -50%; border: 1px solid var(--border-subtle); border-radius: var(--radius-modal); background: var(--surface-raised); color: var(--text-primary); box-shadow: var(--elevation-dialog); padding: 0; width: min(460px, calc(100vw - 32px)); max-height: min(720px, calc(100dvh - 32px)); overflow: hidden; }
dialog[data-dialog][open] { display: flex; flex-direction: column; }
dialog[data-dialog]::backdrop { background: color-mix(in oklab, #000 58%, transparent); }
dialog[data-dialog]:focus { outline: none; }
dialog[data-dialog] > form { padding: 20px 22px 22px; display: grid; gap: 12px; width: 100%; max-width: 100%; }
dialog[data-dialog] > form > * { min-width: 0; }
dialog[data-dialog], dialog[data-dialog] * { white-space: normal; }
dialog[data-dialog] [data-venue-form-head] { margin: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); }
[data-finding-actions] { margin-top: var(--space-loose); }
dialog[data-dialog] { transition: opacity var(--duration-base) var(--motion-ease), transform var(--duration-base) var(--motion-ease), overlay var(--duration-fast) allow-discrete, display var(--duration-fast) allow-discrete; }
dialog[data-dialog]:not([open]) { opacity: 0; transform: scale(.98); transition-duration: var(--duration-fast); }
@starting-style { dialog[data-dialog][open] { opacity: 0; transform: scale(.98); } }
dialog[data-dialog]::backdrop { opacity: 0; transition: opacity var(--duration-slow) var(--motion-ease), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete; }
dialog[data-dialog][open]::backdrop { opacity: 1; }
@starting-style { dialog[data-dialog][open]::backdrop { opacity: 0; } }
dialog[data-dialog][data-size='sm'] { width: min(400px, calc(100vw - 32px)); }
dialog[data-dialog][data-placement='end'] { inset: 0 0 0 auto; left: auto; top: 0; translate: none; width: min(360px, calc(100vw - 40px)); height: 100dvh; max-height: 100dvh; border-width: 0 0 0 1px; border-radius: var(--radius-modal) 0 0 var(--radius-modal); display: flex; flex-direction: column; }
dialog[data-dialog][data-placement='end']:not([open]) { display: none; transform: translateX(24px); }
dialog[data-dialog][data-placement='end'] [data-dialog-body] { flex: 1; align-content: start; padding-block-end: max(var(--space-mid), env(safe-area-inset-bottom)); }
@starting-style { dialog[data-dialog][data-placement='end'][open] { opacity: 0; transform: translateX(24px); } }
[data-dialog-head] { display: flex; align-items: center; gap: var(--space-base); padding: var(--space-mid) var(--space-mid) 0; flex-shrink: 0; overflow: hidden; scrollbar-gutter: stable; }
[data-dialog-head] h2 { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; }
[data-dialog-head] [data-icon-btn] { margin-left: auto; }
[data-dialog-body] { display: grid; gap: var(--space-loose); padding: var(--space-mid); min-height: 0; overflow-y: auto; scrollbar-gutter: stable; }
[data-dialog-desc] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-dialog-foot] { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: var(--space-base); padding: var(--space-mid); border-top: 1px solid var(--border-faint); flex-shrink: 0; overflow: hidden; scrollbar-gutter: stable; }
[data-dialog-foot] > form { margin: 0; }
[data-confirm-form] { display: grid; gap: var(--space-section); margin: 0; min-inline-size: 0; }
[data-confirm-form][hidden] { display: none; }
@supports selector(:open::details-content) { @media not (prefers-reduced-motion: reduce) { details:not([data-bar-persona])::details-content { opacity: 0; transition: opacity var(--duration-base) var(--motion-ease), content-visibility var(--duration-base) allow-discrete; transition-behavior: allow-discrete; } details:not([data-bar-persona])[open]::details-content { opacity: 1; } } }
[data-auth-stage] { min-height: 100dvh; display: grid; place-items: center; padding: var(--space-gutter) var(--space-mid); background: var(--surface-base); color: var(--text-primary); font-family: var(--font-sans); font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); }
@media (max-width: 640px) { [data-auth-stage] { padding-block-end: var(--space-band); } }
[data-auth-shell] { inline-size: min(25rem, 100%); display: grid; gap: var(--space-section); }
[data-auth-shell] > [data-brand-home] { justify-self: center; color: var(--text-primary); }
[data-auth-shell] > [data-brand-home] svg { block-size: 22px; inline-size: auto; display: block; }
@media (pointer: coarse) { [data-auth-shell] > [data-brand-home], [data-membership-hero] > [data-brand-home] { min-block-size: 44px; align-items: center; } }
[data-auth-card] { display: grid; gap: var(--space-wide); padding: var(--space-wide); background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); }
@media (max-width: 480px) { [data-auth-card] { padding: var(--space-section); gap: var(--space-section); } }
[data-auth-head] { display: grid; gap: var(--space-snug); }
[data-auth-head] h1 { margin: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; color: var(--text-primary); text-wrap: balance; }
[data-auth-lead] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); text-wrap: pretty; }
[data-auth-body], [data-auth-method] { display: grid; gap: var(--space-section); min-inline-size: 0; }
[data-auth-card] [data-form-field] input:not([type='hidden']) { min-block-size: 2.5rem; }
@media (pointer: coarse) { [data-auth-card] [data-form-field] input:not([type='hidden']) { min-block-size: 44px; } }
@media (pointer: coarse) { [data-auth-card] [data-form-field] [data-field-control][data-affixed] > input { min-block-size: 42px; } }
[data-auth-divider] { display: flex; align-items: center; gap: var(--space-loose); margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-auth-divider]::before, [data-auth-divider]::after { content: ''; flex: 1; height: 1px; background: var(--border-subtle); }
[data-auth-providers] { display: grid; gap: var(--space-base); }
[data-auth-switch] { justify-self: start; display: inline-flex; align-items: center; gap: var(--space-hair); margin: 0; padding: 0; border: 0; background: none; font: inherit; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--text-muted); cursor: pointer; transition: color var(--duration-hover) var(--motion-ease); }
[data-auth-switch] [data-go-back] { transition: transform var(--duration-base) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-auth-switch]:hover { color: var(--text-primary); } }
@media (hover: hover) and (pointer: fine) { [data-auth-switch]:hover [data-go-back] { transform: translateX(calc(-1 * var(--nudge))); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-auth-switch]:hover [data-go-back] { transform: none; } }
[data-auth-switch]:active { color: var(--text-primary); transition-duration: 0s; }
@media (pointer: coarse) { [data-auth-switch] { min-block-size: 44px; } }
[data-auth-card] [data-demo-fill] { margin-inline: auto; color: var(--text-muted); }
[data-auth-foot] { margin: 0; text-align: center; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-auth-closed] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-form-error], [data-panel] [data-form-error] { color: var(--state-negative); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); margin: 0; }
[data-ladder] { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--space-hair); list-style: none; margin: 0; padding: 0; }
[data-ladder-box] { container: ladder / inline-size; }
[data-panel] [data-ladder-box] { margin-top: var(--space-loose); }
[data-panel] [data-ladder] { margin: 0; padding: 0; }
[data-rung] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; column-gap: var(--space-base); row-gap: 2px; margin: 0; padding: var(--space-loose) var(--space-snug) 0 0; border-top: 2px solid var(--border-subtle); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); min-width: 0; }
[data-rung] b { font-weight: 600; letter-spacing: -.005em; min-width: 0; overflow-wrap: break-word; }
[data-rung-num] { grid-row: 1 / span 2; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--border-subtle); color: var(--text-muted); display: grid; place-items: center; font-variant-numeric: tabular-nums; }
[data-rung-owner] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-rung] [data-sub] { grid-column: 1 / -1; margin-top: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-rung][data-owner="network"] b { font-weight: 500; color: var(--text-muted); }
[data-rung][data-owner="network"] [data-rung-num] { border-style: dashed; }
[data-rung][data-state="done"] { border-top-color: color-mix(in oklab, var(--state-positive) 55%, var(--border-subtle)); }
[data-rung][data-state="done"] [data-rung-num] { border-color: color-mix(in oklab, var(--state-positive) 45%, transparent); color: var(--state-positive); background: color-mix(in oklab, var(--state-positive) 10%, transparent); }
[data-rung][data-state="now"] { border-top-color: var(--accent-emphasis); }
[data-rung][data-state="now"] b { color: var(--text-primary); }
[data-rung][data-state="now"] [data-rung-num] { border-color: transparent; background: var(--accent-emphasis); color: var(--text-inverse); box-shadow: 0 0 0 4px var(--accent-wash); }
@container ladder (max-width: 879px) { [data-ladder] { grid-template-columns: minmax(0, 1fr); row-gap: 0; } [data-rung] { border-top: 0; border-left: 2px solid var(--border-subtle); padding: var(--space-snug) 0 var(--space-snug) var(--space-loose); } [data-rung][data-state="done"] { border-left-color: color-mix(in oklab, var(--state-positive) 55%, var(--border-subtle)); } [data-rung][data-state="now"] { border-left-color: var(--accent-emphasis); } }
[data-panel] [data-sub] { /* cascade: exceptions grouped in the two rules below this one; three keep their own values on site — [data-describe] [data-sub] (10px, journey stage), [data-pcompose] [data-sub] (7px, palette), [data-order-ledger] [data-recon-size] [data-sub] (space.tight) */ font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin-top: var(--space-base); }
[data-download] [data-sub], [data-day-date] [data-sub], [data-run-replay] [data-sub], [data-order-ledger] [data-divergence] [data-sub], [data-order-ledger] [data-order-reduced] [data-sub] { margin-top: 0; }
[data-gate-table] td [data-sub], [data-coverage] td [data-sub], [data-human-gates] li [data-sub], [data-review-list] li [data-sub], [data-history-list] li [data-sub] { display: block; margin-top: var(--space-tight); }
[data-panel] td > [data-badge] + *, [data-panel] td > * + [data-badge] { margin-inline-start: var(--space-base); }
[data-provisional] { margin-top: var(--space-loose); padding: var(--space-base) var(--space-loose); border: 1px dashed color-mix(in oklab, var(--state-caution) 55%, transparent); border-radius: var(--radius-control); background: color-mix(in oklab, var(--state-caution) 7%, transparent); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-contra] details { margin-top: var(--space-tight); }
[data-contra] summary { cursor: pointer; padding: var(--space-tight) 0; line-height: 1.55; }
@media (hover: hover) and (pointer: fine) { [data-contra] summary:hover { color: var(--text-primary); } }
[data-pack-comparison] { margin-top: var(--space-base); }
[data-pack-editor] { display: flex; flex-direction: column; gap: var(--space-loose); }
[data-editor-pack-broken] { border: 1px dashed color-mix(in oklab, var(--state-negative) 55%, transparent); border-radius: var(--radius-control); padding: var(--space-base) var(--space-loose); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-pack-rules] { list-style: none; margin: var(--space-base) 0 0; padding: 0; }
[data-pack-rules] li { display: flex; align-items: baseline; gap: var(--space-base); padding: var(--space-tight) 0; border-top: 1px solid var(--border-faint); }
[data-pack-rules] li:first-child { border-top: none; }
[data-pack-rules] li [data-btn] { margin-left: auto; }
[data-new-pack], [data-add-rule] { margin-top: var(--space-mid); }
[data-authorize] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-base); margin-top: var(--space-base); }
[data-authorize] > [data-form-field] { flex: 1 1 14rem; max-inline-size: 22rem; }
[data-remove-rule] { display: contents; }
[data-delete-pack] { margin-top: var(--space-base); }
[data-table-scroll] table[data-cand-table] { table-layout: fixed; min-inline-size: max(100%, calc(8.5rem + var(--cand-cols, 4) * 10rem)); }
table[data-cand-table] :is(thead, tbody) th:first-child { position: sticky; inset-inline-start: 0; z-index: 1; }
table[data-cand-table] tbody th { background: var(--surface-base); }
table[data-cand-table] :is(th, td) { white-space: normal; vertical-align: top; }
table[data-cand-table] thead th:first-child { inline-size: 8.5rem; }
@media (max-width: 639px) { [data-table-scroll] table[data-cand-table] { min-inline-size: calc(6.5rem + var(--cand-cols, 4) * 8.5rem); } table[data-cand-table] thead th:first-child { inline-size: 6.5rem; } }
[data-cand-table] thead th:not(:first-child) { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); text-transform: none; letter-spacing: normal; }
[data-cand-table] tbody th { color: var(--text-muted); }
[data-cand-table] td { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-cand-table] [data-cand-yours] { background: color-mix(in oklab, var(--text-muted) 6%, transparent); }
[data-cand-table] thead th[data-adopted] { box-shadow: inset 0 2px 0 var(--accent-base); }
[data-cand-table] td[data-cand-changed] { color: var(--accent-hover); font-weight: 600; }
[data-cand-same] { color: var(--text-muted); }
table[data-cand-table] td[data-cand-thesis] { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-reason] { border-left: 2px solid var(--border-subtle); padding-left: var(--space-base); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-reason][data-blocker="deterministic-hard"] { border-left-color: color-mix(in oklab, var(--state-negative) 60%, transparent); }
[data-reason][data-blocker="research-protocol"] { border-left-color: color-mix(in oklab, var(--state-caution) 60%, transparent); }
[data-cand-cites] { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-reason] + :is([data-reason], p) { margin-top: var(--space-tight); }
[data-cand-note] { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); margin: 0; }
[data-cand-act-stack] { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-tight); }
table[data-cand-table] a[data-cand-debate] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--accent-base); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { table[data-cand-table] a[data-cand-debate]:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
table[data-cand-table] [data-disclose] { margin: 0; }
table[data-cand-table] [data-disclose] > summary { padding: 0; }
:is([data-cand-shared], [data-cand-stale]) { display: grid; gap: var(--space-tight); margin-top: var(--space-base); }
[data-cand-regenerate] { margin-bottom: var(--space-loose); }
[data-generate-candidates] { margin-top: var(--space-base); }
[data-debate-round] { margin-top: var(--space-loose); }
[data-turn] { display: flex; flex-wrap: wrap; gap: var(--space-base); align-items: baseline; padding: var(--space-tight) 0; border-top: 1px solid var(--border-faint); }
[data-turn] > p:not([data-evidence-ref]) { flex: 1 1 58%; line-height: 1.6; }
[data-turn-voice] { flex: none; width: 2.2em; text-align: center; border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); border: 1px solid var(--border-subtle); }
[data-turn][data-speaker="advocate"] [data-turn-voice], [data-turn][data-speaker="concierge"] [data-turn-voice], [data-turn][data-speaker="formalizer"] [data-turn-voice] { color: var(--accent-hover); border-color: color-mix(in oklab, var(--accent-base) 45%, transparent); }
[data-turn][data-speaker="skeptic"] [data-turn-voice] { color: var(--state-caution); border-color: color-mix(in oklab, var(--state-caution) 45%, transparent); }
[data-evidence-ref] { display: inline-block; margin-right: var(--space-base); color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-family: var(--font-mono); }
[data-swarm-debate] { overflow: auto; scrollbar-gutter: stable; padding: 0 var(--space-loose) var(--space-loose); }
[data-debate-stage] { display: grid; gap: var(--space-loose); }
[data-debate-card] { display: grid; gap: var(--space-base); }
[data-debate-cast] { display: grid; gap: var(--space-tight); padding-bottom: var(--space-base); border-bottom: 1px solid var(--border-faint); }
[data-debate-question] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); margin: 0; }
[data-debate-voices] { display: flex; gap: var(--space-tight); align-items: center; margin: 0; }
[data-debate-voice-names] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin-left: var(--space-tight); }
[data-debate-vs] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-debate-voice="skeptic"] { color: var(--state-caution); border-color: color-mix(in oklab, var(--state-caution) 45%, transparent); }
[data-debate-voice="advocate"], [data-debate-voice="concierge"], [data-debate-voice="formalizer"] { color: var(--accent-hover); border-color: color-mix(in oklab, var(--accent-base) 45%, transparent); }
[data-debate-head] { display: flex; flex-wrap: wrap; gap: var(--space-base); align-items: baseline; justify-content: space-between; }
[data-debate-head] h3 { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); margin: 0; }
[data-debate-outcome] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-debate-outcome="veto"] { color: var(--state-caution); }
[data-debate-position] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-debate-drift] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); border-left: 2px solid var(--state-caution); padding-left: var(--space-base); }
[data-debate-turns] { list-style: none; margin: 0; padding: 0; }
[data-debate-stage] [data-turn] { display: block; }
[data-debate-select] { display: flex; gap: var(--space-base); align-items: baseline; width: 100%; text-align: left; background: none; border: none; padding: 0; cursor: pointer; color: inherit; font: inherit; }
[data-turn-claim] { flex: 1 1 auto; line-height: 1.6; }
[data-turn][data-turn-current] { background: color-mix(in oklab, var(--attribution-agent) 8%, transparent); border-radius: var(--radius-control); }
[data-debate-raises], [data-debate-answers] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-debate-raises] { color: var(--state-caution); }
[data-debate-elsewhere] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-debate-unresolved] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin: 0; padding-left: var(--space-loose); }
[data-prop-weakness] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); line-height: 1.6; }
[data-agent-region='proposal'] [data-message], [data-agent-region='proposal'] [data-message-inline] { margin-top: var(--space-mid); }
[data-prop-was], [data-prop-becomes] { text-decoration-thickness: 1px; }
[data-prop-becomes] { text-decoration: none; }
[data-prop-disagrees] { color: var(--state-caution); }
[data-prop-decide] { display: grid; gap: var(--space-base); margin-top: var(--space-section); }
[data-prop-controls] { display: flex; flex-wrap: wrap; gap: var(--space-loose); align-items: start; }
[data-prop-decided] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); line-height: 1.6; }
[data-mandate-headline] { line-height: 1.6; margin-bottom: var(--space-base); }
[data-panel-body] > p + [data-mandate-form] { margin-top: var(--space-loose); }
[data-panel-body] > p + [data-remeasure-form] { margin-top: var(--space-loose); }
[data-level-summary] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-annotator] [data-crosshair] { position: absolute; width: 15px; height: 15px; margin: -7px 0 0 -7px; border-radius: 999px; border: 2px dashed var(--accent-hover); background: none; pointer-events: none; }
[data-annotator]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: 2px; }
summary { cursor: pointer; }
[data-visually-hidden] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[data-skip-link] { position: fixed; top: var(--space-base); left: var(--space-base); z-index: 100; display: inline-flex; align-items: center; min-block-size: 36px; padding: 0 var(--space-loose); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-raised); color: var(--text-primary); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; text-decoration: none; }
[data-skip-link]:not(:focus) { width: 1px; height: 1px; min-block-size: 0; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
main[tabindex='-1']:focus { outline: none; }
[data-route-progress] { position: fixed; inset: 0 0 auto 0; block-size: 2px; z-index: 110; pointer-events: none; opacity: 0; transition: opacity 200ms var(--motion-ease); }
[data-route-progress]:is([data-state='running'], [data-state='done']) { opacity: 1; transition: none; }
[data-route-progress-bar] { display: block; block-size: 100%; transform-origin: left center; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--accent-emphasis), var(--accent-base)); box-shadow: 0 0 8px color-mix(in oklab, var(--accent-base) 60%, transparent); transition: transform 200ms var(--motion-ease); }
[data-route-progress][data-state='done'] [data-route-progress-bar] { transition-duration: 160ms; }
[data-route-progress][data-state='idle'] [data-route-progress-bar] { transition: none; }
@media (prefers-reduced-motion: reduce) { [data-route-progress][data-state='running'] [data-route-progress-bar] { transform: scaleX(1); opacity: .7; } }
[data-bar-nav] a:has(> [data-link-pending='yes']) { color: var(--text-primary); background: var(--surface-selected); font-weight: 600; }
[data-bar-nav]:has([data-link-pending='yes']) a[aria-current]:not(:has(> [data-link-pending='yes'])) { color: var(--text-muted); background: transparent; font-weight: 500; }
[data-tabnav] a:has(> [data-link-pending='yes']) { color: var(--text-primary); font-weight: 600; }
[data-tabnav]:has([data-link-pending='yes']) a[aria-current]:not(:has(> [data-link-pending='yes'])) { color: var(--text-muted); font-weight: 400; }
[data-journey] a[data-jstep]:has(> [data-link-pending='yes']) { color: var(--text-primary); background: color-mix(in oklab, var(--text-primary) 6%, transparent); }
[data-run-replay] { display: grid; gap: var(--space-loose); }
[data-replay-head] { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-loose); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-replay-running] { font-family: var(--font-mono); color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-replay-unlocatable] { color: var(--state-caution); }
[data-replay-controls] { display: flex; align-items: center; gap: var(--space-base); flex-wrap: wrap; }
[data-replay-scrub] { flex: 1; min-width: 180px; appearance: none; height: 4px; border-radius: 999px; background: var(--border-strong); cursor: pointer; }
[data-replay-scrub]::-webkit-slider-thumb { appearance: none; width: 14px; height: 14px; border-radius: 999px; background: var(--accent-hover); border: 2px solid var(--surface-base); cursor: grab; }
[data-replay-scrub]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 999px; background: var(--accent-hover); border: 2px solid var(--surface-base); cursor: grab; }
[data-replay-scrub]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: 4px; }
[data-replay-blotter] { display: grid; gap: var(--space-base); min-width: 0; }
[data-replay-open] { color: var(--text-muted); }
[data-replay-pager] { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-base); }
[data-replay-page] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-replay-jump] { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--border-strong); }
@media (hover: hover) and (pointer: fine) { [data-replay-jump]:hover { color: var(--accent-hover); text-decoration-color: currentColor; } }
[data-getting-started] [data-milestones] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-milestone] { --milestone-pad: var(--space-loose); position: relative; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-loose); padding: var(--milestone-pad) 0; }
[data-milestone]::before { content: ''; position: absolute; left: calc(0.875rem - 0.5px); top: 0; bottom: 0; width: 1px; background: var(--border-subtle); }
[data-milestone]:first-child::before { top: calc(var(--milestone-pad) + 0.875rem); }
[data-milestone]:last-child::before { bottom: auto; height: calc(var(--milestone-pad) + 0.875rem); }
[data-milestone]:only-child::before { display: none; }
[data-milestone-mark] { inline-size: 1.75rem; block-size: 1.75rem; border-radius: 999px; display: grid; place-items: center; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 600; font-variant-numeric: tabular-nums; border: 1px solid var(--border-subtle); background: var(--surface-base); color: var(--text-muted); position: relative; z-index: 1; }
[data-milestone][data-state='done'] [data-milestone-mark], [data-getting-started-done] [data-milestone-mark] { border-color: transparent; background: color-mix(in oklab, var(--state-positive) 16%, transparent); color: var(--state-positive); }
[data-milestone][data-state='next'] [data-milestone-mark] { border-color: var(--accent-hover); color: var(--accent-hover); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-hover) 14%, transparent); }
[data-milestone-body] { min-inline-size: 0; display: grid; gap: var(--space-snug); align-content: start; padding-block-start: 0.25rem; }
[data-milestone-body] h3 { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-milestone][data-state='done'] { --milestone-pad: var(--space-base); }
[data-milestone][data-state='done'] [data-milestone-body] { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-base); }
[data-milestone][data-state='done'] [data-milestone-body] h3 { color: var(--text-muted); font-weight: 500; }
[data-milestone-doneword] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--state-positive); }
[data-milestone][data-state='upcoming'] h3 a { color: var(--text-primary); text-decoration: none; transition: color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-milestone][data-state='upcoming'] h3 a:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
[data-milestone-why] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); text-wrap: pretty; }
[data-milestone-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin-top: var(--space-base); }
[data-getting-started-done] { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-loose); padding: var(--space-mid); margin-bottom: var(--space-mid); border: 1px solid color-mix(in oklab, var(--state-positive) 35%, var(--border-subtle)); border-radius: var(--radius-panel); background: color-mix(in oklab, var(--state-positive) 6%, var(--surface-base)); }
[data-getting-started-done] > div { display: grid; gap: var(--space-loose); justify-items: start; }
[data-panel] [data-getting-started-done] p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-getting-started-done] b { color: var(--text-primary); font-weight: 600; }
[data-vanta-paths] { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-section); row-gap: var(--space-hair); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); text-align: start; }
[data-vanta-paths] > p { margin: 0; }
[data-vanta-link] { font-weight: 600; white-space: nowrap; }
[data-vanta-link] > svg { margin-inline-start: var(--space-hair); vertical-align: -0.0625rem; }
[data-vanta-key-steps] { flex-basis: 100%; display: flex; flex-wrap: wrap; column-gap: var(--space-loose); row-gap: var(--space-tight); margin: 0; padding: 0; list-style: none; counter-reset: vanta-step; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-vanta-key-steps] > li { counter-increment: vanta-step; }
[data-vanta-key-steps] > li::before { content: counter(vanta-step) '. '; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--text-primary); }
[data-empty-actions] > [data-vanta-paths] { flex-basis: 100%; justify-content: center; text-align: center; margin-top: var(--space-hair); }
[data-empty-actions] > [data-vanta-paths] [data-vanta-key-steps] { justify-content: center; }
[data-result-next] { display: grid; gap: var(--space-base); margin-top: var(--space-section); padding-top: var(--space-section); border-top: 1px solid var(--border-faint); }
[data-panel] [data-result-next] > p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-table-scroll] { overflow-x: auto; overscroll-behavior-x: contain; max-width: 100%; }
[data-table-scroll] table { min-width: 100%; }
[data-table-scroll] td { white-space: nowrap; }
[data-own-unplaced-more] > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: var(--space-base); padding: var(--space-base) 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-family: var(--font-mono); color: var(--text-muted); }
[data-reread-more] > summary { cursor: pointer; list-style: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--accent-hover); padding: var(--space-base) 0 0; }
[data-reread-more] > summary::-webkit-details-marker { display: none; }
@media (hover: hover) and (pointer: fine) { [data-reread-more] > summary:hover { text-decoration: underline; text-underline-offset: 3px; } }
[data-own-unplaced-more] > summary::-webkit-details-marker { display: none; }
[data-own-unplaced-more] > summary::before { content: ''; flex: none; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .18s var(--motion-ease); }
[data-own-unplaced-more][open] > summary::before { transform: rotate(225deg); }
@media (hover: hover) and (pointer: fine) { [data-own-unplaced-more] > summary:hover { color: var(--text-primary); } }
[data-own-reread] { border-left: 2px solid color-mix(in oklab, var(--state-caution) 65%, transparent); }
[data-reread-list] { margin: var(--space-mid) 0; display: grid; gap: var(--space-loose); }
[data-reread-row] { display: grid; grid-template-columns: minmax(6rem, max-content) 1fr; gap: var(--space-mid); align-items: baseline; }
[data-reread-row] dt { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-family: var(--font-mono); color: var(--text-muted); }
[data-reread-row] dd { margin: 0; display: grid; gap: var(--space-hair); }
[data-reread-was] { color: var(--text-muted); }
[data-reread-now] { color: var(--text-primary); }
[data-reread-tag] { display: inline-block; min-width: 5.5rem; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-style: normal; color: var(--text-muted); }
[data-table-scroll] td[data-wraps] { white-space: normal; min-width: 22ch; max-width: 46ch; }
[data-table-scroll] { scrollbar-width: thin; scrollbar-color: var(--border-strong) transparent; padding-bottom: 2px; }
[data-table-scroll]::-webkit-scrollbar { height: 8px; }
[data-table-scroll]::-webkit-scrollbar-track { background: transparent; }
[data-table-scroll]::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; }
@media (hover: hover) and (pointer: fine) { [data-table-scroll]::-webkit-scrollbar-thumb:hover { background: var(--text-muted); } }
@keyframes vanta-table-edges { 0% { box-shadow: inset -26px 0 20px -26px oklch(0 0 0 / 62%); } 7% { box-shadow: inset -26px 0 20px -26px oklch(0 0 0 / 62%), inset 26px 0 20px -26px oklch(0 0 0 / 62%); } 93% { box-shadow: inset -26px 0 20px -26px oklch(0 0 0 / 62%), inset 26px 0 20px -26px oklch(0 0 0 / 62%); } 100% { box-shadow: inset 26px 0 20px -26px oklch(0 0 0 / 62%); } }
@supports (animation-timeline: scroll()) { [data-table-scroll] { animation: vanta-table-edges linear both; animation-timeline: scroll(self inline); } }
[data-ticket-outcome] { margin-top: var(--space-loose); border-left: 3px solid var(--border-subtle); padding-left: var(--space-base); }
[data-ticket-outcome][data-outcome="refused"] { border-left-color: var(--state-negative); }
[data-ticket-outcome][data-outcome="sent"] { border-left-color: var(--state-positive); }
[data-ticket-refusal] { margin: var(--space-base) 0 0; color: var(--state-negative); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-ticket-accepted] { margin: var(--space-base) 0 0; color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-gate-table] { overflow-x: auto; margin-top: var(--space-loose); }
[data-gate-table] table { border-collapse: collapse; width: 100%; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-gate-table] th { text-align: left; font-weight: 600; color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: var(--space-tight) var(--space-base); border-bottom: 1px solid var(--border-subtle); white-space: nowrap; }
[data-gate-table] td { padding: var(--space-base); border-bottom: 1px solid var(--border-faint); vertical-align: top; line-height: 1.5; }
[data-gate-plan] { color: var(--text-muted); font-family: var(--font-mono); }
[data-gate-row][data-varies] { background: color-mix(in oklab, var(--accent-base) 7%, transparent); }
[data-disp] { white-space: nowrap; }
[data-human-gates], [data-review-list], [data-history-list] { list-style: none; margin: var(--space-base) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-tight); }
[data-human-gates] li, [data-review-list] li, [data-history-list] li { padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); line-height: 1.55; }
[data-review-list] li[data-finding] { padding: 11px 12px; border-top: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); }
[data-human-gates] li:first-child, [data-review-list] li:first-child, [data-history-list] li:first-child { border-top: none; }
[data-review-set][data-stale] { color: var(--text-muted); }
[data-export-coverage], [data-download-list], [data-notes-list] { list-style: none; margin: var(--space-base) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-tight); }
[data-export-coverage] li, [data-notes-list] li { padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); line-height: 1.55; }
[data-export-coverage] li:first-child, [data-notes-list] li:first-child { border-top: none; }
[data-export-cat] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-base); }
[data-export-cat-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-export-cat][data-absent] [data-export-cat-name] { font-weight: 500; color: var(--text-muted); }
[data-export-cat-none] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-export-cat] [data-sub] { flex-basis: 100%; }
[data-download] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--space-hair) var(--space-mid); align-items: center; padding: var(--space-loose) 0; border-top: 1px solid var(--border-faint); }
[data-download]:first-child { border-top: none; }
[data-download-what] { display: grid; gap: 2px; min-width: 0; }
[data-download-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-download-size] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 639px) { [data-download] { grid-template-columns: minmax(0, 1fr) auto; } [data-download-what] { grid-column: 1 / -1; } }
[data-bundle-preview] { margin-top: var(--space-base); }
[data-bundle-preview] > summary { cursor: pointer; padding: var(--space-tight) 0; }
[data-preview-body] { margin-top: var(--space-base); max-height: 26rem; overflow: auto; padding: var(--space-loose); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-sunken); font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); white-space: pre-wrap; word-break: break-word; }
[data-queue] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-att-item] { border-top: 1px solid var(--border-faint); }
[data-att-item]:first-child { border-top: 0; }
[data-att-row] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-mid); padding: var(--space-loose) var(--space-mid); margin-inline: calc(-1 * var(--space-mid)); color: var(--text-primary); text-decoration: none; box-shadow: inset 2px 0 0 transparent; transition: background-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease); }
[data-att-item][data-att-kind='blocker'] [data-att-row] { box-shadow: inset 2px 0 0 var(--state-negative); }
[data-att-item][data-att-kind='incident'] [data-att-row] { box-shadow: inset 2px 0 0 var(--state-caution); }
[data-att-item][data-att-kind='approval'] [data-att-row] { box-shadow: inset 2px 0 0 var(--accent-base); }
[data-att-text] { display: grid; gap: 3px; min-width: 0; }
[data-att-head] { display: flex; align-items: center; gap: var(--space-base); min-width: 0; }
[data-att-head] > [data-badge] { flex: none; }
[data-att-subject] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-att-where] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-att-text] [data-what] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); line-height: 1.45; }
[data-att-action] { display: inline-flex; align-items: center; gap: var(--space-snug); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--accent-base); white-space: nowrap; }
[data-att-action] [data-go] { transition: transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-att-row]:hover { background: var(--hover-wash); } }
@media (hover: hover) and (pointer: fine) { [data-att-row]:hover [data-att-action] { color: var(--accent-hover); } }
@media (hover: hover) and (pointer: fine) { [data-att-row]:hover [data-att-action] [data-go] { transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
[data-att-row]:active { background: var(--press-wash); transition-duration: 0s; }
[data-att-row]:focus-visible { outline-offset: -2px; }
@media (max-width: 639px) { [data-att-row] { align-items: start; column-gap: var(--space-base); } [data-att-action] { padding-top: 2px; } [data-att-action] > :not([data-go]) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
[data-panel-body] > [data-disclose][data-variant='row'] { margin-top: var(--space-base); }
[data-strategy-list] { display: grid; grid-template-columns: minmax(0, 1fr); }
[data-list-toolbar] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-loose); padding: var(--space-loose) var(--space-mid); border-bottom: 1px solid var(--border-faint); }
[data-list-toolbar] [data-form-field] { flex: 1 1 18rem; min-width: 12rem; }
[data-list-toolbar] [data-segctl] [data-counter] { margin-inline-start: 2px; }
[data-strat-cell] { display: grid; gap: 2px; min-width: 0; }
[data-strat-line] { display: flex; align-items: center; gap: var(--space-base); min-width: 0; }
[data-strat-name] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--text-primary); }
[data-strat-meta] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-needs-count] { flex: none; display: inline-grid; place-items: center; min-inline-size: 1.25rem; padding: 0 5px; border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--state-caution); background: color-mix(in oklab, var(--state-caution) 16%, transparent); }
[data-stage-cell] { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-base); }
[data-stage-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-stage-owner] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-return-cell] { display: inline-grid; justify-items: end; gap: 1px; }
[data-return-cell] [data-num] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-return-caption] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-return-note] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); white-space: nowrap; }
[data-return-none] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-deploy-counts] { display: inline-flex; flex-wrap: wrap; gap: var(--space-base); font-variant-numeric: tabular-nums; white-space: nowrap; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-deploy-count] { display: inline-flex; align-items: center; gap: var(--space-hair); }
[data-deploy-count][data-state='active'] { color: var(--state-positive); }
[data-deploy-count][data-state='active'] [data-counter] { color: var(--state-positive); background: color-mix(in oklab, var(--state-positive) 16%, transparent); }
[data-strategy-list] > [data-return-basis] { margin: 0; padding: var(--space-loose) var(--space-mid); border-top: 1px solid var(--border-faint); max-width: none; }
[data-list-toolbar] [data-segctl] > * { white-space: nowrap; }
@media (max-width: 639px) { [data-list-toolbar] [data-form-field] { flex-basis: 100%; } [data-list-toolbar] [data-segctl] { inline-size: 100%; max-inline-size: 100%; overflow-x: auto; scrollbar-width: none; } [data-list-toolbar] [data-segctl] > * { flex: 1 0 auto; justify-content: center; } [data-list-toolbar] [data-segctl] [data-counter] { display: none; } [data-table][data-stack] > tbody > tr > td:has(> [data-deploy-none]) { display: none; } }
[data-strategy-doors] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--space-base); }
@media (max-width: 639px) { [data-panel-actions]:has(> [data-strategy-doors]) { flex-basis: 100%; margin-left: 0; } [data-strategy-doors] { display: grid; grid-template-columns: 1fr 1fr; inline-size: 100%; } [data-strategy-doors] > [data-btn='primary'] { grid-column: 1 / -1; order: -1; } }
[data-feed-subject] { color: var(--text-primary); font-weight: 500; }
[data-feed-row][data-tied] > [data-t] { border-bottom: 1px dashed var(--border-strong); }
[data-feed-more] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-loose); margin: var(--space-section) 0 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-feed-more] [data-sub] { margin: 0; color: var(--text-muted); }
[data-feed-row] [data-what] > [data-disclose] { margin-top: var(--space-hair); }
[data-feed-row] [data-what] > [data-disclose] > summary { display: inline-flex; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-feed-run-times] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-hair) var(--space-loose); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-tie-note], [data-filter-refused] { color: var(--text-muted); line-height: 1.6; }
[data-role-filter] { list-style: none; margin: 0 0 var(--space-section); padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-role-chip] { display: inline-flex; align-items: center; gap: 6px; padding: var(--space-hair) var(--space-loose); border-radius: var(--radius-chip); border: 1px solid var(--border-subtle); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); text-decoration: none; color: var(--text-muted); }
[data-role-chip][data-picked] { border-color: var(--accent-base); color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 12%, transparent); }
[data-role-chip] [data-n] { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
@media (max-width: 639px) { [data-role-filter] { flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; overscroll-behavior-x: contain; } [data-role-filter] > li { flex: none; scroll-snap-align: start; } [data-role-filter]::-webkit-scrollbar { display: none; } }
[data-day] { margin-top: var(--space-section); }
[data-day]:first-of-type { margin-top: 0; }
[data-day-date] { display: flex; align-items: baseline; gap: var(--space-base); font-family: var(--font-sans); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); font-weight: 600; margin: 0 0 var(--space-hair); padding-bottom: var(--space-base); border-bottom: 1px solid var(--border-faint); }
[data-day-date] [data-sub] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-weight: 400; }
[data-ov-grid] [data-panel][data-wide] { grid-column: 1 / -1; }
[data-discipline-list] { list-style: none; margin: var(--space-loose) 0 0; padding: 0; display: flex; flex-direction: column; }
[data-discipline-item] { display: grid; grid-template-columns: auto 1fr; gap: var(--space-hair) var(--space-base); align-items: baseline; padding: var(--space-loose) 0 var(--space-loose) var(--space-base); border-top: 1px solid var(--border-faint); }
[data-discipline-item]:first-child { border-top: none; }
[data-discipline-item][data-seal="sealed"] { box-shadow: inset 2px 0 0 var(--accent-base); }
[data-discipline-item][data-seal="lifted"] { box-shadow: inset 2px 0 0 var(--border-strong); }
[data-discipline-title] { color: var(--text-primary); line-height: 1.55; }
[data-discipline-seal] { grid-column: 1 / -1; color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-discipline-item][data-seal="sealed"] [data-discipline-seal] { color: var(--accent-hover); }
[data-discipline-history] { list-style: none; margin: var(--space-base) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-tight); }
[data-discipline-past] { display: flex; gap: var(--space-base); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-discipline-past][data-action="withdrawn"] { opacity: .72; }
[data-discipline-form] { margin-top: var(--space-section); padding-top: var(--space-section); border-top: 1px solid var(--border-faint); }
[data-days] { display: flex; flex-wrap: wrap; gap: var(--space-loose) var(--space-mid); align-items: center; }
[data-withdraw-form] { grid-column: 1 / -1; margin-top: var(--space-base); }
[data-form-ok], [data-panel] [data-form-ok] { color: var(--state-positive); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); margin: 0; }
[data-thin-note] { color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
table[data-coverage] { min-inline-size: 36rem; }
[data-membership-stage] { min-height: 100dvh; padding: 48px var(--space-section) var(--space-band); background: var(--surface-base); color: var(--text-primary); font-family: var(--font-sans); font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); }
[data-frame][data-chromed='yes'] [data-membership-stage] { min-height: calc(100dvh - var(--bar-h)); }
[data-membership-stage] { padding-inline: 0; }
[data-membership-stage] > * { margin-inline: var(--page-inset) !important; }
[data-membership-hero] { display: grid; justify-items: center; gap: var(--space-base); text-align: center; margin-bottom: var(--space-section); }
[data-membership-hero] svg { height: 22px; width: auto; color: var(--text-primary); }
[data-membership-hero] h1 { font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-weight: 600; margin: 0; text-wrap: balance; }
[data-membership-hero] p { color: var(--text-muted); margin: 0; line-height: 1.6; }
[data-tier-grid] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-mid); }
@media (max-width: 860px) { [data-tier-grid] { grid-template-columns: minmax(0, 1fr); } }
[data-tier] { display: flex; flex-direction: column; gap: var(--space-mid); padding: var(--space-wide); background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); color: var(--text-primary); }
[data-tier][data-tier-popular] { border-color: color-mix(in oklab, var(--accent-base) 60%, var(--border-subtle)); }
@media (hover: hover) and (pointer: fine) { [data-tier][data-tier-popular]:hover { border-color: color-mix(in oklab, var(--accent-base) 85%, var(--border-subtle)); } }
[data-tier-head] { display: flex; align-items: center; gap: var(--space-base); min-block-size: 1.5rem; }
[data-tier-head] h2 { margin: 0; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; color: var(--text-primary); }
[data-tier-price] { margin: 0; display: flex; align-items: baseline; gap: var(--space-hair); }
[data-tier-amount] { font-size: var(--size-figure); line-height: var(--leading-figure); letter-spacing: var(--tracking-figure); font-weight: 600; color: var(--text-primary); }
[data-tier-period], [data-checkout-total] dd span { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-weight: 400; }
[data-tier-points] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-base); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-tier-points] li { display: grid; grid-template-columns: 1rem minmax(0, 1fr); gap: var(--space-base); align-items: start; }
[data-tier-points] li > svg { margin-block-start: 0.125rem; color: var(--text-muted); }
[data-tier-points] [data-tier-included] > svg { color: var(--accent-hover); }
[data-tier-action] { display: block; margin-top: auto; padding-top: var(--space-base); }
[data-tier] [data-tier-action] a[data-btn]::after { content: ''; position: absolute; inset: 0; border-radius: var(--radius-panel); }
[data-tier-callout] { display: flex; gap: var(--space-loose); align-items: flex-start; box-sizing: border-box; margin-top: var(--space-mid); padding: var(--space-mid) var(--space-section); border: 1px solid color-mix(in oklab, var(--accent-base) 35%, var(--border-subtle)); border-radius: var(--radius-panel); background: color-mix(in oklab, var(--accent-base) 6%, var(--surface-base)); }
[data-tier-callout] > svg { flex: none; color: var(--accent-hover); }
[data-tier-callout] p { margin: 0; display: grid; gap: var(--space-hair); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-tier-callout] b { color: var(--text-primary); font-weight: 600; }
[data-membership-foot] { text-align: center; margin-top: var(--space-section); color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-checkout-grid] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-section); align-items: start; }
@media (max-width: 860px) { [data-checkout-grid] { grid-template-columns: minmax(0, 1fr); } [data-checkout-pay] { order: -1; } }
[data-checkout-tag] { margin-left: auto; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-checkout-lines] { display: flex; flex-direction: column; gap: 6px; margin: 0; }
[data-checkout-lines] > div { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-base); color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-checkout-lines] :is(dt, dd) { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); margin: 0; }
[data-checkout-lines] dd { margin: 0; color: var(--text-primary); }
[data-checkout-lines] [data-checkout-total] { border-top: 1px solid var(--border-subtle); margin-top: 6px; padding-top: 12px; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; color: var(--text-primary); }
[data-acct] { display: grid; gap: var(--space-mid); margin-top: var(--space-section); padding-top: var(--space-section); border-top: 1px solid var(--border-faint); }
[data-acct] h3 { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-acct] [data-stats][data-variant='tiles'] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
[data-acct] [data-stat-value][data-size='md'] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); }
[data-acct-drawdown] { display: flex; gap: var(--space-base); align-items: flex-start; margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-acct-drawdown] > svg { flex: none; margin-block-start: 0.125rem; }
[data-acct-entitlement] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-testmode] { display: inline-flex; align-items: center; gap: var(--space-hair); min-block-size: 1.25rem; padding: 0 var(--space-base); border: 1px solid color-mix(in oklab, var(--state-caution) 45%, transparent); border-radius: 999px; background: color-mix(in oklab, var(--state-caution) 8%, transparent); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--state-caution); white-space: nowrap; }
[data-panel-head] [data-testmode] { margin-left: auto; }
[data-checkout-who] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-base); padding-bottom: var(--space-mid); border-bottom: 1px solid var(--border-faint); }
[data-checkout-who] p { margin: 0; min-inline-size: 0; overflow-wrap: anywhere; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-checkout-who] b { color: var(--text-primary); font-weight: 500; }
[data-checkout-who] [data-btn] { padding-inline: var(--space-snug); margin-inline: calc(-1 * var(--space-snug)); }
[data-checkout-form] { display: flex; flex-direction: column; gap: var(--space-loose); margin-top: var(--space-mid); }
[data-checkout-head] { margin-bottom: var(--space-mid); }
[data-checkout-elements] { display: flex; flex-direction: column; gap: var(--space-loose); margin-top: var(--space-loose); }
[data-checkout-elements] button[type='submit'] { margin-top: var(--space-tight); }
[data-membership-stage]:has(> [data-membership-card]) { display: grid; align-content: center; }
[data-membership-card] [data-panel-head] { gap: var(--space-base); }
[data-membership-card] [data-panel-head] svg { height: 18px; width: auto; display: block; color: var(--text-primary); }
[data-membership-status="active"] { color: var(--state-positive); }
[data-membership-status="past_due"] { color: var(--state-caution); }
[data-membership-status="canceled"] { color: var(--state-negative); }
[data-membership-actions] { display: flex; flex-wrap: wrap; gap: var(--space-base); margin-top: var(--space-section); }
[data-membership-replan] { inline-size: 100%; display: grid; gap: var(--space-mid); margin-top: var(--space-gutter); }
[data-membership-replan] > h2 { margin: 0; text-align: center; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; color: var(--text-primary); }
[data-result-head] { display: grid; justify-items: center; gap: var(--space-base); text-align: center; }
[data-result-mark] { display: grid; place-items: center; inline-size: 3rem; block-size: 3rem; border-radius: 999px; margin-bottom: var(--space-hair); }
[data-result='success'] [data-result-mark] { color: var(--state-positive); background: color-mix(in oklab, var(--state-positive) 14%, transparent); }
[data-result='pending'] [data-result-mark] { color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 14%, transparent); }
[data-result='danger'] [data-result-mark] { color: var(--state-negative); background: color-mix(in oklab, var(--state-negative) 14%, transparent); }
[data-result-head] h2 { margin: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; color: var(--text-primary); text-wrap: balance; }
[data-panel] [data-result-line] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); text-wrap: pretty; }
[data-result-line] [data-testmode] { vertical-align: 0.0625rem; }
[data-result-actions] { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-base); margin-top: var(--space-wide); }
[data-plan-rows] { display: grid; gap: var(--space-gutter); }
[data-plan-row] { display: grid; gap: var(--space-mid); }
[data-plan-row-title] { margin: 0; text-align: center; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-muted); }
[data-plan-row] > [data-tier-grid] { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
@media (max-width: 860px) { [data-plan-row] > [data-tier-grid] { grid-template-columns: minmax(0, 1fr); } }
[data-tier-head] h3 { margin: 0; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; color: var(--text-primary); }
[data-soon] { display: inline-flex; align-items: center; min-block-size: 1.125rem; margin-inline-start: var(--space-base); padding: 0 var(--space-snug); border: 1px solid var(--border-subtle); border-radius: 999px; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--text-muted); white-space: nowrap; vertical-align: 0.0625rem; }
[data-with-soon] { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-base); row-gap: var(--space-hair); }
[data-with-soon] > [data-soon] { margin-inline-start: 0; }
[data-later] { display: inline-flex; align-items: center; min-block-size: 1.125rem; margin-inline-start: var(--space-base); padding: 0 var(--space-snug); border: 1px solid var(--border-subtle); border-radius: 999px; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--text-muted); white-space: nowrap; vertical-align: 0.0625rem; }
[data-with-later] { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-base); row-gap: var(--space-hair); }
[data-with-later] > [data-later] { margin-inline-start: 0; }
[data-tier-later] { margin: 0; display: flex; align-items: center; justify-content: center; min-block-size: 2rem; border: 1px dashed var(--border-subtle); border-radius: var(--radius-control); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-membership-hero] [data-testmode] { justify-self: center; }
[data-plan-compare] { box-sizing: border-box; margin-top: var(--space-band); }
[data-plan-compare] table[data-compare-table] { margin-top: 0; min-inline-size: 40rem; table-layout: fixed; }
[data-compare-table] thead th:first-child { inline-size: 34%; }
[data-compare-hint] { display: none; margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (max-width: 639px) { [data-compare-table] thead th:first-child { inline-size: 8rem; } [data-plan-compare] table[data-compare-table] { min-inline-size: 34rem; } [data-compare-hint] { display: block; } }
[data-compare-table] thead th:not(:first-child), [data-compare-table] td { text-align: center; }
[data-compare-table] tbody th[scope='row'] { padding: var(--space-base) var(--space-loose); border-top: 1px solid var(--border-faint); text-align: left; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 400; color: var(--text-primary); }
[data-compare-table] td[data-num] { text-align: center; }
[data-compare-yes] > svg { color: var(--state-positive); vertical-align: middle; }
[data-checkout-grant] { display: flex; gap: var(--space-base); align-items: flex-start; margin: var(--space-section) 0 0; padding-top: var(--space-section); border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-checkout-grant] > svg { flex: none; margin-block-start: 0.125rem; color: var(--accent-hover); }
[data-tier-points] [data-tier-included][data-grant-soon], [data-checkout-grant][data-grant-soon], [data-acct][data-grant-soon] h3, [data-compare-table] td[data-grant-soon] { color: var(--text-muted); }
[data-tier-points] [data-tier-included][data-grant-soon] > svg, [data-checkout-grant][data-grant-soon] > svg { color: var(--text-muted); }
[data-plan-controls] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin-top: var(--space-section); }
[data-plan-keep] { display: contents; }
[data-plan-keep] > [data-message-inline] { flex-basis: 100%; order: 1; margin: 0; }
[data-plan-updating] { margin-top: var(--space-section); }
[data-plan-updating] > [data-message] { align-items: center; }
[data-plan-preview] > * { margin: var(--space-section) 0 0; }
[data-plan-preview-line] { padding: var(--space-base) var(--space-loose); border: 1px solid var(--border-faint); border-radius: var(--radius-control); background: var(--surface-raised); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-plan-change-fields] > [data-checkbox] { margin-top: var(--space-section); }
[data-payments-rail] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-plan-billing] { display: contents; }
[data-plan-billing] > [data-message-inline] { flex-basis: 100%; margin: 0; }
[data-view-toggle] { display: flex; background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); padding: 2px; gap: 2px; }
[data-view-toggle] a { color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; padding: 5px 12px; border-radius: var(--radius-chip); text-decoration: none; }
[data-view-toggle] a[data-on] { background: var(--surface-selected); color: var(--text-primary); font-weight: 600; }
[data-canvas] { --canvas-bleed: clamp(0px, calc((100vw - var(--dock-w, 0px) - var(--page-max)) / 2), 200px); margin-inline: calc(-1 * var(--canvas-bleed)); width: calc(100% + 2 * var(--canvas-bleed)); }
[data-canvas-grid] { display: grid; grid-template-columns: 244px minmax(0, 1fr); gap: var(--space-loose); align-items: start; }
@media (max-width: 900px) { [data-canvas] { --canvas-bleed: 0px; } [data-canvas-grid] { grid-template-columns: 1fr; } }
[data-pitem] { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border-top: 1px solid var(--border-subtle); cursor: grab; touch-action: pan-y; user-select: none; }
[data-palette-group] > [data-pitem]:first-of-type { border-top: 0; }
@media (hover: hover) and (pointer: fine) { [data-pitem]:hover { background: color-mix(in oklab, var(--text-primary) 4%, transparent); } }
[data-pitem]:active { cursor: grabbing; }
[data-pitem-title] { display: flex; align-items: center; gap: 8px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-pitem-title] > [data-pitem-name] { flex: 1; min-inline-size: 0; }
[data-pitem-title] > [data-pitem-add] { margin-block: -4px; }
[data-pitem-meta] { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }
[data-pitem-meta] [data-badge] { padding: 1px 6px; }
[data-pitem-desc], [data-pitem-title] { font-family: var(--font-sans); }
[data-pitem-desc] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); margin: 0; }
[data-pitem-by] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--attribution-agent); margin: 0; }
[data-pitem-settings] { cursor: auto; user-select: text; }
[data-pitem-settings] input { cursor: text; }
[data-pcompose] [data-note], [data-pcompose] [data-sub] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); margin: 7px 0 0; }
[data-ptype], [data-wire-swatch] { display: inline-block; }
[data-ptype="series"], [data-wire-swatch="series"] { background: var(--accent-hover); }
[data-ptype="boolean"], [data-wire-swatch="boolean"] { background: var(--attribution-agent); }
[data-ptype="event"], [data-wire-swatch="event"] { background: var(--state-caution); }
[data-ptype="allocation"], [data-wire-swatch="allocation"] { background: var(--state-positive); }
[data-ptype] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
[data-gnode-label] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-gnode-sub] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); margin-top: 2px; }
[data-wire-legend] { display: flex; gap: 12px; padding: 9px 14px; border-top: 1px solid var(--border-subtle); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); flex-wrap: wrap; align-items: center; }
[data-wire-legend] b { color: var(--text-primary); }
[data-wire-legend] span { display: flex; align-items: center; gap: 5px; }
[data-wire-swatch] { width: 10px; height: 3px; border-radius: 2px; }
[data-legend-law] { margin-left: auto; }
[data-wire-legend] [data-legend-logic] { flex-basis: 100%; }
[data-canvas] > [data-form-error], [data-canvas] > [data-consequence] { margin-top: 12px; }
[data-canvas-flow] { position: relative; display: flex; flex-direction: column; height: min(76vh, 760px); min-height: 520px; overflow: clip; }
[data-canvas-flow] .react-flow { flex: 1; background: var(--surface-base); --xy-edge-stroke: var(--border-strong); --xy-edge-stroke-selected: var(--accent-hover); --xy-connectionline-stroke: var(--accent-hover); --xy-handle-background-color: var(--accent-hover); --xy-node-color: var(--text-primary); --xy-node-border: 1px solid var(--border-strong); --xy-selection-background-color: color-mix(in oklab, var(--accent-base) 12%, transparent); --xy-selection-border: 1px dotted var(--accent-hover); --xy-minimap-background-color: var(--surface-raised); --xy-minimap-mask-background-color: color-mix(in oklab, var(--surface-base) 62%, transparent); --xy-attribution-background-color: transparent; --xy-resize-background-color: var(--accent-hover); }
[data-canvas-flow] .react-flow__background circle { fill: color-mix(in oklab, var(--text-primary) 13%, transparent); }
[data-flow-card] { width: 240px; background: var(--surface-sunken); border: 1px solid var(--border-strong); border-radius: var(--radius-control); padding: 10px 12px; transition: border-color var(--duration-hover) var(--motion-ease), box-shadow .18s var(--motion-ease); }
[data-flow-card] [data-tt] { display: inline-block; margin-bottom: 4px; }
@media (hover: hover) and (pointer: fine) { .react-flow__node:hover [data-flow-card] { border-color: var(--border-strong); } }
[data-canvas-flow] .react-flow__node.dragging [data-flow-card] { will-change: transform; }
@keyframes vanta-fade { from { opacity: 0; } to { opacity: 1; } }
[data-flow-card] { animation: vanta-fade .34s var(--motion-ease) both; }
.react-flow__node:nth-child(1) [data-flow-card] { animation-delay: .02s; }
.react-flow__node:nth-child(2) [data-flow-card] { animation-delay: .075s; }
.react-flow__node:nth-child(3) [data-flow-card] { animation-delay: .13s; }
.react-flow__node:nth-child(4) [data-flow-card] { animation-delay: .185s; }
.react-flow__node:nth-child(5) [data-flow-card] { animation-delay: .24s; }
.react-flow__node:nth-child(n+6) [data-flow-card] { animation-delay: .29s; }
@media (prefers-reduced-motion: reduce) { [data-flow-card] { animation: none; } }
.react-flow__node.selected [data-flow-card] { border-color: var(--accent-hover); box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-base) 18%, transparent); }
[data-flow-card][data-bad] { border-color: var(--state-negative); box-shadow: 0 0 0 3px color-mix(in oklab, var(--state-negative) 25%, transparent); }
[data-canvas-flow] .react-flow__handle { width: 10px; height: 10px; border: 2px solid var(--surface-base); border-radius: 50%; pointer-events: all; cursor: help; }
@media (hover: hover) and (pointer: fine) { [data-canvas-flow] .react-flow__handle:hover { transform: scale(1.35); } }
[data-canvas-flow] .react-flow__handle[data-port='series'] { background: var(--accent-hover); }
[data-canvas-flow] .react-flow__handle[data-port='boolean'] { background: var(--attribution-agent); }
[data-canvas-flow] .react-flow__handle[data-port='event'] { background: var(--state-caution); }
[data-canvas-flow] .react-flow__handle[data-port='allocation'] { background: var(--state-positive); }
[data-canvas-flow] .react-flow__handle[data-port-label]::after { content: attr(data-port-label); position: absolute; right: calc(100% + 6px); top: 50%; transform: translateY(-50%); white-space: nowrap; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); pointer-events: none; }
@keyframes vanta-wire-flow { to { stroke-dashoffset: -22; } }
[data-canvas-flow] .react-flow__edge-path { stroke-width: 1.8; opacity: .9; }
[data-canvas-flow] .react-flow__edge .react-flow__edge-path { stroke-dasharray: 5 6; animation: vanta-wire-flow 2.4s linear infinite; }
@media (hover: hover) and (pointer: fine) { [data-canvas-flow] .react-flow__edge:hover .react-flow__edge-path { stroke-width: 2.6; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { [data-canvas-flow] .react-flow__edge .react-flow__edge-path { stroke-dasharray: none; animation: none; } }
[data-canvas-flow] .react-flow__edge.wire-series .react-flow__edge-path { stroke: var(--accent-hover); }
[data-canvas-flow] .react-flow__edge.wire-boolean .react-flow__edge-path { stroke: var(--attribution-agent); }
[data-canvas-flow] .react-flow__edge.wire-event .react-flow__edge-path { stroke: var(--state-caution); }
[data-canvas-flow] .react-flow__edge.wire-allocation .react-flow__edge-path { stroke: var(--state-positive); }
[data-canvas-flow] .react-flow__minimap { background: var(--surface-raised); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); overflow: hidden; bottom: 26px; right: 12px; }
[data-canvas-flow] .react-flow__minimap-mask { fill: color-mix(in oklab, var(--surface-base) 62%, transparent); }
[data-canvas-flow] .react-flow__controls { border-radius: var(--radius-control); overflow: hidden; box-shadow: var(--elevation-lift); }
[data-canvas-flow] .react-flow__controls-button { background: var(--surface-raised); color: var(--text-primary); border-bottom: 1px solid var(--border-subtle); }
@media (hover: hover) and (pointer: fine) { [data-canvas-flow] .react-flow__controls-button:hover { background: var(--surface-selected); } }
[data-canvas-flow] .react-flow__controls-button svg { fill: currentColor; }
[data-canvas-flow] .react-flow__attribution { background: transparent; color: var(--text-muted); }
[data-canvas-flow][data-busy] { cursor: progress; }
[data-canvas-flow][data-busy]::after { content: ''; position: absolute; left: 0; right: auto; top: 0; width: 40%; height: 2px; z-index: 6; background: linear-gradient(90deg, transparent, var(--accent-hover), transparent); animation: vanta-travel-bar 1.05s var(--motion-ease) infinite; }
@keyframes vanta-travel-bar { from { transform: translateX(-100%); } to { transform: translateX(350%); } }
@media (prefers-reduced-motion: reduce) { [data-canvas-flow][data-busy]::after { animation: none; width: 100%; transform: none; background: var(--accent-hover); } }
[data-flow-remove] { background: var(--surface-raised); color: var(--state-negative); border: 1px solid color-mix(in oklab, var(--state-negative) 40%, transparent); border-radius: var(--radius-control); padding: 4px 10px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-flow-remove]:hover { background: color-mix(in oklab, var(--state-negative) 12%, var(--surface-raised)); } }
[data-palette-filter] { padding: 8px 6px; border-top: 1px solid var(--border-faint); }
[data-palette-filter] input { width: 100%; box-sizing: border-box; background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); padding: 6px 9px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); outline: none; color: var(--text-primary); caret-color: var(--accent-hover); }
[data-palette-filter] input:focus { outline: none; border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-palette-group] { border-top: 1px solid var(--border-subtle); }
[data-palette-group-head] { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; user-select: none; padding: 7px 14px; position: sticky; top: 0; z-index: 1; background: var(--surface-raised); }
[data-palette-group-head]::-webkit-details-marker { display: none; }
[data-palette-group-head]::before { content: '▸'; color: var(--text-muted); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); transition: transform var(--duration-base) var(--motion-ease); }
[data-palette-group][open] > [data-palette-group-head]::before { transform: rotate(90deg); }
[data-palette-group-title] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-palette-group-head] [data-branch-count] { margin-left: auto; }
[data-pitem-gate] { cursor: help; }
[data-flow-release] { background: var(--surface-raised); color: var(--accent-hover); border: 1px solid color-mix(in oklab, var(--accent-base) 45%, transparent); border-radius: var(--radius-control); padding: 4px 10px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); cursor: pointer; margin-right: 6px; }
@media (hover: hover) and (pointer: fine) { [data-flow-release]:hover { background: color-mix(in oklab, var(--accent-base) 12%, var(--surface-raised)); } }
[data-flow-toolbar] { display: flex; flex-wrap: wrap; align-items: center; row-gap: 6px; max-inline-size: 28rem; }
[data-flow-choices] { flex-basis: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 6px; }
[data-canvas-flow] .react-flow__handle[data-live] { cursor: crosshair; box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent-base) 22%, transparent); }
@media (hover: hover) and (pointer: fine) { [data-canvas-flow] .react-flow__handle[data-live]:hover { transform: scale(1.5); } }
[data-canvas-flow] .react-flow__node:focus { outline: none; }
[data-canvas-flow] .react-flow__node:focus-visible [data-flow-card] { outline: 2px solid var(--accent-emphasis); outline-offset: 3px; }
[data-tro] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-tree] [data-branch] { margin: 0; }
[data-tree] [data-branch] + [data-branch] { margin-top: 10px; }
[data-branch-head] { display: flex; align-items: center; gap: 8px; cursor: pointer; list-style: none; user-select: none; padding: 2px 0; }
[data-branch-head]::-webkit-details-marker { display: none; }
[data-branch-mark] { flex: none; color: var(--text-muted); transition: transform var(--duration-base) var(--motion-ease); }
[data-branch][open] > [data-branch-head] [data-branch-mark] { transform: rotate(90deg); }
@media (hover: hover) and (pointer: fine) { [data-branch-head]:hover [data-branch-mark] { color: var(--text-primary); } }
[data-branch-count] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); padding: 0 6px; }
[data-branch-body] { position: relative; margin-left: 14px; border-left: 1px solid var(--border-strong); padding: 6px 0 2px 18px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
[data-branch-body] [data-tnode] { position: relative; }
[data-branch-rule] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-branch-body] [data-tnode]::before { content: ''; position: absolute; left: -18px; top: 22px; width: 14px; height: 1px; background: var(--border-strong); }
@media (max-width: 639px) { [data-branch-body] [data-tnode]::before { top: 12px; } }
@keyframes vanta-rise { from { opacity: 0; transform: translateY(6px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes vanta-breathe { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes vanta-typing { 0%, 60%, 100% { transform: translateY(0); opacity: .4; } 30% { transform: translateY(-3px); opacity: 1; } }
@keyframes vanta-materialize { from { opacity: 0; transform: translateY(10px) scale(.965); filter: blur(6px); } to { opacity: 1; transform: none; filter: blur(0); } }
button, [data-pitem], [data-view-toggle] a { transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
a { transition: color var(--duration-hover) var(--motion-ease); }
[data-swarm-dock] { position: static; display: flex; align-items: center; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); }
[data-swarm-launcher] { position: relative; display: flex; align-items: center; gap: 8px; background: #21262d; border: 1px solid rgba(240,246,252,.1); border-radius: var(--radius-control); padding: 5px 12px 5px 11px; cursor: pointer; color: var(--text-primary); order: 2; transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-swarm-launcher]:hover { background: #30363d; border-color: var(--border-strong); } }
[data-swarm-launcher][aria-expanded='true'] { background: var(--surface-selected); border-color: var(--border-strong); }
[data-swarm-launcher-word] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; white-space: nowrap; }
[data-swarm-count] { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 18px; block-size: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 999px; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-variant-numeric: tabular-nums; color: var(--text-muted); background: var(--surface-sunken); border: 1px solid var(--border-faint); }
@media (hover: hover) and (pointer: fine) { [data-swarm-launcher]:hover [data-swarm-count] { color: var(--text-primary); } }
[data-swarm-launcher][data-nudge]::after { content: ''; position: absolute; top: -3px; right: -3px; inline-size: 9px; block-size: 9px; border-radius: 50%; background: var(--attribution-agent); box-shadow: 0 0 0 2px var(--surface-chrome); }
[data-swarm-mark] { display: inline-flex; color: var(--attribution-agent); }
[data-swarm-mark] svg { width: 15px; height: 15px; display: block; }
[data-swarm-dots] { display: flex; gap: 3px; align-items: center; }
[data-swarm-dot] { width: 5px; height: 5px; padding: 0; border-radius: 50%; display: inline-block; animation: vanta-breathe 1.2s var(--motion-ease) infinite; }
[data-swarm-dot][data-who='concierge'] { background: var(--accent-hover); animation-delay: 0s; }
[data-swarm-dot][data-who='formalizer'] { background: var(--attribution-agent); animation-delay: .3s; }
[data-swarm-dot][data-who='skeptic'] { background: var(--state-caution); animation-delay: .6s; }
[data-swarm-dot][data-who='research'] { background: var(--state-positive); animation-delay: .9s; }
[data-swarm-panel] { width: min(410px, calc(100vw - 36px)); height: min(72vh, 620px); display: flex; flex-direction: column; overflow: hidden; background: var(--surface-raised); border: 1px solid var(--border-strong); border-top-color: var(--border-subtle); border-radius: var(--radius-modal); box-shadow: var(--elevation-lift); transform-origin: bottom right; order: 1; }
[data-swarm-panel][data-entering] { animation: vanta-materialize .3s var(--motion-ease) both; }
[data-swarm-panel][hidden] { display: none; }
[data-swarm-head] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 8px; padding: 10px 14px; border-bottom: 1px solid var(--border-subtle); flex: none; }
[data-swarm-head] h2 { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; margin: 0; white-space: nowrap; flex: none; }
[data-swarm-tabs] { flex: 1 0 100%; display: flex; gap: 2px; background: var(--surface-sunken); border-radius: var(--radius-control); padding: 2px; }
[data-swarm-tab] { flex: 1 1 0; border: 0; background: transparent; color: var(--text-muted); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 4px 11px; border-radius: var(--radius-control); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-swarm-tab]:not([aria-current='true']):hover { background: color-mix(in oklab, var(--text-primary) 7%, transparent); color: var(--text-primary); } }
[data-swarm-tab][aria-current='true'] { background: var(--surface-selected); color: var(--text-primary); }
[data-swarm-model] { display: flex; }
[data-swarm-model] > [data-segctl] > button { white-space: nowrap; padding-inline: var(--space-snug); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); }
[data-swarm-model-note] { margin: 0; flex: 1 1 100%; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-swarm-activity] { overflow: auto; scrollbar-gutter: stable; padding: 4px 0 10px; }
[data-swarm-scroll] { flex: 1; overflow-y: auto; scrollbar-gutter: stable; overflow-x: hidden; padding: 14px; display: flex; flex-direction: column; gap: 14px; scrollbar-width: thin; }
[data-swarm-empty] { color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); display: grid; gap: 10px; }
[data-thread-note] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); text-align: center; }
[data-swarm-empty] p { margin: 0; }
[data-swarm-suggestions] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
[data-swarm-suggestion] { background: var(--surface-sunken); border: 1px solid var(--border-subtle); color: var(--text-primary); border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 5px 11px; cursor: pointer; text-align: left; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-swarm-suggestion]:hover { border-color: var(--accent-hover); background: color-mix(in oklab, var(--accent-hover) 10%, var(--surface-sunken)); } }
[data-swarm-turn] { display: grid; grid-template-columns: auto 1fr; gap: 9px; }
[data-swarm-turn][data-arriving] { animation: vanta-rise .18s var(--motion-ease) both; }
[data-swarm-turn][data-mine] { grid-template-columns: 1fr; justify-items: end; }
[data-swarm-bubble] { margin: 0; background: var(--surface-selected); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); padding: 8px 12px; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); max-width: 86%; white-space: pre-wrap; }
[data-swarm-context] { display: inline-flex; align-items: center; gap: var(--space-hair); max-width: 86%; padding: var(--space-tight) var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); text-decoration: none; font-variant-numeric: tabular-nums; }
@media (hover: hover) and (pointer: fine) { [data-swarm-context]:hover { color: var(--text-primary); border-color: var(--border-strong); } }
[data-swarm-context-words] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-swarm-context] { min-block-size: 28px; }
@media (max-width: 767px), (pointer: coarse) { [data-swarm-context] { min-block-size: 44px; } }
[data-swarm-avatar] { width: 22px; height: 22px; padding: 0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: none; margin-top: 1px; }
[data-swarm-avatar] svg { width: 12px; height: 12px; }
[data-swarm-avatar][data-who='concierge'] { background: color-mix(in oklab, var(--accent-hover) 20%, transparent); color: var(--accent-hover); }
[data-swarm-avatar][data-who='formalizer'] { background: color-mix(in oklab, var(--attribution-agent) 20%, transparent); color: var(--attribution-agent); }
[data-swarm-avatar][data-who='skeptic'] { background: color-mix(in oklab, var(--state-caution) 20%, transparent); color: var(--state-caution); }
[data-swarm-avatar][data-who='research'] { background: color-mix(in oklab, var(--state-positive) 20%, transparent); color: var(--state-positive); }
[data-swarm-body] { display: grid; gap: 6px; justify-items: start; min-width: 0; }
[data-swarm-role] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-swarm-text] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); white-space: pre-wrap; overflow-wrap: anywhere; }
[data-swarm-text][data-reply-md], [data-own-text][data-reply-md] { display: grid; gap: var(--space-tight); white-space: normal; }
[data-own-text] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-reply-p] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-reply-list] { margin: 0; padding-inline-start: 1.25em; display: grid; gap: 2px; }
[data-reply-quote] { margin: 0; padding: 2px 0 2px 10px; border-inline-start: 2px solid var(--border-subtle); color: var(--text-primary); font-family: var(--font-mono); white-space: pre-wrap; }
[data-reply-inline-code] { font-family: var(--font-mono); font-size: .92em; padding: 0 4px; border-radius: var(--radius-chip); background: var(--surface-sunken); }
[data-reply-code] { min-width: 0; max-width: 100%; border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-sunken); overflow: hidden; }
[data-reply-code-head] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 6px 4px 10px; border-bottom: 1px solid var(--border-subtle); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-reply-copy] { font: inherit; color: var(--text-primary); background: transparent; border: 1px solid var(--border-subtle); border-radius: var(--radius-chip); padding: 2px 8px; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-reply-copy]:hover { background: var(--surface-raised); } }
[data-reply-copied] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); }
[data-reply-code] pre { margin: 0; padding: 8px 10px; overflow-x: auto; }
[data-reply-code] pre code { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); white-space: pre; }
[data-swarm-fallback] { margin: 0; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-figure-mark] { text-decoration-line: underline; text-decoration-style: dashed; text-decoration-color: var(--state-caution); text-decoration-thickness: 1px; text-underline-offset: 3px; cursor: help; }
[data-figure-mark='dry-run'] { text-decoration-style: dotted; text-decoration-color: var(--text-muted); }
[data-figure-note] { margin: 0; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-swarm-typing] { display: inline-flex; align-items: flex-end; gap: 5px; padding: 6px 0 4px; }
[data-swarm-typing] i { width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); animation: vanta-typing 1.2s var(--motion-ease) infinite; }
[data-swarm-typing] i:nth-child(2) { animation-delay: .15s; }
[data-swarm-typing] i:nth-child(3) { animation-delay: .3s; }
@media (prefers-reduced-motion: reduce) { [data-swarm-typing] i, [data-demo-typing] i { animation: none; opacity: .55; } }
[data-swarm-action] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); border-left: 2px solid var(--state-negative); padding-left: 9px; white-space: pre-wrap; }
[data-swarm-action][data-ok] { border-left-color: var(--attribution-agent); }
[data-swarm-progress] { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); border-left: 2px solid var(--border-subtle); padding-left: 9px; white-space: pre-wrap; }
[data-swarm-progress][data-status='completed'] { border-left-color: var(--attribution-agent); }
[data-swarm-progress][data-status='failed'] { border-left-color: var(--state-negative); }
[data-swarm-progress] b { color: var(--text-primary); font-weight: 600; }
[data-swarm-plan] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); padding-left: 18px; margin: 4px 0; }
[data-swarm-plan] li[data-status='completed'] { text-decoration: line-through; }
[data-swarm-permission] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 6px 9px; }
[data-waiting-change] { display: grid; gap: 6px; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-left: 2px solid var(--attribution-agent); border-radius: var(--radius-control); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 8px 10px; }
[data-waiting-change]:not([data-status='waiting']):not([data-status='running']) { border-left-color: var(--border-subtle); }
[data-waiting-title] { color: var(--text-primary); font-weight: 600; }
[data-waiting-lines] { margin: 0; padding-left: 18px; color: var(--text-primary); }
[data-waiting-buttons] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-waiting-do] { background: var(--accent-emphasis); color: var(--text-inverse); border: 1px solid var(--accent-emphasis); border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 5px 13px; cursor: pointer; font-weight: 600; }
[data-waiting-dismiss] { background: transparent; color: var(--text-primary); border: 1px solid var(--border-subtle); border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 5px 13px; cursor: pointer; }
[data-waiting-do]:disabled, [data-waiting-dismiss]:disabled { opacity: 0.6; cursor: progress; }
[data-waiting-note] { color: var(--text-muted); }
[data-script-card] { display: grid; gap: 4px; margin-top: 4px; color: var(--text-primary); }
[data-card-stated] { margin: 0; color: var(--state-caution); font-weight: 600; }
[data-card-changes], [data-card-rules], [data-card-unbuilt] ul { margin: 0; padding-left: 16px; }
[data-card-rule] { display: grid; gap: 2px; }
[data-card-say] { font-weight: 600; }
[data-card-runs] { color: var(--text-muted); }
[data-card-values] { display: flex; flex-wrap: wrap; gap: 6px; }
[data-card-chip] { color: var(--text-muted); }
[data-card-prov='platform'] [data-card-chip] { border: 1px solid var(--border-subtle); border-radius: 999px; padding: 0 6px; }
[data-card-live], [data-card-warning] { margin: 0; color: var(--text-muted); }
[data-studio-line] { display: grid; gap: 4px; border-left: 2px solid var(--border-strong); padding: 4px 10px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-studio-line-head] { margin: 0; }
[data-studio-line-head] b { color: var(--text-primary); }
[data-studio-line-sent] { margin: 0; overflow-wrap: anywhere; }
[data-swarm-reply] { background: var(--surface-sunken); border: 1px solid var(--border-subtle); color: var(--text-primary); border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding: 5px 11px; cursor: pointer; text-align: left; }
@media (hover: hover) and (pointer: fine) { [data-swarm-reply]:hover { border-color: var(--accent-hover); } }
@media (hover: hover) and (pointer: fine) { [data-swarm-reply][data-reply='reject']:hover { border-color: var(--state-negative); } }
[data-tour] { justify-self: stretch; }
[data-tour-start] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); display: inline-flex; align-items: center; gap: 6px; border: 1px solid color-mix(in oklab, var(--attribution-agent) 40%, var(--border-subtle)); background: none; color: var(--attribution-agent); border-radius: 999px; padding: 3px 11px; cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-tour-start]:hover { background: color-mix(in oklab, var(--attribution-agent) 12%, transparent); border-color: var(--attribution-agent); } }
[data-tour][data-tour-walking] { display: grid; gap: 5px; padding: 9px 11px; border-radius: var(--radius-control); border: 1px solid color-mix(in oklab, var(--attribution-agent) 34%, var(--border-subtle)); background: color-mix(in oklab, var(--attribution-agent) 7%, transparent); }
[data-tour-say] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); animation: vanta-fade .12s var(--motion-ease) both; }
[data-tour-say][data-tour-absent] { color: var(--state-caution); }
[data-tour-because] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-tour-follow] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--accent-hover); justify-self: start; }
[data-tour-say][data-tour-following] { color: var(--attribution-agent); }
[data-tour-controls] { display: flex; align-items: center; gap: 8px; }
[data-tour-dots] { display: inline-flex; align-items: center; gap: 5px; margin-right: auto; }
@media (hover: hover) and (pointer: fine) { [data-tour-dot]:hover { background: var(--border-strong); } }
[data-tour-dot] { width: 7px; height: 7px; padding: 0; border-radius: 50%; border: 1px solid color-mix(in oklab, var(--attribution-agent) 45%, transparent); background: none; cursor: pointer; transition: transform .14s var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
[data-tour-dot][data-tour-here] { background: var(--attribution-agent); transform: scale(1.3); }
[data-tour-dot]:disabled { opacity: .45; cursor: default; }
@media (hover: hover) and (pointer: fine) { [data-tour-dot]:disabled:hover { background: none; } }
[data-tour-next], [data-tour-stop] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); background: none; border: 0; padding: 2px 3px; color: var(--text-muted); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-tour-next]:hover, [data-tour-stop]:hover { color: var(--text-primary); } }
[data-tour-back] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); background: none; border: 0; padding: 2px 3px; color: var(--text-muted); cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-tour-back]:hover { color: var(--text-primary); } }
[data-tour-back]:disabled { opacity: .4; cursor: default; }
[data-presence-frame] { position: fixed; inset: 0; z-index: 80; pointer-events: none; box-shadow: inset 0 0 0 3px color-mix(in oklab, var(--attribution-agent) 88%, transparent), inset 0 0 0 4px color-mix(in oklab, var(--attribution-agent) 36%, transparent), inset 0 0 26px 4px color-mix(in oklab, var(--attribution-agent) 50%, transparent), inset 0 0 80px 12px color-mix(in oklab, var(--attribution-agent) 28%, transparent), inset 0 0 170px 28px color-mix(in oklab, var(--attribution-agent) 13%, transparent); animation: vanta-fade .24s var(--motion-ease) both; }
[data-presence-banner] { position: fixed; bottom: var(--space-wide); left: 0; right: var(--dock-w, 0px); z-index: 80; display: flex; justify-content: center; pointer-events: none; animation: vanta-rise .16s var(--motion-ease) both; }
[data-presence-pill] { display: inline-flex; align-items: center; gap: var(--space-base); padding: var(--space-snug) var(--space-mid); border-radius: 999px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); background: color-mix(in oklab, var(--attribution-agent) 22%, var(--surface-chrome)); border: 1px solid color-mix(in oklab, var(--attribution-agent) 55%, transparent); box-shadow: var(--elevation-overlay); }
[data-presence-dot] { width: 8px; height: 8px; border-radius: 50%; background: var(--attribution-agent); animation: vanta-presence-pulse 1.8s var(--motion-ease) infinite; }
@keyframes vanta-presence-pulse { 0%, 100% { transform: scale(.82); box-shadow: 0 0 0 0 color-mix(in oklab, var(--attribution-agent) 60%, transparent); } 50% { transform: none; box-shadow: 0 0 0 6px color-mix(in oklab, var(--attribution-agent) 0%, transparent); } }
[data-presence-frame][data-closing], [data-presence-banner][data-closing] { animation: vanta-fade-out .16s var(--motion-ease) both; }
@keyframes vanta-fade-out { to { opacity: 0; } }
[data-presence-text] { white-space: nowrap; }
[data-presence-stop] { pointer-events: auto; display: inline-flex; align-items: center; min-block-size: 28px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; border: 1px solid var(--attribution-agent); background: none; color: var(--text-primary); border-radius: 999px; padding: 0 var(--space-loose); cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease); }
[data-presence-back], [data-presence-next] { pointer-events: auto; display: inline-flex; align-items: center; min-block-size: 28px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; border: 1px solid var(--attribution-agent); background: none; color: var(--text-primary); border-radius: 999px; padding: 0 var(--space-loose); cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-presence-stop]:hover, [data-presence-back]:not(:disabled):hover, [data-presence-next]:hover { background: color-mix(in oklab, var(--attribution-agent) 24%, transparent); } }
[data-presence-stop]:focus-visible, [data-presence-back]:focus-visible, [data-presence-next]:focus-visible { outline: 2px solid var(--attribution-agent); outline-offset: 2px; }
[data-presence-next] { background: color-mix(in oklab, var(--attribution-agent) 30%, transparent); }
[data-presence-steps] { display: inline-flex; gap: var(--space-base); }
[data-presence-mode='presenting'] [data-presence-pill] { flex-wrap: wrap; justify-content: center; row-gap: var(--space-snug); max-inline-size: calc(100% - 2 * var(--space-wide)); }
[data-presence-mode='presenting'] [data-presence-text] { white-space: normal; min-inline-size: 0; text-align: center; }
[data-presence-hint] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-presence-hint] kbd { font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--text-primary); padding: 1px 6px; border: 1px solid var(--border-strong); border-bottom-width: 2px; border-radius: 4px; background: var(--surface-sunken); }
@media (pointer: coarse) { [data-presence-hint] { display: none; } }
[data-tour-here-chip] { position: fixed; z-index: 80; pointer-events: none; top: 0; left: 0; transform: translate(var(--vanta-here-x, 0px), max(calc(var(--bar-h) + 24px), var(--vanta-here-y, 0px))) translateY(calc(-100% - var(--space-snug))); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; color: var(--surface-base); background: var(--attribution-agent); border-radius: var(--radius-chip); padding: 1px 7px; }
@media (prefers-reduced-motion: reduce) { [data-presence-frame], [data-presence-banner], [data-presence-dot] { animation: none; } }
@media (max-width: 900px) { :root[data-dock='open'] [data-presence-banner][data-presence-mode='acting'] { display: none; } }
@media (max-width: 900px) {
       :root[data-tour-presenting] [data-frame] [data-swarm-panel] { visibility: hidden; transform: translateY(calc(100% + 8px)); transition: transform .18s var(--motion-ease), visibility 0s linear .18s; }
       [data-presence-banner][data-presence-mode='presenting'] { left: var(--space-base); right: var(--space-base); bottom: calc(var(--space-loose) + env(safe-area-inset-bottom)); }
       [data-presence-mode='presenting'] [data-presence-pill] { flex-wrap: wrap; justify-content: center; max-inline-size: 100%; border-radius: var(--radius-modal); padding: var(--space-base) var(--space-loose); row-gap: var(--space-base); }
       [data-presence-mode='presenting'] [data-presence-text] { white-space: normal; flex: 1 1 100%; text-align: center; }
       [data-presence-mode='presenting'] [data-presence-dot] { display: none; }
     }
@media (max-width: 900px) and (prefers-reduced-motion: reduce) { :root[data-tour-presenting] [data-frame] [data-swarm-panel] { transition: none; } }
[data-swarm-composer] { flex: none; padding: 12px 14px; border-top: 1px solid var(--border-subtle); }
[data-swarm-field] { position: relative; display: flex; align-items: flex-end; background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); transition: border-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-swarm-field]:hover { border-color: var(--border-strong); } }
[data-swarm-field]:focus-within { border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-swarm-input] { flex: 1; min-width: 0; resize: none; min-height: 40px; max-height: 132px; field-sizing: content; background: transparent; border: 0; border-radius: var(--radius-panel); padding: 10px 44px 10px 12px; font: inherit; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); outline: none; }
[data-swarm-input]:focus { outline: none; }
[data-swarm-send] { position: absolute; right: 5px; bottom: 5px; width: 30px; height: 30px; border-radius: 50%; border: 0; background: var(--accent-emphasis); color: var(--text-inverse); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
[data-swarm-send] svg { width: 16px; height: 16px; }
[data-swarm-send]:disabled { background: var(--surface-selected); color: var(--text-muted); cursor: default; }
@media (hover: hover) and (pointer: fine) { [data-swarm-send]:not(:disabled):hover { background: var(--accent-hover); } }
[data-agent-row] { display: grid; grid-template-columns: auto 1fr; gap: 10px; padding: 10px 14px; border-top: 1px solid var(--border-faint); }
[data-agent-row]:first-child { border-top: none; }
[data-agent-row][data-idle] { opacity: .62; }
[data-agent-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-agent-what] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-agent-when] { font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-agent-links] { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 14px; }
[data-agent-links] a { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--accent-hover); text-decoration: none; border: 1px solid var(--border-subtle); border-radius: 999px; padding: 3px 10px; }
@media (hover: hover) and (pointer: fine) { [data-agent-links] a:hover { border-color: var(--accent-hover); } }
@keyframes vanta-glow { 0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--attribution-agent) 0%, transparent); } 12% { box-shadow: 0 0 0 3px color-mix(in oklab, var(--attribution-agent) 62%, transparent), 0 0 44px -4px color-mix(in oklab, var(--attribution-agent) 58%, transparent); } 62% { box-shadow: 0 0 0 3px color-mix(in oklab, var(--attribution-agent) 52%, transparent), 0 0 40px -4px color-mix(in oklab, var(--attribution-agent) 48%, transparent); } 100% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--attribution-agent) 0%, transparent); } }
[data-agent-region] { border-radius: var(--radius-panel); transition: border-color .45s var(--motion-ease); scroll-margin-top: calc(var(--bar-h) + var(--space-base)); }
[data-agent-region][data-agent-region][data-agent-active][data-agent-active] { animation: vanta-glow 3.6s var(--motion-ease) both; border-color: color-mix(in oklab, var(--attribution-agent) 55%, var(--border-subtle)); }
@media (prefers-reduced-motion: reduce) { [data-agent-region][data-agent-region][data-agent-active][data-agent-active] { animation: none; box-shadow: 0 0 0 2px color-mix(in oklab, var(--attribution-agent) 40%, transparent); } }
[data-agent-region][data-agent-region][data-agent-focus][data-agent-focus] { animation: none; border-color: color-mix(in oklab, var(--attribution-agent) 62%, var(--border-subtle)); box-shadow: 0 0 0 3px color-mix(in oklab, var(--attribution-agent) 34%, transparent), 0 0 36px -6px color-mix(in oklab, var(--attribution-agent) 40%, transparent); transition: border-color .18s var(--motion-ease), box-shadow .18s var(--motion-ease); }
@media (prefers-reduced-motion: reduce) { [data-agent-region][data-agent-region][data-agent-focus][data-agent-focus] { transition: none; } }
:root[data-agent-guiding] [data-agent-region]:not([data-agent-focus]):not(:has([data-agent-focus])) { opacity: .62; transition: opacity .18s var(--motion-ease); }
@media (prefers-reduced-motion: reduce) { :root[data-agent-guiding] [data-agent-region]:not([data-agent-focus]):not(:has([data-agent-focus])) { transition: none; } }
:root[data-tour-presenting] [data-agent-region][data-agent-region][data-agent-focus][data-agent-focus] { border-color: var(--attribution-agent); box-shadow: 0 0 0 4px color-mix(in oklab, var(--attribution-agent) 72%, transparent), 0 0 0 9px color-mix(in oklab, var(--attribution-agent) 22%, transparent), 0 0 64px -4px color-mix(in oklab, var(--attribution-agent) 65%, transparent); transition: border-color .18s var(--motion-ease), box-shadow .18s var(--motion-ease); }
@media (prefers-reduced-motion: reduce) { :root[data-tour-presenting] [data-agent-region][data-agent-region][data-agent-focus][data-agent-focus] { transition: none; } }
:root[data-tour-presenting][data-agent-guiding] [data-agent-region]:not([data-agent-focus]):not(:has([data-agent-focus])) { opacity: .5; }
[data-perf-warning] { margin-top: var(--space-mid); padding-left: 12px; border-left: 2px solid color-mix(in oklab, var(--state-caution) 55%, transparent); }
[data-mono] { font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-shell] h1:not([data-hero] h1):not([data-ws-name]):not([data-page-title]) { font-size: var(--size-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); font-weight: 600; }
[data-shell] :where(h3) { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 600; }
[data-mono], [data-agent-when], code, [data-badge] { font-variant-numeric: tabular-nums; }
[data-swarm-suggestion]:active, [data-swarm-tab]:active { background: rgba(177,186,196,.2); }
[data-panel] { transition: border-color var(--duration-hover) var(--motion-ease), box-shadow .2s var(--motion-ease); }
[data-agent-row], [data-feed-row] { transition: background-color var(--duration-hover) var(--motion-ease); }
[data-empty-state] { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 56px 24px 60px; }
[data-empty-mark] { color: var(--text-muted); opacity: .5; }
[data-empty-mark] svg { width: 40px; height: 40px; display: block; }
h2[data-empty-title], h3[data-empty-title] { margin: var(--space-hair) 0 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-empty-state][data-size='page'] [data-empty-title] { font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); }
[data-empty-state][data-size='panel'] { padding: var(--space-wide) var(--space-mid); gap: var(--space-base); }
[data-empty-state][data-size='inline'] { padding: var(--space-loose) 0; gap: var(--space-hair); }
[data-empty-state][data-size='panel'] [data-empty-mark] svg { width: 28px; height: 28px; }
[data-empty-state][data-size='inline'] [data-empty-mark] svg { width: 16px; height: 16px; }
[data-empty-because] { margin: 0; color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-empty-state][data-size='page'] [data-empty-because] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-empty-actions] { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 6px; }
[data-empty-actions] a { text-decoration: none; }
[data-working-state] { display: grid; justify-items: center; text-align: center; gap: var(--space-loose); padding: var(--space-gutter) var(--space-wide); animation: vanta-working-in .26s var(--motion-ease) 320ms both; }
[data-working-line] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-working-track] { position: relative; display: block; inline-size: min(240px, 60%); block-size: 2px; border-radius: 999px; background: var(--surface-nested); overflow: hidden; }
[data-working-sweep] { position: absolute; inset: 0 auto 0 0; inline-size: 35%; background: var(--accent-base); border-radius: inherit; animation: vanta-travel-bar 1.4s var(--motion-ease) infinite; }
@media (prefers-reduced-motion: reduce) { [data-working-sweep] { animation: none; inline-size: 100%; opacity: .45; } }
@keyframes vanta-working-in { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { [data-swarm-panel][data-entering] { animation: none; } }
@media (prefers-reduced-transparency: reduce) { [data-topbar] { background: var(--surface-chrome); backdrop-filter: none; -webkit-backdrop-filter: none; border-bottom: 1px solid var(--border-subtle); } [data-topbar]::after { display: none; } [data-swarm-panel] { background: var(--surface-raised); backdrop-filter: none; -webkit-backdrop-filter: none; } }
@media (prefers-contrast: more) { [data-panel], [data-swarm-panel], [data-swarm-launcher] { border-color: var(--text-muted); } [data-topbar] { background: var(--surface-chrome); backdrop-filter: none; -webkit-backdrop-filter: none; } [data-agent-what], [data-sub], [data-note] { color: var(--text-primary); } }
::selection { background: color-mix(in oklab, var(--accent-hover) 30%, transparent); }
[data-btn='cta'] { background: var(--surface-inverse); border-color: rgba(240,246,252,.1); color: var(--text-inverse); }
@media (hover: hover) and (pointer: fine) { [data-btn='cta']:not(:disabled):hover { background: #2ea043; box-shadow: inset 0 1px 0 color-mix(in oklab, #fff 14%, transparent); } }
[data-frame] { display: flex; flex-direction: column; min-height: 100dvh; overflow-x: clip; background: var(--surface-base); color: var(--text-primary); font-family: var(--font-sans); font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); -webkit-font-smoothing: antialiased; }
@property --dock-f { syntax: '<number>'; inherits: true; initial-value: 0; }
:root { --dock-f: 0; --dock-w: calc(384px * var(--dock-f)); --bar-h: 56px; --page-max: 1320px; --page-gutter: clamp(var(--space-mid), 3vw, var(--space-gutter)); --page-inset: max(var(--page-gutter), calc((100% - var(--page-max)) / 2 + var(--page-gutter))); }
:root[data-dock='open'] { --dock-f: 1; }
[data-frame-body] { flex: 1; min-height: 0; display: flex; }
[data-frame-stage] { flex: 1; min-width: 0; }
html { scrollbar-gutter: stable both-edges; scrollbar-width: thin; }
[data-frame]:has([data-canvas]) { height: 100dvh; overflow: hidden; }
[data-feed-banner] { box-sizing: border-box; margin: var(--space-mid) var(--page-inset) 0; padding: var(--space-loose) var(--space-mid); border: 1px solid color-mix(in oklab, var(--state-caution) 34%, transparent); border-radius: var(--radius-control); background: color-mix(in oklab, var(--state-caution) 8%, transparent); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-feed-banner-head] { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: var(--space-loose); row-gap: var(--space-hair); }
[data-feed-banner-head] > b { font-weight: 600; color: var(--state-caution); }
[data-feed-banner-since], [data-feed-banner-who], [data-feed-banner-line-since] { color: var(--text-muted); }
[data-feed-banner-unconfirmed] { color: var(--state-caution); }
[data-feed-banner-lines] { margin: var(--space-base) 0 0; padding-inline-start: var(--space-wide); }
[data-feed-banner-lines] > li + li { margin-top: var(--space-hair); }
[data-frame-stage]:has([data-canvas]) [data-feed-banner-lines] { display: none; }
[data-globalbar] { flex: none; position: sticky; top: 0; z-index: 70; display: flex; align-items: center; gap: 16px; height: var(--bar-h); padding: 0 18px; border-bottom: 1px solid var(--border-faint); background: var(--surface-chrome); }
[data-brand-home] { color: inherit; display: inline-flex; }
[data-bar-brand] { display: flex; align-items: center; gap: 9px; flex: none; text-decoration: none; color: var(--text-primary); }
[data-bar-brand] svg { height: 17px; }
[data-bar-brand] [data-app-name] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-brand-rule] { width: 1px; height: 15px; flex: none; background: var(--border-strong); }
[data-page-lead] { display: block; margin: 0 0 var(--space-section); }
[data-bar-nav] ul { list-style: none; display: flex; gap: 2px; margin: 0; padding: 0; }
[data-bar-nav]::-webkit-scrollbar { display: none; }
@media (max-width: 1024px) { [data-bar-nav] { mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 24px), transparent 100%); } }
[data-bar-nav] a { display: flex; align-items: center; gap: var(--space-snug); padding: 6px 11px; border-radius: var(--radius-control); color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) { [data-bar-nav] a:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-bar-nav] a[aria-current] { color: var(--text-primary); background: var(--surface-selected); font-weight: 600; }
@media (hover: hover) and (pointer: fine) { [data-bar-nav] a[aria-current]:hover { background: var(--surface-selected); } }
[data-bar-persona] { position: relative; flex: none; }
[data-bar-persona] > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 3px; border-radius: 50%; color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
[data-bar-persona] > summary::-webkit-details-marker { display: none; }
@media (hover: hover) and (pointer: fine) { [data-bar-persona] > summary:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-bar-menu] { position: absolute; z-index: 90; top: calc(100% + 7px); left: 0; min-width: 272px; display: grid; gap: 0; padding: 5px; border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); animation: vanta-menu .16s var(--motion-ease) both; }
[data-bar-menu][data-align='end'] { left: auto; right: calc((100% - 28px) / 2); }
@keyframes vanta-menu { from { opacity: 0; transform: translateY(-4px) scale(.96); } to { opacity: 1; transform: none; } }
[data-bar-menu] { transform-origin: top left; }
[data-bar-menu][data-align='end'] { transform-origin: top right; }
[data-menu-row] { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 7px 9px; border: 0; border-radius: var(--radius-control); background: none; color: var(--text-primary); font-family: inherit; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
[data-menu-row] [data-menu-row-word] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
[data-menu-row] [data-row-mark] { color: var(--text-muted); opacity: 1; }
[data-menu-row][aria-current] { font-weight: 600; }
[data-menu-row][aria-current] [data-row-mark] { color: var(--text-primary); opacity: 1; }
[data-menu-check] { flex: none; color: var(--accent-hover); }
[data-row-mark] { flex: none; width: 16px; height: 16px; opacity: .62; transition: opacity var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-menu-row]:hover [data-row-mark] { opacity: 1; color: var(--text-primary); } }
@media (hover: hover) and (pointer: fine) { [data-menu-row]:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-menu-row]:active { background: var(--press-wash); transition-duration: 0s; }
[data-persona-card] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; padding: 9px 10px; margin-bottom: 4px; border-radius: var(--radius-control); background: var(--surface-sunken); }
[data-persona-card] [data-role] { flex: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-persona-card] [data-role='admin'] { color: var(--accent-hover); }
[data-persona-avatar] { width: 32px; height: 32px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-persona-who] { display: grid; gap: 1px; min-width: 0; }
[data-persona-line] { display: flex; align-items: center; gap: 7px; min-width: 0; }
[data-persona-line] [data-persona-name] { min-width: 0; }
[data-persona-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-persona-email] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-bar-menu-group] { display: grid; gap: 1px; padding-top: 4px; border-top: 1px solid var(--border-faint); }
[data-bar-menu-group]:first-of-type { padding-top: 0; border-top: 0; }
[data-bar-menu-group] form { margin: 0; }
@media (hover: hover) and (pointer: fine) { [data-menu-row][data-bar-signout]:hover { color: var(--state-negative); background: color-mix(in oklab, var(--state-negative) 9%, transparent); } }
@media (hover: hover) and (pointer: fine) { [data-menu-row][data-bar-signout]:hover [data-row-mark] { color: var(--state-negative); } }
[data-bar-avatar] { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--surface-selected); color: var(--text-primary); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 600; }
[data-bar-resume], [data-bar-swarm], [data-bar-persona] { margin-left: auto; }
[data-bar-resume] ~ [data-bar-swarm], [data-bar-resume] ~ [data-bar-persona], [data-bar-swarm] ~ [data-bar-persona] { margin-left: 0; }
[data-bar-swarm] { flex: none; }
[data-bar-resume] { display: flex; align-items: baseline; gap: 7px; min-width: 0; max-width: 420px; padding: 5px 11px; border-radius: var(--radius-control); border: 1px solid var(--border-subtle); background: transparent; text-decoration: none; transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-bar-resume]:hover { background: var(--surface-selected); border-color: var(--border-strong); } }
[data-bar-resume-word] { flex: none; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--accent-hover); }
[data-bar-resume-name] { flex: 0 1 auto; min-width: min(8ch, 100%); max-width: 24ch; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-bar-resume-step] { flex: 0 100 auto; min-width: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1359px) { [data-bar-resume-step] { display: none; } }
@media (max-width: 1024px) {
       [data-bar-resume-step] { display: none; }
       [data-bar-nav] { overflow-x: auto; overscroll-behavior-x: contain; min-width: 0; scrollbar-width: none; }
       [data-bar-nav] ul { flex-wrap: nowrap; }
       [data-bar-nav] a { white-space: nowrap; }
       [data-app-name], [data-brand-rule] { display: none; }
       [data-bar-brand] { min-width: 0; }
       /* No max-width here — DEF-202. flex: 0 1 auto with min-width: 0 is already the instruction
          "shrink this before the bar overflows", and it shrinks by exactly as much as the bar is
          short. A fixed 200px cap is a guess made in advance: measured, the pill wanted 200.17px and
          the cap truncated ETH-USD to ETH-US with 139px of bar standing empty. The name inside
          already ellipsises, so the cap was a second clamp firing before the first was needed.
          (No backticks in this comment: it lives INSIDE a template literal, and one would end the
          string here and take the rest of the block with it.) */
       [data-bar-resume] { flex: 0 1 auto; min-width: 0; }
     }
@media (max-width: 1120px) { [data-bar-nav] [data-icon] { display: none; } }
@media (max-width: 1284px) {
       :root[data-dock='open'] [data-bar-resume-step] { display: none; }
       :root[data-dock='open'] [data-bar-nav] { overflow-x: auto; overscroll-behavior-x: contain; min-width: 0; scrollbar-width: none; }
       :root[data-dock='open'] [data-bar-nav] ul { flex-wrap: nowrap; }
       :root[data-dock='open'] [data-bar-nav] a { white-space: nowrap; }
       :root[data-dock='open'] [data-app-name], :root[data-dock='open'] [data-brand-rule] { display: none; }
       :root[data-dock='open'] [data-bar-brand] { min-width: 0; }
       :root[data-dock='open'] [data-bar-resume] { flex: 0 1 auto; min-width: 0; }
       :root[data-dock='open'] [data-bar-nav] [data-icon] { display: none; }
     }
@media (pointer: coarse) { [data-bar-brand] { min-block-size: 44px; } }
[data-bar-sheet] { display: contents; }
[data-bar-sheet-trigger] { display: none; }
@media (max-width: 1023px) {
       [data-globalbar] { gap: var(--space-base); padding-inline: var(--page-gutter); overflow-x: clip; }
       [data-globalbar] > :is([data-bar-nav], [data-bar-resume], [data-bar-persona]) { display: none; }
       /* The mark takes the free space here, not the right-hand group: with Resume and the persona
          gone the group's one margin rule (DEF-145) would hand it to no one. */
       [data-globalbar] > [data-bar-brand] { margin-right: auto; }
       [data-globalbar] > :is([data-bar-swarm], [data-bar-persona]) { margin-left: 0; }
       [data-globalbar] > [data-bar-sheet] > [data-bar-sheet-trigger] { display: inline-flex; flex: none; inline-size: 44px; min-block-size: 44px; color: var(--text-primary); }
     }
[data-bar-sheet-body] { display: grid; gap: var(--space-loose); }
[data-sheet-resume] { display: grid; gap: 2px; padding: 10px var(--space-loose); border-radius: var(--radius-control); border: 1px solid color-mix(in oklab, var(--accent-hover) 30%, transparent); background: var(--accent-wash); text-decoration: none; transition: border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-sheet-resume]:hover { border-color: var(--accent-hover); } }
[data-sheet-resume]:active { background: color-mix(in oklab, var(--accent-hover) 16%, transparent); transition-duration: 0s; }
[data-sheet-resume] [data-bar-resume-name] { max-width: none; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-sheet-resume] [data-bar-resume-step] { display: block; }
[data-sheet-nav] ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
[data-sheet-nav] a { display: flex; align-items: center; gap: var(--space-loose); min-block-size: 44px; padding: 0 var(--space-loose); border-radius: var(--radius-control); color: var(--text-primary); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 500; text-decoration: none; transition: background-color var(--duration-hover) var(--motion-ease); }
[data-sheet-nav] a [data-icon] { flex: none; color: var(--text-muted); }
@media (hover: hover) and (pointer: fine) { [data-sheet-nav] a:hover { background: var(--hover-wash); } }
[data-sheet-nav] a:active { background: var(--press-wash); transition-duration: 0s; }
[data-sheet-nav] a:is([aria-current], :has(> [data-link-pending='yes'])) { background: var(--surface-selected); font-weight: 600; }
[data-sheet-nav] a:is([aria-current], :has(> [data-link-pending='yes'])) [data-icon] { color: var(--text-primary); }
[data-sheet-account] { display: grid; gap: 2px; padding-top: var(--space-mid); border-top: 1px solid var(--border-faint); }
[data-sheet-account] [data-persona-card] { margin-bottom: var(--space-base); }
[data-sheet-account] [data-bar-menu-group] { border-top: 0; padding-top: 0; }
[data-sheet-account] [data-menu-row] { min-block-size: 44px; padding-inline: var(--space-loose); gap: var(--space-loose); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); }
[data-journey] { display: flex; align-items: center; gap: 8px; margin: 20px 0 16px; padding: 5px; border-radius: var(--radius-control); border: 1px solid var(--border-subtle); background: var(--surface-raised); overflow-x: auto; scrollbar-width: none; }
[data-journey]::-webkit-scrollbar { display: none; }
[data-ws-bar] { display: flex; align-items: center; gap: 8px; margin-top: 4px; padding: 0; overflow-x: auto; }
[data-ws-identity] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: var(--space-mid); padding-top: var(--space-loose); container: ws-header / inline-size; --ws-back-target: 24px; }
[data-ws-identity-row] { display: flex; align-items: center; flex-wrap: nowrap; gap: 9px; min-width: 0; }
[data-ws-identity-row] [data-badge] + [data-badge] { margin-left: 0; }
[data-ws-name] { font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-ws-name-row] { display: flex; align-items: center; gap: var(--space-snug); min-width: 0; }
[data-ws-identity-row] > [data-ws-name-row] { min-inline-size: min(12rem, 50%); }
[data-ws-name-row] > [data-icon-btn] { flex: none; }
[data-ws-identity-row] > :not([data-ws-name-row]) { flex: none; }
[data-ws-name-row]:has(> [data-ws-rename]) { flex: 1 1 auto; }
[data-ws-rename] { display: flex; flex: 1 1 auto; align-items: center; gap: var(--space-base); min-width: 0; font-size: var(--size-title); line-height: var(--leading-title); letter-spacing: var(--tracking-title); font-weight: 600; }
input[data-ws-name-field] { field-sizing: content; min-width: 8ch; max-width: 46ch; padding: 3px 7px; margin: -4px 0 -4px -8px; border: 1px solid var(--accent-emphasis); border-radius: var(--radius-control); background: var(--surface-base); color: inherit; font: inherit; letter-spacing: inherit; }
[data-ws-rename-actions] { display: flex; flex: none; align-items: center; gap: var(--space-hair); }
[data-ws-identity-row]:has([data-ws-rename]) > :not([data-ws-name-row]), [data-ws-identity]:has([data-ws-rename]) > [data-ws-actions] { display: none; }
[data-ws-rename]:has(> [data-field-error]) { flex-wrap: wrap; row-gap: var(--space-hair); }
[data-ws-rename]:has(> [data-field-error]) > input[data-ws-name-field] { flex: 1 1 0; max-inline-size: max-content; }
[data-ws-rename] > [data-field-error] { flex-basis: 100%; }
[data-ws-identity]:has([data-ws-rename] > [data-field-error]) { align-items: start; }
[data-ws-identity]:has([data-ws-rename] > [data-field-error]) > [data-back-link] { min-block-size: max(28px, var(--ws-back-target)); }
input[data-ws-name-field]:focus { outline: none; box-shadow: 0 0 0 3px var(--accent-halo); }
[data-ws-label] { margin-left: auto; }
[data-ws-label]:has(> [data-label-floor]:only-child) { display: none; }
[data-ws-identity]:has(> [data-ws-actions]) { grid-template-columns: auto minmax(0, 1fr) auto; }
[data-ws-identity]:has([data-ws-rename]) { grid-template-columns: auto minmax(0, 1fr); }
[data-ws-actions] { align-self: center; block-size: 0; display: flex; align-items: center; }
[data-shell] > main { flex: 1; }
[data-jstep] { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px 6px 6px; border-radius: var(--radius-control); color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; white-space: nowrap; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { a[data-jstep]:hover { color: var(--text-primary); background: var(--hover-wash); } }
[data-jnum] { display: grid; place-items: center; width: 19px; height: 19px; flex: none; border-radius: 50%; border: 1px solid var(--border-strong); font-family: var(--font-sans); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-variant-numeric: tabular-nums; }
[data-jstep][data-state='done'] [data-jnum] { border-color: transparent; background: var(--surface-selected); color: var(--text-primary); }
[data-jstep][data-state='now'] { color: var(--text-primary); font-weight: 600; border: 0; }
[data-jstep][data-state='now'] [data-jnum] { border-color: transparent; background: var(--accent-emphasis); color: var(--text-inverse); box-shadow: 0 0 0 4px var(--accent-wash); }
[data-jstep]:not([data-state]) { opacity: .9; }
[data-journey] > [data-jstep] { flex: 1 1 0; justify-content: center; }
[data-journey] > [data-chrome-label] { flex: none; }
[data-ws-bar] > [data-tabnav] { flex: 1 1 auto; min-width: 0; }
[data-frame-dock] { flex: none; width: var(--dock-w); }
@media (max-width: 900px) { :root[data-dock='open'] { --dock-f: 0; } }
[data-visitor-signin] { flex: none; margin-left: auto; padding: var(--space-snug) var(--space-loose); border-radius: var(--radius-control); border: 1px solid rgba(240,246,252,.1); background: #21262d; color: var(--text-primary); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; white-space: nowrap; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-visitor-signin]:hover { border-color: var(--accent-hover); background: color-mix(in oklab, var(--accent-hover) 12%, var(--surface-selected)); } }
[data-visitor-foot] { margin-inline: var(--page-inset); padding: var(--space-mid) 0 var(--space-wide); border-top: 1px solid var(--border-faint); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-visitor-foot] p { margin: 0; }
[data-visitor-foot] a { color: inherit; text-underline-offset: 2px; }
@media (hover: hover) and (pointer: fine) { [data-visitor-foot] a:hover { color: var(--text-primary); } }
[data-bar-swarm] [data-swarm-launcher] { box-shadow: none; }
@media (max-width: 767px) {
       [data-bar-swarm] [data-swarm-launcher] { inline-size: 44px; block-size: 44px; padding: 0; justify-content: center; gap: 0; }
       [data-bar-swarm] :is([data-swarm-launcher-word], [data-swarm-dots], [data-swarm-count]) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
     }
[data-frame] [data-swarm-panel] { position: fixed; z-index: 65; top: var(--bar-h); right: 0; bottom: 0; width: 384px; height: auto; border-radius: 0; border: 0; border-left: 1px solid var(--border-subtle); box-shadow: var(--elevation-overlay); transform-origin: right center; }
[data-frame] [data-swarm-panel][data-entering] { animation: vanta-dock-in .18s var(--motion-ease) both; }
@keyframes vanta-dock-in { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: none; } }
[data-frame] [data-swarm-panel][data-closing] { animation: vanta-dock-out .14s var(--motion-ease) both; }
@keyframes vanta-dock-out { from { opacity: 1; transform: none; } to { opacity: 0; transform: translateX(18px); } }
@media (max-width: 900px) { [data-frame] [data-swarm-panel] { width: 100vw; } }
[data-swarm-dismiss] { display: inline-flex; align-items: center; justify-content: center; margin-left: auto; inline-size: 28px; block-size: 28px; border: 0; background: none; color: var(--text-muted); padding: 0; border-radius: var(--radius-control); cursor: pointer; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-swarm-dismiss]:hover { color: var(--text-primary); background: var(--surface-selected); } }
@media (pointer: coarse) { [data-swarm-dismiss] { inline-size: 44px; block-size: 44px; } }
@media (prefers-reduced-motion: reduce) { [data-frame] [data-swarm-panel][data-entering] { animation: none; } }
[data-shell] main { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: min-content; align-content: start; gap: 28px min(28px, 100% / 11); margin-block: 0; padding: 28px 0 88px; }
[data-shell] main > [data-panel] { box-shadow: none; }
[data-shell] main > * { grid-column: 1 / -1; }
[data-panel][data-span='half'] { grid-column: span 6; }
[data-panel][data-span='third'] { grid-column: span 4; }
@media (max-width: 1100px) { [data-panel][data-span='half'], [data-panel][data-span='third'] { grid-column: 1 / -1; } }
@media (max-width: 1484px) { :root[data-dock='open'] [data-panel][data-span='half'], :root[data-dock='open'] [data-panel][data-span='third'] { grid-column: 1 / -1; } }
[data-label-floor] { display: none; }
[data-panel] { position: relative; }
[data-record-row] { display: grid; grid-template-columns: repeat(auto-fit, minmax(max(190px, calc((100% - 2px) / 3)), 1fr)); gap: 1px; border: 1px solid color-mix(in oklab, var(--border-subtle) 45%, transparent); border-radius: var(--radius-panel); overflow: hidden; }
[data-record-card] { display: grid; gap: 4px; align-content: start; padding: 15px 17px; background: var(--surface-base); text-decoration: none; transition: background-color var(--duration-hover) var(--motion-ease); }
[data-record-card] > b { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-record-card] > span { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-timeline] { list-style: none; margin: var(--space-loose) 0 0; padding: 0; display: grid; gap: var(--space-base); }
[data-timeline-row] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-base); margin: 0; }
[data-seq-num] { font-family: var(--font-mono); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); min-width: 2ch; }
[data-canvas-grid] > [data-palette] { align-self: stretch; display: flex; flex-direction: column; }
[data-palette] > [data-palette-list] { flex: 1; min-height: 0; overflow-y: auto; scrollbar-gutter: stable; }
[data-palette-count] { padding-bottom: 0; }
[data-palette-src] { padding: 8px 14px; border-top: 1px solid var(--border-faint); margin: 0; }
[data-frame-stage]:has([data-canvas]) { overflow-y: hidden; display: flex; flex-direction: column; }
[data-frame-stage]:has([data-canvas]) > [data-shell] { flex: 1; min-height: 0; }
[data-shell]:has([data-canvas]) main { display: flex; flex-direction: column; gap: 12px; flex: 1; min-height: 0; overflow: hidden; margin-inline: calc(var(--page-inset) - var(--page-gutter)) !important; padding: 28px var(--page-gutter) 18px; }
[data-shell]:has([data-canvas]) [data-canvas] { --canvas-bleed: 0px; flex: 1; min-height: 0; display: flex; flex-direction: column; }
[data-shell]:has([data-canvas]) [data-canvas-grid] { flex: 1; min-height: 0; align-items: stretch; }
[data-shell]:has([data-canvas]) [data-canvas-flow] { height: auto; min-height: 0; }
@media (min-width: 640px) and (max-width: 900px) { [data-shell]:has([data-canvas]) [data-canvas-grid] { grid-template-columns: 244px minmax(0, 1fr); } [data-canvas-flow] .react-flow__minimap { display: none; } }
[data-canvas-narrow] { display: none; }
@media (max-width: 639px), (max-height: 500px), (max-width: 900px) and (max-height: 600px) { [data-shell]:has([data-canvas]) [data-canvas-grid] { display: none; } [data-shell]:has([data-canvas]) [data-canvas-narrow] { display: block; margin: 0; } }
@media (hover: hover) and (pointer: fine) { [data-composer-send]:not(:disabled):hover { opacity: 1; filter: brightness(.92); } }
[data-btn], [data-example], [data-grade-buttons] button, [data-jnum], [data-rung-num], [data-role-chip] { transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease), opacity .15s var(--motion-ease); }
[data-btn='cta'] { transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
button:disabled, [data-btn][disabled], [data-btn][aria-disabled='true'] { opacity: .55; cursor: not-allowed; }
button:disabled[aria-busy='true'], [data-btn][aria-busy='true'] { cursor: progress; }
a[data-jstep], [data-bar-nav] a, [data-bar-menu] a, [data-demo-cta], [data-agent-links] a { transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-role-chip]:hover { color: var(--text-primary); border-color: var(--border-strong); } }
@media (hover: hover) and (pointer: fine) { [data-role-chip][data-picked]:hover { color: var(--accent-hover); border-color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 18%, transparent); } }
tr[data-rowlink] { position: relative; cursor: pointer; }
tr[data-rowlink] [data-rowlink-to]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; }
tr[data-rowlink] :is(a, button, input, select, summary):not([data-rowlink-to]) { position: relative; z-index: 1; }
tr[data-rowlink]:has([data-rowlink-to]:focus-visible) { outline: 2px solid var(--accent-emphasis); outline-offset: -2px; }
tr[data-rowlink] [data-rowlink-to]:focus-visible { outline: none; }
[data-tier-amount], [data-checkout-lines] dd { font-variant-numeric: tabular-nums; }
[data-swarm-launcher-word], [data-rung] b { /* cascade: zeroes the tracking each of these rules' own typeStep/letter-spacing sets in its home block — eyebrow tracking is for caps, and this cross-cutting correction is deliberately one rule rather than four edits */ letter-spacing: 0; }
[data-swarm-scroll] { mask-image: linear-gradient(to bottom, transparent, #000 24px); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 24px); }
[data-itv] > [data-swarm-turn]:last-of-type { animation: vanta-rise .22s var(--motion-ease) both; }
[data-demo-row], [data-demo-row] [data-swarm-turn] { animation-timing-function: var(--motion-ease); }
div[data-candidate] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 9px; }
div[data-candidate] > [data-rule] { flex: 1 1 340px; }
[data-candidate-source] { white-space: nowrap; }
[data-candidate-verdicts] { display: inline-flex; gap: 8px; }
[data-candidate-verdicts] form { display: inline; margin: 0; }
[data-candidate-verdicts] [data-btn] { padding: 4px 10px; min-block-size: 28px; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-guide-launcher] { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 40; min-block-size: 34px; box-shadow: var(--elevation-overlay); }
[data-frame] [data-swarm-dock][data-visitor] [data-swarm-panel] { position: fixed; z-index: 66; top: auto; left: auto; right: 18px; bottom: calc(18px + 34px + var(--space-base) + env(safe-area-inset-bottom)); width: min(400px, calc(100vw - 36px)); height: min(70dvh, 560px); border: 1px solid var(--border-strong); border-radius: var(--radius-modal); box-shadow: var(--elevation-lift); transform-origin: bottom right; }
[data-swarm-scrim] { display: none; }
[data-frame]:has([data-guide-launcher]) [data-frame-stage] { padding-bottom: calc(44px + 18px + 24px + env(safe-area-inset-bottom)); }
[data-frame]:has([data-guide-launcher]) [data-frame-stage] > :is([data-auth-stage], [data-membership-stage]) { min-height: calc(100dvh - (44px + 18px + 24px + env(safe-area-inset-bottom))); }
[data-frame][data-chromed='yes']:has([data-guide-launcher]) [data-frame-stage] > [data-membership-stage] { min-height: calc(100dvh - var(--bar-h) - (44px + 18px + 24px + env(safe-area-inset-bottom))); }
@media (pointer: coarse) { [data-guide-launcher] { min-block-size: 44px; } }
@media (max-width: 767px) {
       [data-frame] [data-swarm-dock][data-visitor] [data-swarm-panel] { left: 0; right: 0; bottom: 0; width: 100%; height: min(78dvh, 640px); border-width: 1px 0 0; border-radius: var(--radius-modal) var(--radius-modal) 0 0; padding-bottom: env(safe-area-inset-bottom); }
       [data-frame] [data-swarm-dock][data-visitor] [data-swarm-panel][data-entering] { animation: vanta-sheet-up .2s var(--motion-ease) both; }
       [data-swarm-dock][data-visitor] [data-swarm-scrim] { display: block; position: fixed; inset: 0; z-index: 65; background: rgba(1, 4, 9, .62); animation: vanta-fade .16s var(--motion-ease) both; }
     }
@keyframes vanta-sheet-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { [data-frame] [data-swarm-dock][data-visitor] [data-swarm-panel][data-entering], [data-swarm-dock][data-visitor] [data-swarm-scrim] { animation: none; } }
@media (max-width: 767px), (pointer: coarse) { [data-swarm-input] { font-size: 16px; min-height: 44px; } [data-swarm-send] { width: 34px; height: 34px; } }
[data-ask-swarm-button] { display: inline-flex; align-items: flex-start; gap: var(--space-snug); max-inline-size: 100%; min-block-size: 2rem; margin: 0; padding: 0.3125rem var(--space-loose); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: none; font: inherit; text-align: left; color: var(--text-muted); cursor: pointer; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
[data-ask-swarm-button] > svg { flex: none; margin-block-start: 0.125rem; color: var(--attribution-agent); }
[data-ask-swarm-phrase] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
@media (hover: hover) and (pointer: fine) { [data-ask-swarm-button]:hover { border-color: var(--hover-border); background: var(--hover-wash); color: var(--text-primary); } }
@media (pointer: coarse) { [data-ask-swarm-button] { min-block-size: 44px; align-items: center; } }
[data-pcompose] { padding: 8px 6px; border-top: 1px solid var(--border-subtle); }
[data-pcompose-box] { position: relative; display: block; }
[data-pcompose-box] textarea { width: 100%; font-family: inherit; background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); color: var(--text-primary); caret-color: var(--accent-hover); outline: none; resize: none; field-sizing: content; min-height: 58px; max-height: 148px; padding: 9px 42px 9px 11px; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); line-height: 1.5; }
[data-pcompose-box] textarea::placeholder { color: var(--text-muted); }
[data-pcompose-box] textarea:focus-visible { outline: none; border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-pcompose-box] textarea:disabled { opacity: .55; cursor: progress; }
[data-pcompose-box] button { position: absolute; right: 7px; bottom: 7px; width: 28px; height: 28px; padding: 0; display: grid; place-items: center; border: none; cursor: pointer; border-radius: var(--radius-control); background: none; color: var(--text-muted); }
[data-pcompose-box] button svg { width: 16px; height: 16px; display: block; }
[data-pcompose-box]:has(textarea:not(:placeholder-shown)) button:not(:disabled) { color: var(--accent-hover); }
@media (hover: hover) and (pointer: fine) { [data-pcompose-box] button:not(:disabled):hover { color: var(--text-primary); } }
[data-pcompose-box] button:disabled { background: none; color: var(--border-strong); cursor: default; }
[data-pcompose] [data-consequence] { margin: var(--space-base) 0 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-order-ledger] :is([data-divergence], [data-size-unchecked]) { display: block; margin-top: 3px; max-width: 56ch; white-space: normal; font-weight: 400; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-order-ledger] [data-size-unchecked] { color: var(--text-muted); }
[data-order-ledger] [data-divergence] [data-sub] { white-space: nowrap; }
[data-order-ledger] [data-order-reduced] { display: block; margin-top: 3px; max-width: 56ch; white-space: normal; font-weight: 400; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-order-ledger] [data-recon='unseen'] { color: var(--state-negative); }
[data-order-ledger] [data-recon='unverifiable'] { color: var(--state-caution); }
[data-order-ledger] [data-recon-size] { display: block; margin-top: 3px; max-width: 56ch; white-space: normal; font-weight: 400; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-order-ledger] [data-recon-size='not-comparable'] { color: var(--text-muted); }
[data-order-ledger] [data-recon-size] [data-sub] { margin-top: var(--space-tight); }
[data-pine-editor] { --pine-fs: var(--size-caption); --pine-lh: 1.25rem; --pine-pad: var(--space-base); --pine-gutter: 3.25rem; --pine-keyword: var(--accent-selection); --pine-number: var(--accent-hover); --pine-string: color-mix(in oklab, var(--accent-hover) 55%, var(--text-primary)); --pine-call: color-mix(in oklab, var(--state-caution) 62%, var(--text-primary)); --pine-comment: var(--text-muted); display: grid; grid-template-rows: minmax(0, 1fr) auto; min-inline-size: 0; background: var(--surface-sunken); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; transition: border-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-base) var(--motion-ease); }
[data-pine-editor][data-mode='edit'] { block-size: var(--pine-surface-h, 22rem); }
[data-pine-scroll] { position: relative; min-block-size: 0; overflow: auto; overscroll-behavior: contain; }
[data-pine-editor][data-mode='edit'] [data-pine-scroll] { cursor: text; }
[data-pine-editor][data-mode='read'] [data-pine-scroll] { max-block-size: 36rem; }
[data-pine-scroll]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: -2px; border-radius: var(--radius-panel); }
[data-pine-canvas] { position: relative; isolation: isolate; box-sizing: border-box; min-inline-size: 100%; inline-size: max-content; min-block-size: 100%; padding-block: var(--pine-pad); font-family: var(--font-mono); font-size: var(--pine-fs); line-height: var(--pine-lh); tab-size: 4; color: var(--text-primary); }
[data-pine-lines] { display: grid; }
[data-pine-line] { display: grid; grid-template-columns: var(--pine-gutter) minmax(0, 1fr); min-block-size: var(--pine-lh); scroll-margin-block: calc(var(--bar-h, 3.5rem) + var(--space-gutter)); }
[data-pine-num] { position: sticky; inset-inline-start: 0; z-index: 2; box-sizing: border-box; padding-inline-end: var(--space-loose); text-align: end; font-variant-numeric: tabular-nums; color: color-mix(in oklab, var(--text-muted) 70%, transparent); background: var(--surface-sunken); user-select: none; }
[data-pine-num]::before { content: attr(data-n); }
[data-pine-editor] [data-pine-code] { display: block; margin: 0; padding: 0 var(--space-mid) 0 var(--space-base); font: inherit; line-height: inherit; white-space: pre; color: inherit; background: none; border-radius: 0; }
[data-pine-code] [data-tok='keyword'] { color: var(--pine-keyword); }
[data-pine-code] :is([data-tok='number'], [data-tok='constant']) { color: var(--pine-number); }
[data-pine-code] [data-tok='string'] { color: var(--pine-string); }
[data-pine-code] [data-tok='call'] { color: var(--pine-call); }
[data-pine-code] [data-tok='comment'] { color: var(--pine-comment); font-style: italic; }
[data-pine-line][data-flagged] { background: color-mix(in oklab, var(--state-caution) 11%, transparent); }
[data-pine-line][data-flagged] [data-pine-num] { color: var(--state-caution); background: color-mix(in oklab, var(--state-caution) 11%, var(--surface-sunken)); box-shadow: inset 2px 0 0 var(--state-caution); }
:is([data-pine-line]:target, [data-pine-line][data-flash]) { background: color-mix(in oklab, var(--accent-base) 16%, transparent); }
:is([data-pine-line]:target, [data-pine-line][data-flash]) [data-pine-num] { color: var(--accent-hover); background: color-mix(in oklab, var(--accent-base) 16%, var(--surface-sunken)); box-shadow: inset 2px 0 0 var(--accent-base); }
@keyframes vanta-pine-flash { from { background-color: color-mix(in oklab, var(--accent-base) 34%, transparent); } }
@media (prefers-reduced-motion: no-preference) { :is([data-pine-line]:target, [data-pine-line][data-flash]) { animation: vanta-pine-flash .9s var(--motion-ease); } }
[data-pine-editor] [data-pine-input] { position: absolute; inset: var(--pine-pad) 0 var(--pine-pad) var(--pine-gutter); z-index: 1; box-sizing: border-box; inline-size: auto; block-size: auto; min-block-size: 0; max-height: none; margin: 0; padding: 0 var(--space-mid) 0 var(--space-base); border: 0; border-radius: 0; background: transparent; color: transparent; -webkit-text-fill-color: transparent; caret-color: var(--text-primary); font: inherit; line-height: inherit; letter-spacing: inherit; tab-size: inherit; white-space: pre; overflow: hidden; resize: none; field-sizing: fixed; outline: none; box-shadow: none; }
[data-pine-editor] [data-pine-input]:focus-visible { outline: none; box-shadow: none; }
[data-pine-editor] [data-pine-input]::placeholder { color: var(--text-muted); -webkit-text-fill-color: var(--text-muted); opacity: 1; }
[data-pine-editor] [data-pine-input]::selection { background: color-mix(in oklab, var(--accent-base) 38%, transparent); }
[data-pine-editor]:has([data-pine-input]:focus-visible) { border-color: var(--accent-emphasis); box-shadow: 0 0 0 3px var(--accent-halo); }
[data-pine-editor]:has([data-pine-input][aria-invalid='true']) { border-color: var(--state-negative); }
@media (hover: hover) and (pointer: fine) { [data-pine-editor][data-mode='edit']:not(:focus-within):hover { border-color: var(--hover-border); } }
[data-pine-status] { display: flex; align-items: center; gap: var(--space-loose); min-block-size: 2.5rem; box-sizing: border-box; padding: var(--space-hair) var(--space-hair) var(--space-hair) var(--space-loose); border-top: 1px solid var(--border-faint); background: var(--surface-base); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-pine-facts] { display: flex; gap: var(--space-base); min-inline-size: 0; overflow: hidden; white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-pine-facts] > * + *::before { content: '·'; margin-inline-end: var(--space-base); }
[data-pine-verdict] { display: flex; align-items: center; gap: var(--space-hair); margin-inline-start: auto; min-inline-size: 0; }
@media (pointer: coarse) { [data-pine-editor] { --pine-fs: 16px; --pine-lh: 1.5rem; --pine-gutter: 3.5rem; } }
@media (max-width: 639px) { [data-pine-status] { flex-wrap: wrap; row-gap: 0; } [data-pine-verdict] { margin-inline-start: 0; } }
@media (pointer: coarse) { [data-btn], [data-icon-btn], [data-back-link], summary, [data-segctl] > :is(button, a), [data-tabnav] a, [data-bar-nav] a, [data-bar-menu] :is(a, button), [data-menu-row], [data-bar-persona] > summary, [data-jstep], [data-live-toggle], [data-presence-stop], [data-presence-back], [data-presence-next], [data-swarm-reply], [data-swarm-suggestion], [data-swarm-dismiss], [data-example], [data-role-chip], [data-tnode-remove], [data-choice-card], [data-field-control], input[type='range'] { min-block-size: 44px; } }
@media (pointer: coarse) { [data-view-toggle] a, [data-visitor-signin] { min-block-size: 44px; display: inline-flex; align-items: center; } a[data-meta-chip], [data-more-all] { position: relative; } a[data-meta-chip]::after, [data-more-all]::after { content: ''; position: absolute; inset: -13px -6px; } }
@media (pointer: coarse) { [data-icon-btn], [data-bar-persona] > summary { min-inline-size: 44px; } [data-btn-size='sm'], [data-candidate-verdicts] [data-btn] { min-block-size: 44px; } }
@media (pointer: coarse) { textarea, select, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden']) { min-block-size: 44px; font-size: 16px; } }
@media (pointer: coarse) { [data-legend] > button { min-block-size: 36px; } [data-legend] { gap: var(--space-base); } }
@media (pointer: coarse) { [data-form-actions], [data-step-footer-actions], [data-rule-verdict-buttons], [data-empty-actions] { gap: var(--space-loose); } [data-checkbox] { min-block-size: 44px; align-items: center; } [data-checkbox] > label { padding-block: var(--space-base); } }
:root { --hover-wash: color-mix(in oklab, var(--text-primary) 8%, transparent); --hover-border: color-mix(in oklab, var(--border-strong) 55%, var(--border-subtle)); --press-wash: rgba(177,186,196,.2); --spot-surface: color-mix(in oklab, var(--text-primary) 7%, transparent); --spot-rim: color-mix(in oklab, var(--accent-hover) 60%, transparent); --spot-size: 360px; --rim-size: 220px; --lift: -1px; --nudge: 2px; }
[data-spotlight] { position: relative; isolation: isolate; }
[data-spotlight]::before { content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none; background: radial-gradient(var(--spot-size) circle at var(--mx, 50%) var(--my, 50%), var(--spot-surface), transparent 65%); opacity: 0; transition: opacity var(--duration-fast) var(--motion-ease); }
[data-spotlight]::after { content: ''; position: absolute; inset: -1px; padding: 1px; border-radius: inherit; pointer-events: none; background: radial-gradient(var(--rim-size) circle at var(--mx, 50%) var(--my, 50%), var(--spot-rim), transparent 70%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); opacity: 0; transition: opacity var(--duration-fast) var(--motion-ease); }
[data-spotlight][data-lit='yes']::before, [data-spotlight][data-lit='yes']::after { opacity: 1; transition-duration: var(--duration-base); }
[data-hover='tile'] { cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-hover='tile']:hover { background: color-mix(in oklab, var(--text-primary) 4%, var(--surface-base)); } }
[data-hover='card'] { cursor: pointer; transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-hover='card']:hover { border-color: var(--hover-border); transform: translateY(var(--lift)); transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), transform var(--duration-base) var(--motion-ease); } }
[data-door-go]::after { display: inline-block; transition: transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-door]:hover [data-door-go]::after, a[data-account-row]:hover [data-row-go] { transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
[data-account-row] [data-row-go] { transition: transform var(--duration-fast) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { a[data-account-row]:hover [data-row-go] { color: var(--text-primary); } }
a[data-account-row] { transition: background-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease); }
tr[data-rowlink] > * { transition: background-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { tr[data-rowlink]:hover > * { background: var(--hover-wash); } }
@media (hover: hover) and (pointer: fine) { tr[data-rowlink]:hover > :first-child { box-shadow: inset 2px 0 0 var(--accent-base); } }
tr[data-rowlink] > :last-child { padding-inline-end: 2.25rem; }
tr[data-rowlink] > :last-child::after { content: '›'; position: absolute; inset-inline-end: var(--space-mid); inset-block-start: 50%; translate: 0 -50%; font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); line-height: 1; color: var(--text-muted); opacity: 0; pointer-events: none; transition: opacity var(--duration-fast) var(--motion-ease), transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { tr[data-rowlink]:hover > :last-child::after { opacity: 1; transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
:where(p, dd, [data-sub], [data-message-body], [data-field-hint], [data-empty-because], [data-dialog-desc]) > a:where(:not([data-btn])) { text-decoration-line: underline; text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); text-underline-offset: 3px; transition: color var(--duration-hover) var(--motion-ease), text-decoration-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { :where(p, dd, [data-sub], [data-message-body], [data-field-hint], [data-empty-because], [data-dialog-desc]) > a:where(:not([data-btn])):hover { color: var(--accent-hover); text-decoration-color: currentColor; } }
[data-att-subject], [data-feed-subject], [data-ask-question] { text-underline-offset: 3px; transition: color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-att-subject]:hover, [data-feed-subject]:hover, [data-ask-question]:hover { color: var(--accent-hover); text-decoration-line: underline; } }
:is(textarea, select, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden'])) { transition: border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { :is(textarea, select, input:not([type='checkbox'], [type='radio'], [type='submit'], [type='button'], [type='file'], [type='range'], [type='color'], [type='hidden'])):not(:focus, :disabled, [aria-invalid='true']):hover { border-color: var(--hover-border); } }
select:not(:disabled) { cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-field-control]:not(:focus-within):hover { border-color: var(--hover-border); } }
:is([data-checkbox] > input, [data-choice-card] > input):not(:disabled) { transition: border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-checkbox]:hover > input:not(:disabled):not(:checked) { border-color: var(--text-primary); } }
@media (hover: hover) and (pointer: fine) { [data-choice-card]:not([data-disabled]):hover { border-color: var(--hover-border); } }
@media (hover: hover) and (pointer: fine) { [data-choice-card]:not([data-disabled]):has(input:checked):hover { border-color: var(--accent-emphasis); } }
[data-tabnav] a { position: relative; }
[data-tabnav] a:not([aria-current])::after { content: ''; position: absolute; inset-inline: var(--space-loose); inset-block-end: 0; block-size: 2px; border-radius: 1px; background: var(--border-strong); transform: scaleX(0); transition: transform var(--duration-fast) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-tabnav] a:not([aria-current]):hover::after { transform: scaleX(1); transition-duration: var(--duration-base); } }
[data-dropzone]:not([data-state='reading']) { cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-dropzone][data-state='idle']:hover, [data-dropzone][data-state='chosen']:hover, [data-dropzone][data-state='error']:hover { border-color: var(--hover-border); } }
@media (hover: hover) and (pointer: fine) { [data-dropzone][data-state='idle']:hover [data-dropzone-icon] { color: var(--text-primary); } }
:is([data-bar-brand], [data-brand]) { border-radius: var(--radius-control); transition: background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { :is([data-bar-brand], a[data-brand]):hover { background: var(--hover-wash); } }
@media (hover: hover) and (pointer: fine) { [data-bar-resume]:hover { background: color-mix(in oklab, var(--accent-hover) 10%, transparent); } }
@media (prefers-reduced-motion: reduce) { [data-spotlight]::before, [data-spotlight]::after { display: none; } [data-tabnav] a:not([aria-current])::after { transition: none; } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-hover='card']:hover, a[data-account-row]:hover [data-row-go], [data-door]:hover [data-door-go]::after, tr[data-rowlink]:hover > :last-child::after, [data-back-link]:hover [data-go-back], [data-att-row]:hover [data-att-action] [data-go] { transform: none; } }
@media (max-width: 479px) { [data-page-subnav] [data-tabnav] a { padding-inline: var(--space-base); } [data-page-subnav] [data-tabnav] a:not([aria-current])::after { inset-inline: var(--space-base); } }
[data-admin-who] { display: grid; gap: 1px; min-width: 0; }
[data-admin-name] { font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; }
[data-admin-email] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; }
[data-admin-role], [data-admin-version] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-admin-status], [data-admin-strategy-name] { display: inline-flex; align-items: center; gap: var(--space-base); }
[data-ws-setup] { padding-block: var(--space-base) 0; overflow: visible; }
[data-ws-setup] > [data-setup-rail] { flex: 1 1 auto; min-width: 0; }
[data-ws-setup] [data-journey] { margin: 0; }
[data-jstep][data-state='reached'] { color: var(--text-primary); }
[data-jstep][data-state='reached'] [data-jnum] { border-color: var(--accent-emphasis); color: var(--accent-hover); }
[data-jnum] > [data-icon] { display: block; }
[data-jcompact] { display: none; }
@media (max-width: 639px) { [data-setup-rail] > [data-journey] { display: none; } [data-jcompact] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-base); padding: var(--space-hair); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-raised); } [data-shell] > [data-setup-rail] { margin-top: var(--space-loose); } }
[data-jcompact-edge] { inline-size: 32px; }
@media (pointer: coarse) { [data-jcompact-edge] { inline-size: 44px; } }
[data-jcompact-body] { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: var(--space-snug); row-gap: var(--space-hair); min-width: 0; }
[data-jcompact-count] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
[data-jcompact-title] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-jprogress] { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(6, 1fr); gap: 3px; }
[data-jseg] { block-size: 3px; border-radius: 2px; background: var(--border-subtle); }
[data-jseg]:is([data-state='done'], [data-state='reached']) { background: color-mix(in oklab, var(--accent-emphasis) 55%, var(--border-subtle)); }
[data-jseg][data-state='now'] { background: var(--accent-emphasis); }
[data-tabnav] [data-tabnav-more] { display: flex; align-items: center; gap: var(--space-hair); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); padding: var(--space-base) var(--space-loose); border: 0; background: none; color: var(--text-muted); font-family: inherit; white-space: nowrap; cursor: pointer; position: relative; transition: color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-tabnav] [data-tabnav-more]:hover { color: var(--text-primary); } }
[data-tabnav] [data-tabnav-more][aria-current] { color: var(--text-primary); font-weight: 600; }
[data-tabnav]:not([data-tabnav-ready]) [data-tabnav-more][aria-current] { box-shadow: inset 0 -2px 0 var(--accent-selection); }
[data-tabnav] [data-tabnav-more]:focus-visible { outline-offset: -2px; }
@media (pointer: coarse) { [data-tabnav] [data-tabnav-more] { min-block-size: 44px; } }
[data-ws-more-menu] { position: fixed; inset: auto; left: var(--menu-x, 0px); top: var(--menu-y, 0px); margin: 0; min-width: 220px; padding: 5px; border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); color: var(--text-primary); box-shadow: var(--elevation-overlay); transform-origin: top left; }
[data-ws-more-menu]:popover-open { animation: vanta-menu .16s var(--motion-ease) both; }
[data-ws-more-menu] nav { display: grid; }
[data-version-pin] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; color: var(--text-muted); cursor: default; }
[data-ws-state], [data-ws-evidence] { display: inline-flex; }
@media (max-width: 639px) { [data-ws-identity] { column-gap: var(--space-loose); } [data-ws-name] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); } }
@media (pointer: coarse) { [data-ws-identity] { --ws-back-target: 44px; } }
@container ws-header (max-width: 39.99rem) { [data-ws-identity-row] :is([data-version-pin], [data-ws-evidence]) { display: none; } }
@container ws-header (max-width: 49.99rem) { [data-ws-identity]:has(> [data-ws-actions]) [data-ws-identity-row] :is([data-version-pin], [data-ws-evidence]) { display: none; } }
@container ws-header (max-width: 29.99rem) { [data-ws-identity] > [data-back-link] { min-inline-size: var(--ws-back-target); min-block-size: var(--ws-back-target); padding-inline-end: 0; justify-content: center; } [data-ws-identity] > [data-back-link] > [data-back-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@container ws-header (max-width: 39.99rem) { [data-ws-identity]:has(> [data-ws-actions]) > [data-back-link] { min-inline-size: var(--ws-back-target); min-block-size: var(--ws-back-target); padding-inline-end: 0; justify-content: center; } [data-ws-identity]:has(> [data-ws-actions]) > [data-back-link] > [data-back-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@container ws-header (max-width: 31.99rem) { [data-ws-identity]:has(> [data-ws-actions]) [data-ws-state] [data-state-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-ws-identity] > [data-ws-actions] [data-view-toggle] a { padding-inline: var(--space-base); } }
[data-research-when] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-research-lead] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(160px, 240px); align-items: center; gap: var(--space-section); }
@media (max-width: 767px) { [data-research-lead] { grid-template-columns: minmax(0, 1fr); } }
[data-research-actions] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin-top: var(--space-mid); }
[data-research-actions]:empty { display: none; }
[data-research-actions] ~ [data-remeasure-form] { margin-top: var(--space-section); }
[data-remeasure-press] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-research-actions] > [data-research-uncaptured] { margin: 0; }
[data-holdout-period] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-holdout] [data-panel-body] { display: grid; gap: var(--space-tight); }
[data-holdout] [data-panel-body] > p { margin: 0; }
[data-holdout-crossed] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); }
[data-holdout-runs] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-review-head] [data-review-run-at] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-review-head] [data-review-run] { font-variant-numeric: tabular-nums; }
[data-review-body] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-mid); }
[data-panel][data-review] { overflow: clip; }
[data-review-frame] { overflow: clip; border-radius: var(--radius-control); container: review-frame / inline-size; }
[data-review-frame] :is(table, tr, td), [data-account-frame] :is(table, tr, td), [data-cmp-frame] :is(table, tr, td) { /* cascade: the chart library's own table, unset from the panel's table rules (they pushed its time axis out of the frame), as [data-calls-chart-frame] does */ margin: 0; padding: 0; border: 0; inline-size: auto; }
[data-review-frame] td > * + *, [data-account-frame] td > * + *, [data-cmp-frame] td > * + * { /* cascade: the panel's gap between a cell's children, unset inside the chart */ margin: 0; }
[data-review-chart] { display: block; inline-size: 100%; block-size: clamp(320px, 62vh, 680px); --chart-volume-up: color-mix(in oklab, var(--state-positive) 28%, transparent); --chart-volume-down: color-mix(in oklab, var(--state-negative) 28%, transparent); --chart-warm-up: color-mix(in oklab, var(--text-muted) 55%, transparent); --chart-volume-warm-up: color-mix(in oklab, var(--text-muted) 20%, transparent); --chart-marker-dim-accent: color-mix(in oklab, var(--accent-hover) 30%, transparent); --chart-marker-dim-positive: color-mix(in oklab, var(--state-positive) 30%, transparent); --chart-marker-dim-negative: color-mix(in oklab, var(--state-negative) 30%, transparent); --chart-marker-dim-caution: color-mix(in oklab, var(--state-caution) 30%, transparent); --chart-marker-dim-neutral: color-mix(in oklab, var(--text-muted) 30%, transparent); }
@media (max-width: 639px) { [data-review-chart] { block-size: 340px; } [data-review-head] { column-gap: var(--space-snug); } [data-review-head] [data-review-run] { padding-inline-start: var(--space-snug); max-inline-size: 12.5em; } [data-review-head] [data-review-market] [data-segctl] > button { padding-inline: var(--space-hair); } [data-review-head] [data-review-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-head] [data-btn]:has([data-review-word]) { padding-inline: var(--space-base); } [data-review-frame] [data-chart-readout] { right: 84px; white-space: pre-wrap; } }
[data-review-chart]:is([data-over-marker], [data-over-line], [data-over-note]) * { cursor: pointer !important; }
[data-review-frame] { --chart-note-band: color-mix(in oklab, var(--accent-emphasis) 13%, transparent); --chart-note-band-selected: color-mix(in oklab, var(--accent-emphasis) 24%, transparent); --chart-note-edge: color-mix(in oklab, var(--accent-base) 75%, transparent); --chart-note-foot: color-mix(in oklab, var(--accent-base) 45%, transparent); }
[data-review-chart-block] { scroll-margin-top: calc(var(--bar-h, 3.5rem) + var(--space-mid)); }
[data-review-frame] { --chart-series-1: var(--accent-hover); --chart-series-2: var(--accent-selection); --chart-series-3: color-mix(in oklab, var(--state-positive) 55%, var(--accent-base)); --chart-series-4: var(--state-caution); --chart-series-5: color-mix(in oklab, var(--accent-emphasis) 45%, var(--accent-selection)); --chart-series-6: var(--text-primary); --chart-level: var(--border-strong); --chart-setup-held: var(--text-muted); --chart-setup-refused: var(--state-caution); }
[data-review-frame] [data-overlay-legend] { position: absolute; top: auto; bottom: calc(100% - var(--review-price-pane-bottom, calc(100% - 26px)) + 6px); right: 148px; left: 14px; z-index: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 2px var(--space-snug); font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); letter-spacing: .03em; }
[data-overlay-legend] [data-overlay-toggle] { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 1px 6px; border: 1px solid transparent; border-radius: var(--radius-control); background: transparent; color: var(--text-primary); font: inherit; letter-spacing: inherit; cursor: pointer; }
@media (hover: hover) and (pointer: fine) { [data-overlay-legend] [data-overlay-toggle]:hover { border-color: var(--border-subtle); } }
[data-overlay-legend] [data-overlay-toggle]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: 1px; }
[data-overlay-legend] [data-overlay-toggle][aria-pressed='false'] { color: var(--text-muted); }
[data-overlay-legend] [data-overlay-toggle][aria-pressed='false'] [data-overlay-swatch] { opacity: .3; }
[data-overlay-legend] [data-overlay-toggle][aria-pressed='false'] [data-overlay-name] { text-decoration: line-through; }
[data-overlay-legend] [data-overlay-swatch] { display: inline-block; inline-size: 12px; block-size: 0; border-top: 2px solid var(--overlay-ink, currentColor); }
[data-overlay-legend] [data-overlay-toggle][data-context] [data-overlay-swatch] { border-top-style: dashed; border-top-width: 1px; }
[data-overlay-legend] [data-overlay-toggle][data-slot='1'] { --overlay-ink: var(--chart-series-1); }
[data-overlay-legend] [data-overlay-toggle][data-slot='2'] { --overlay-ink: var(--chart-series-2); }
[data-overlay-legend] [data-overlay-toggle][data-slot='3'] { --overlay-ink: var(--chart-series-3); }
[data-overlay-legend] [data-overlay-toggle][data-slot='4'] { --overlay-ink: var(--chart-series-4); }
[data-overlay-legend] [data-overlay-toggle][data-slot='5'] { --overlay-ink: var(--chart-series-5); }
[data-overlay-legend] [data-overlay-toggle][data-slot='6'] { --overlay-ink: var(--chart-series-6); }
[data-overlay-legend] [data-overlay-note] { flex-basis: 100%; text-align: end; color: var(--text-muted); }
[data-overlay-legend] [data-overlay-note] [data-btn] { font: inherit; letter-spacing: inherit; }
[data-review-frame] [data-review-data-window] { display: block; }
[data-review-frame] [data-readout-row] { display: block; color: var(--text-primary); }
[data-review-frame] [data-readout-row]:empty { display: none; }
[data-review-frame] [data-readout-row='indicators'] { color: var(--text-muted); }
[data-review-frame] [data-readout-row][data-tone='positive'], [data-review-frame] [data-readout-row] [data-tone='positive'] { color: var(--state-positive); }
[data-review-frame] [data-readout-row][data-tone='negative'], [data-review-frame] [data-readout-row] [data-tone='negative'] { color: var(--state-negative); }
[data-review-frame] [data-readout-row] [data-slot='1'] { color: var(--chart-series-1); }
[data-review-frame] [data-readout-row] [data-slot='2'] { color: var(--chart-series-2); }
[data-review-frame] [data-readout-row] [data-slot='3'] { color: var(--chart-series-3); }
[data-review-frame] [data-readout-row] [data-slot='4'] { color: var(--chart-series-4); }
[data-review-frame] [data-readout-row] [data-slot='5'] { color: var(--chart-series-5); }
[data-review-frame] [data-readout-row] [data-slot='6'] { color: var(--chart-series-6); }
@media (max-width: 639px) { [data-review-frame] [data-overlay-legend] { left: 8px; justify-content: flex-start; gap: 2px 4px; } [data-overlay-legend] [data-overlay-toggle] { padding: 3px 4px; } [data-overlay-legend] [data-overlay-name] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-overlay-legend] [data-overlay-swatch] { inline-size: 16px; } [data-overlay-legend] [data-overlay-note] { text-align: start; } [data-review-frame] [data-chart-readout] { line-height: 1.2; } [data-review-frame] [data-readout-row] [data-wide] { display: none; } }
[data-overlay-note-under] { margin: var(--space-hair) 0 0; font-family: var(--font-mono); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); letter-spacing: .03em; }
[data-overlay-note-under] [data-btn] { font: inherit; letter-spacing: inherit; }
@media (min-width: 640px) { [data-overlay-note-under] { display: none; } }
@media (max-width: 639px) { [data-overlay-legend] [data-overlay-note], [data-overlay-legend]:not(:has([data-overlay-toggle])) { display: none; } }
@media (min-width: 640px) { @container review-frame (max-width: 929.98px) { [data-overlay-legend] [data-overlay-note] { display: flex; align-items: baseline; column-gap: 1ch; min-inline-size: 0; } [data-overlay-legend] [data-overlay-note-words] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [data-overlay-legend] [data-overlay-note] [data-overlay-retry] { flex-shrink: 0; } [data-overlay-legend] [data-overlay-note]:focus-within { display: block; } [data-overlay-legend] [data-overlay-note]:focus-within [data-overlay-note-words] { overflow: visible; white-space: normal; } [data-overlay-legend] [data-overlay-note-words]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: 1px; border-radius: var(--radius-control); } } }
@media (hover: hover) and (pointer: fine) and (min-width: 640px) { @container review-frame (max-width: 929.98px) { [data-overlay-legend] [data-overlay-note]:hover { display: block; } [data-overlay-legend] [data-overlay-note]:hover [data-overlay-note-words] { overflow: visible; white-space: normal; } } }
[data-review-frame] [data-readout-trade] { display: block; }
[data-review-frame] [data-readout-bar][data-dir="up"] { color: var(--state-positive); }
[data-review-frame] [data-readout-bar][data-dir="down"] { color: var(--state-negative); }
[data-review-frame] [data-readout-trade][data-tone="positive"] { color: var(--state-positive); }
[data-review-frame] [data-readout-trade][data-tone="negative"] { color: var(--state-negative); }
[data-review-chart-status] { position: absolute; inset: 0; z-index: 3; display: grid; align-content: center; gap: var(--space-base); text-align: center; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); margin: 0; }
[data-review-chart-status] > p { margin: 0; }
[data-review-drift], [data-review-truncated], [data-review-overlay-drift] { margin: 0 0 var(--space-base); padding: 9px 12px; border: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); background: color-mix(in oklab, var(--state-caution) 10%, transparent); border-radius: var(--radius-control); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-review-tabrow] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-mid); border-bottom: 1px solid var(--border-faint); }
[data-review-tablist] { display: flex; gap: var(--space-hair); overflow-x: auto; scrollbar-width: none; }
[data-review-tabrow] > [data-review-tablist] { flex: 1 1 auto; min-inline-size: 0; }
[data-review-tab-controls] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-snug); padding-block: var(--space-tight); min-inline-size: 0; }
@media (min-width: 640px) { [data-review-tabrow] > [data-review-tablist] { flex: 0 1 auto; } [data-review-tabrow] > [data-review-tab-controls] { flex: 1 1 8rem; min-inline-size: min(8rem, 100%); } }
[data-review-chips='head'] { display: contents; }
[data-review-chips='tabs'], [data-review-tab-controls][data-review-tab-chips-only] { display: none; }
@media (min-width: 640px) and (max-width: 1099px) { [data-review-chips='head'] { display: none; } [data-review-chips='tabs'] { display: flex; flex: none; align-items: center; gap: var(--space-snug); } [data-review-tab-controls][data-review-tab-chips-only] { display: flex; } [data-review-tabrow] { position: relative; } [data-review-tabrow] > [data-review-tab-controls] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 4px; margin: -2px -4px; } [data-review-tabrow] > [data-review-tab-controls]::-webkit-scrollbar { display: none; } [data-review-tab-controls] > [data-trade-chips] { flex: none; overflow-x: visible; animation: none; } [data-review-tabrow] :is([data-review-window-dates], [data-note-popover], [data-review-backtest-status]) { top: auto; bottom: calc(100% - var(--space-hair)); inset-inline-end: 0; transform-origin: bottom right; } [data-review-chips='tabs'] [data-review-mid-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-chips='tabs'] [data-btn]:has(> [data-review-mid-word]) { padding-inline: var(--space-base); } }
@media (min-width: 640px) and (max-width: 1099px) { [data-review-tabrow] :is([data-review-window-dates], [data-note-popover], [data-review-backtest-status])[data-place='below'] { top: calc(100% - var(--space-hair)); bottom: auto; transform-origin: top right; } }
@supports (animation-timeline: scroll()) { @media (min-width: 640px) and (max-width: 1099px) { [data-review-tabrow] > [data-review-tab-controls] { animation: vanta-strip-edge linear both; animation-timeline: scroll(self inline); } [data-review-tabrow] > [data-review-tab-controls]:has(:is([data-review-window-dates], [data-note-popover], [data-review-backtest-status])) { animation: none; } } }
[data-review-tab] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); padding: var(--space-base) var(--space-loose); color: var(--text-muted); background: none; border: 0; cursor: pointer; white-space: nowrap; transition: color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-review-tab]:hover { color: var(--text-primary); } }
[data-review-tab][aria-selected="true"] { color: var(--text-primary); font-weight: 600; box-shadow: inset 0 -2px 0 var(--accent-selection); }
[data-review-tab]:focus-visible { outline-offset: -2px; }
[data-review-tabpanel] { padding-top: var(--space-mid); }
[data-review-tabpanel] > p { margin: 0; }
[data-review-not-recorded] { color: var(--text-muted); }
[data-review-before-capture] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-tight) var(--space-base); margin: 0; }
[data-review-notes-tab] { display: grid; gap: var(--space-mid); }
[data-account-pane] { display: grid; gap: var(--space-base); min-inline-size: 0; }
[data-account-pane] > * { min-inline-size: 0; }
[data-account-pane-head] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-base) var(--space-loose); }
[data-account-pane-title] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-account-pane-head] [data-account-size] { flex: 1 1 auto; text-align: end; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-account-frame] { overflow: clip; border-radius: var(--radius-control); }
[data-account-chart] { display: block; inline-size: 100%; block-size: 150px; --chart-fill-positive: color-mix(in oklab, var(--state-positive) 22%, transparent); --chart-fill-negative: color-mix(in oklab, var(--state-negative) 22%, transparent); --chart-fill-accent: color-mix(in oklab, var(--accent-base) 18%, transparent); --chart-band: color-mix(in oklab, var(--state-caution) 9%, transparent); --chart-band-selected: color-mix(in oklab, var(--state-caution) 22%, transparent); --chart-band-edge: color-mix(in oklab, var(--state-caution) 60%, transparent); }
[data-account-frame] [data-readout-account][data-tone="positive"] { color: var(--state-positive); }
[data-account-frame] [data-readout-account][data-tone="negative"] { color: var(--state-negative); }
[data-account-absent] { margin: 0; }
@media (min-width: 640px) { [data-review-body]:has([data-account-chart]) [data-review-chart] { block-size: clamp(320px, calc(100vh - 576px), 680px); } }
@media (max-width: 639px) { [data-account-chart] { block-size: 120px; } [data-account-pane-head] [data-account-size] { display: none; } [data-account-frame] [data-chart-readout] { right: 16px; white-space: pre-wrap; } }
[data-evaluation-panel] { display: grid; gap: var(--space-base); }
[data-evaluation-panel] > p, [data-evaluation-panel] [data-eval-events] > p { margin: 0; }
[data-evaluation-against] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-evaluation-verdict] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-evaluation-stale] { margin: 0; padding: 9px 12px; border: 1px solid color-mix(in oklab, var(--state-caution) 30%, transparent); background: color-mix(in oklab, var(--state-caution) 10%, transparent); border-radius: var(--radius-control); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-eval-rules] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-eval-rule] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; column-gap: var(--space-mid); row-gap: var(--space-hair); align-items: baseline; padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-eval-rule]:first-child { border-top: none; padding-top: 0; }
[data-panel] [data-eval-rule], [data-panel] [data-eval-event] { margin: 0; }
[data-panel] :is([data-eval-rule], [data-eval-event]) > span:not(:first-child) { margin-inline-start: 0; }
[data-eval-rule] [data-eval-rule-name] { font-weight: 600; color: var(--text-primary); }
[data-eval-rule] [data-eval-rule-limit], [data-eval-rule] [data-eval-rule-worst] { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--text-muted); }
[data-eval-rule] > [data-text='caption'] { grid-column: 1 / -1; margin: 0; }
@media (max-width: 639px) { [data-eval-rule] { grid-template-columns: minmax(0, 1fr) auto; } [data-eval-rule] [data-eval-rule-worst] { grid-column: 1 / -1; white-space: normal; } }
:is([data-evaluation-panel], [data-breach-drawer]) [data-tone='positive'] { color: var(--state-positive); }
:is([data-evaluation-panel], [data-breach-drawer]) [data-tone='negative'] { color: var(--state-negative); }
:is([data-evaluation-panel], [data-breach-drawer]) [data-tone] { font-variant-numeric: tabular-nums; }
[data-eval-events-title] { display: flex; align-items: baseline; gap: var(--space-base); margin: var(--space-mid) 0 var(--space-hair); }
[data-eval-events] ol { list-style: none; margin: 0; padding: 0; }
[data-eval-event] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-hair) var(--space-base); padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-eval-event][data-after-end='true'] { color: var(--text-muted); }
[data-eval-event][data-selected='true'] { box-shadow: inset 2px 0 0 var(--accent-selection); padding-inline-start: var(--space-base); }
[data-eval-event] [data-eval-event-open] { display: contents; }
[data-breach-select] { appearance: none; background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-base); border-radius: var(--radius-control); }
@media (hover: hover) and (pointer: fine) { [data-breach-select]:hover [data-eval-event-rule] { text-decoration: underline; } }
[data-breach-select] [data-eval-event-when] { font-variant-numeric: tabular-nums; }
[data-trade-link] { display: inline-flex; align-items: baseline; gap: var(--space-hair); font: inherit; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-variant-numeric: tabular-nums; color: var(--text-primary); background: color-mix(in oklab, var(--accent-selection) 10%, transparent); border: 1px solid var(--border-faint); border-radius: 2em; padding: 0 7px; margin: 0; white-space: nowrap; }
button[data-trade-link] { cursor: pointer; transition: border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { button[data-trade-link]:hover { border-color: var(--accent-selection); } }
[data-breach-drawer] { background: var(--surface-base); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); overflow: hidden; outline: none; }
[data-breach-drawer-head] { padding-block: var(--space-base); gap: var(--space-base); }
[data-breach-drawer-body] { padding: var(--space-mid); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-breach-drawer-body] [data-text='caption'] { margin-top: var(--space-hair); }
[data-breach-links] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-hair); }
@media (min-width: 1024px) { [data-review-body]:has(> [data-breach-drawer]) { grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem); } [data-review-body]:has(> [data-breach-drawer]) > * { grid-column: 1; } [data-review-body] > [data-breach-drawer] { grid-column: 2; grid-row: 1 / span 3; align-self: start; scroll-margin-top: calc(var(--bar-h, 3.5rem) + var(--space-mid)); } }
@media (max-width: 1023px) { [data-breach-drawer] { position: fixed; inset-inline: 0; bottom: 0; z-index: 40; max-block-size: 50dvh; overflow-y: auto; overscroll-behavior: contain; border-radius: var(--radius-modal) var(--radius-modal) 0 0; border-bottom: 0; box-shadow: var(--elevation-dialog); } [data-breach-drawer-head] { position: sticky; top: 0; z-index: 1; } [data-review-body]:has(> [data-breach-drawer]) { padding-block-end: 50dvh; } }
[data-review-head] { position: relative; }
[data-review-window-chip] { display: inline-flex; align-items: center; gap: var(--space-hair); min-inline-size: 0; padding: 0 var(--space-hair) 0 var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; background: var(--surface-selected); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-review-window-chip] [data-review-window-words] { font: inherit; background: none; border: 0; padding: var(--space-hair) 0; color: inherit; cursor: pointer; text-align: start; }
@media (hover: hover) and (pointer: fine) { [data-review-window-chip] [data-review-window-words]:hover { text-decoration: underline dotted var(--border-strong); text-underline-offset: 3px; } }
[data-review-window-tail] { color: var(--text-muted); }
[data-review-window-dates] { position: absolute; z-index: 20; top: calc(100% - var(--space-hair)); inset-inline-end: var(--space-mid); display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-snug); padding: var(--space-base) var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); transform-origin: top right; animation: vanta-menu .16s var(--motion-ease) both; }
[data-review-window-dates] input { min-block-size: 1.75rem; padding-inline: var(--space-snug); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; }
[data-review-window-dates] > [data-review-window-span] { flex-basis: 100%; margin: 0; }
[data-review-window-span][data-problem='outside'] { color: var(--state-caution); }
[data-review-backtest-note], [data-review-window-lead] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-review-backtest-status] { position: absolute; z-index: 20; top: calc(100% - var(--space-hair)); inset-inline-end: var(--space-mid); inline-size: min(26rem, calc(100% - 2rem)); display: flex; align-items: flex-start; gap: var(--space-snug); padding: var(--space-base) var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); transform-origin: top right; animation: vanta-menu .16s var(--motion-ease) both; }
[data-review-backtest-status] > p { margin: 0; }
[data-review-backtest-status] > [data-icon], [data-review-backtest-spin] { margin-block-start: 2px; color: var(--text-muted); }
[data-review-backtest-status='refused'] > [data-icon] { color: var(--state-caution); }
[data-review-backtest-status] [data-review-backtest-dismiss] { margin-block: -4px; }
[data-review-backtest-spin] [data-icon], [data-review-backtest][data-state='running'] [data-btn] [data-icon] { animation: vanta-spin .8s linear infinite; }
@media (max-width: 639px) { [data-review-backtest-status] { inset-inline: var(--space-base); inline-size: auto; } }
[data-review-window-figures] { display: flex; flex-wrap: wrap; align-items: baseline; margin-inline-start: auto; padding-block: var(--space-tight); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-review-figure-slot] + [data-review-figure-slot]::before { content: '·'; margin-inline: var(--space-snug); }
[data-review-figure] { white-space: nowrap; }
[data-review-figure] > b { font-weight: 600; color: var(--text-primary); }
[data-review-figure][data-sign='pos'] > b { color: var(--state-positive); }
[data-review-figure][data-sign='neg'] > b { color: var(--state-negative); }
@media (max-width: 639px) { [data-review-window-figures] { flex-basis: 100%; margin-inline-start: 0; } }
[data-selection-chip] { display: inline-flex; align-items: center; gap: var(--space-tight); padding-inline-start: var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; background: var(--surface-base); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); }
[data-selection-note] { display: inline-flex; align-items: center; align-self: stretch; gap: var(--space-hair); font: inherit; color: inherit; background: none; border: 0; padding: var(--space-hair) 0; cursor: pointer; white-space: nowrap; }
@media (hover: hover) and (pointer: fine) { [data-selection-note]:hover { text-decoration: underline dotted var(--border-strong); text-underline-offset: 3px; } }
[data-selection-note][aria-expanded='true'] { color: var(--accent-hover); }
[data-selection-note][data-saved] > [data-icon] { color: var(--state-positive); }
@media (max-width: 639px) { [data-review-head] [data-selection-chip-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-head] [data-selection-chip] { padding-inline-start: 0; } [data-review-head] [data-selection-note] { min-inline-size: 28px; justify-content: center; } }
[data-review-head][data-review-note-word='hidden'] [data-selection-chip-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-review-head][data-review-note-word='hidden'] [data-selection-chip] { padding-inline-start: 0; }
[data-review-head][data-review-note-word='hidden'] [data-selection-note] { min-inline-size: 28px; justify-content: center; }
[data-note-popover] { position: absolute; z-index: 20; top: calc(100% - var(--space-hair)); inset-inline-end: var(--space-mid); inline-size: min(26rem, calc(100% - 2rem)); padding: var(--space-loose) var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); transform-origin: top right; animation: vanta-menu .16s var(--motion-ease) both; }
@media (max-width: 639px) { [data-note-popover] { inset-inline: var(--space-base); inline-size: auto; } }
[data-note-composer] { display: grid; gap: var(--space-base); }
[data-note-subject-words] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-note-actions] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-snug); }
[data-note-actions] > :is([data-note-saved], [data-note-refusal]) { margin-inline-end: auto; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-note-saved] { color: var(--state-positive); }
[data-note-refusal] { color: var(--state-caution); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-trade-ask-block] { display: grid; gap: var(--space-base); justify-items: start; }
[data-trade-ask-block] > [data-note-composer] { justify-self: stretch; }
[data-review-notes] { display: grid; gap: var(--space-base); }
[data-review-notes] > p { margin: 0; }
[data-review-notes-status]:empty { display: none; }
[data-review-notes-status] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-review-notes-list] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-note-row] { display: grid; gap: var(--space-hair); padding: var(--space-base) var(--space-base); border-top: 1px solid var(--border-faint); }
[data-note-row]:first-child { border-top: 0; }
[data-note-row][aria-current='true'] { background: var(--surface-selected); box-shadow: inset 2px 0 0 var(--accent-selection); border-radius: var(--radius-control); }
[data-note-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-hair) var(--space-base); }
[data-note-select] { font: inherit; font-weight: 600; text-align: start; color: var(--text-primary); background: none; border: 0; padding: 0; cursor: pointer; font-variant-numeric: tabular-nums; text-decoration: underline dotted var(--border-strong); text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { [data-note-select]:hover { text-decoration-color: var(--text-primary); } }
[data-note-when] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-note-tools] { display: inline-flex; gap: var(--space-tight); margin-inline-start: auto; }
[data-note-text] { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-note-editor] { display: grid; gap: var(--space-base); }
[data-note-try-form] { display: grid; gap: var(--space-base); }
[data-note-proposal] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-note-confirm] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-snug); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-review-market-list] { display: none; }
@media (max-width: 899px) { [data-review-head] [data-review-market] > [data-segctl] { display: none; } [data-review-head] [data-review-market-list] { display: block; } }
[data-review-head][data-review-market-fit='menu'] [data-review-market] > [data-segctl] { display: none; }
[data-review-head][data-review-market-fit='menu'] [data-review-market-list] { display: block; }
@media (min-width: 900px) and (max-width: 1365px) { [data-review-head]:not([data-review-market-fit]):has([data-review-window-chip]) [data-review-market] > [data-segctl] { display: none; } [data-review-head]:not([data-review-market-fit]):has([data-review-window-chip]) [data-review-market-list] { display: block; } }
@media (min-width: 900px) { [data-review-head]:not([data-review-market-fit]):has([data-review-window-chip]):has([data-trade-stepper]) [data-review-market] > [data-segctl] { display: none; } [data-review-head]:not([data-review-market-fit]):has([data-review-window-chip]):has([data-trade-stepper]) [data-review-market-list] { display: block; } }
@media (min-width: 900px) and (max-width: 1279px) { [data-review-head]:not([data-review-market-fit]):has([data-trade-stepper]) [data-review-market] > [data-segctl] { display: none; } [data-review-head]:not([data-review-market-fit]):has([data-trade-stepper]) [data-review-market-list] { display: block; } }
@media (min-width: 1100px) and (max-width: 1279px) { [data-review-head]:has([data-review-window-chip]) a[data-btn] > [data-review-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-head]:has([data-review-window-chip]) a[data-btn]:has(> [data-review-word]) { padding-inline: var(--space-base); } }
@media (min-width: 640px) { [data-review-head]:not([data-review-tail]):has([data-trade-stepper]) [data-review-window-tail], [data-review-head][data-review-tail='hidden'] [data-review-window-tail] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (max-width: 639px) { [data-review-stale] [data-badge] > [data-icon] { display: none; } }
[data-review-reads] [data-badge] { font-variant-numeric: tabular-nums; }
@media (max-width: 639px) { [data-review-reads-words] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { [data-review-head][data-review-badge='full'] > [data-review-reads] :is([data-badge] > [data-icon], [data-review-reads-count]), [data-review-head]:not([data-review-badge]):not(:has([data-trade-stepper])) > [data-review-reads] :is([data-badge] > [data-icon], [data-review-reads-count]) { display: none; } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-reads] { margin-inline-start: calc(-1 * var(--space-base)); } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-reads] [data-badge] { padding-inline: var(--space-hair); } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-reads] [data-review-reads-words] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { [data-review-head][data-review-badge='full'] > [data-review-stale] [data-badge] > [data-icon], [data-review-head]:not([data-review-badge]):not(:has([data-trade-stepper])) > [data-review-stale] [data-badge] > [data-icon] { display: none; } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-stale] { margin-inline-start: calc(-1 * var(--space-base)); } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-stale] [data-badge] { padding-inline: var(--space-hair); } :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-stale] [data-review-stale-words] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (max-width: 639px) { [data-review-short-words] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { :is([data-review-head]:not([data-review-badge]):has([data-trade-stepper]), [data-review-head][data-review-badge='compact']) > [data-review-short] [data-review-short-words] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { [data-review-head][data-review-labels='hidden'] :is([data-review-word], [data-review-mid-word]) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-head][data-review-labels='hidden'] [data-btn]:has(> :is([data-review-word], [data-review-mid-word])) { padding-inline: var(--space-base); } }
@media (min-width: 640px) { [data-review-head][data-review-picker='capped'] [data-review-run] { padding-inline-start: var(--space-snug); max-inline-size: 12.5em; } [data-review-head][data-review-title='hidden'] > [data-panel-title] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) and (max-width: 767px) { [data-review-head]:not([data-review-picker]) [data-review-run] { padding-inline-start: var(--space-snug); max-inline-size: 12.5em; } [data-review-head]:not([data-review-title]) > [data-panel-title] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { [data-review-head][data-review-year='hidden'] select[data-review-run], [data-review-head] select[data-review-run]:has(> [data-review-compare-choice]) { field-sizing: content; } }
@media (max-width: 639px) { [data-review-whole-run='window'] { display: none; } }
@media (min-width: 1100px) { [data-review-whole-run='window'] { display: none; } }
@media (min-width: 640px) and (max-width: 1279px) { [data-review-head] [data-review-mid-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-review-head] [data-btn]:has(> [data-review-mid-word]) { padding-inline: var(--space-base); } [data-review-window-figures] :is([data-review-figure-slot='won'], [data-review-figure-slot='inMarket']) { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (max-width: 639px) { [data-table][data-stack] [data-review-episode] { display: inline-flex; align-items: center; min-block-size: 44px; padding-inline: var(--space-base); } }
[data-review-episode] { font: inherit; font-variant-numeric: tabular-nums; background: none; border: 0; padding: 0 var(--space-hair); border-radius: var(--radius-control); color: inherit; cursor: pointer; text-decoration: underline dotted var(--border-strong); text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { [data-review-episode]:hover { text-decoration-color: var(--text-primary); } }
[data-review-episode][aria-pressed='true'] { background: var(--surface-selected); box-shadow: inset 0 -2px 0 var(--accent-selection); text-decoration: none; }
[data-review-recovery='no'] { color: var(--state-caution); }
[data-review-drawdowns] > [data-sub] { margin: var(--space-base) 0 0; line-height: 1.6; }
[data-review-contributor] { font: inherit; background: none; border: 0; padding: 0; color: inherit; cursor: pointer; text-decoration: underline dotted var(--border-strong); text-underline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { [data-review-contributor]:hover { text-decoration-color: var(--text-primary); } }
[data-review-contributor] > b { font-weight: 600; font-variant-numeric: tabular-nums; }
[data-review-contributor][data-sign='neg'] > b { color: var(--state-negative); }
[data-review-contributor][data-sign='pos'] > b { color: var(--state-positive); }
[data-review-contributor][data-greyed] { color: var(--text-muted); }
[data-review-contributor][data-greyed] > b { color: inherit; }
[data-trade-chips] { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-snug); min-inline-size: 0; overflow-x: auto; scrollbar-width: none; padding-block: 2px; margin-block: -2px; }
[data-trade-chips]::-webkit-scrollbar { display: none; }
@media (max-width: 639px) { [data-trade-chips] { margin-inline: calc(-1 * var(--space-mid)); padding-inline: var(--space-mid); scroll-padding-inline: var(--space-mid); } }
[data-trade-dates] { display: flex; flex-wrap: nowrap; align-items: center; gap: var(--space-snug); }
:is([data-trade-chips], [data-trade-dates]) > * { flex-shrink: 0; }
[data-trade-dates] [data-form-field] { margin: 0; }
[data-trades] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-mid); align-items: start; }
[data-trades-main] { min-inline-size: 0; display: grid; gap: var(--space-base); }
[data-trades-main] > [data-table-scroll] > [data-table] { margin-top: 0; }
[data-trade-table] th > button[data-trade-sort] { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; white-space: nowrap; }
[data-trade-table] th > button[data-trade-sort][data-sorted] { color: var(--text-primary); }
@media (hover: hover) and (pointer: fine) { [data-trade-table] th > button[data-trade-sort]:hover { color: var(--text-primary); } }
tr[data-trade-row] { cursor: pointer; }
tr[data-trade-row] > td { transition: background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { tr[data-trade-row]:hover > td { background: var(--hover-wash); } }
tr[data-trade-row][aria-selected='true'] > td { background: var(--surface-selected); }
tr[data-trade-row][aria-selected='true'] > td:first-child { box-shadow: inset 2px 0 0 var(--accent-base); }
tr[data-trade-row]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: -2px; }
[data-trade-mark] { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-trades-foot] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-mid); }
[data-trades-foot] > [data-review-trade-count] { margin: 0; flex: 1 1 auto; min-inline-size: 0; }
[data-trades-pager] { display: flex; align-items: center; gap: var(--space-hair); margin-inline-start: auto; }
[data-trades-pager-count] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; padding-inline: var(--space-tight); }
@media (max-width: 639px) { [data-trade-table][data-stack] > tbody > tr > td[data-trade-minor] { display: none; } }
@media (max-width: 639px) { [data-trade-table][data-stack] > tbody > tr[data-trade-row] { display: grid; grid-template-columns: auto auto minmax(0, 1fr) auto auto; grid-template-areas: "num asset side netr net" "entered entered entered entered entered" "exited exited exited exited reason"; column-gap: var(--space-base); row-gap: var(--space-hair); align-items: baseline; } [data-trade-table][data-stack] > tbody > tr[data-trade-row] > td { display: block; padding: 0; text-align: start; white-space: nowrap; min-inline-size: 0; } [data-trade-table][data-stack] > tbody > tr[data-trade-row] > td::before { content: none; } [data-trade-table][data-stack] > tbody > tr[data-trade-row] > td[data-trade-minor] { display: none; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='number'] { grid-area: num; color: var(--text-muted); } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='number']::before { content: '#'; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='asset'] { grid-area: asset; font-weight: 600; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='side'] { grid-area: side; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='netR'] { grid-area: netr; text-align: end; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='net'] { grid-area: net; text-align: end; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='reason'] { grid-area: reason; text-align: end; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='entered'] { grid-area: entered; white-space: normal; } [data-trade-table][data-stack] > tbody > tr > td[data-trade-col='exited'] { grid-area: exited; white-space: normal; } [data-trade-table][data-stack] > tbody > tr > td:is([data-trade-col='entered'], [data-trade-col='exited'])::before { content: attr(data-col-label) ' '; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); } [data-trade-table][data-stack] > tbody > tr > td:is([data-trade-col='entry'], [data-trade-col='exit'], [data-trade-col='size'], [data-trade-col='cost'], [data-trade-col='bars']) { grid-column: 1 / -1; } [data-trade-table][data-stack] > tbody > tr > td:is([data-trade-col='entry'], [data-trade-col='exit'], [data-trade-col='size'], [data-trade-col='cost'], [data-trade-col='bars'])::before { content: attr(data-col-label) ' '; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); } [data-trade-table][data-stack] [data-trade-mark] { display: inline; margin-inline-start: var(--space-snug); } [data-trade-table][data-stack] > tbody > tr[data-trade-row][aria-selected='true'] { background: var(--surface-selected); box-shadow: inset 2px 0 0 var(--accent-base); } [data-trade-table][data-stack] > tbody > tr[data-trade-row][aria-selected='true'] > td { background: none; box-shadow: none; } }
@media (min-width: 1024px) { [data-trades][data-drawer-open] [data-trade-table] th[data-trade-minor], [data-trades][data-drawer-open] [data-trade-table] td[data-trade-minor] { display: none; } }
@media (min-width: 1024px) and (max-width: 1279px) { [data-trades][data-drawer-open] [data-trade-table] th[data-trade-aside], [data-trades][data-drawer-open] [data-trade-table] td[data-trade-aside] { display: none; } }
[data-trade-stepper] { display: flex; align-items: center; gap: var(--space-hair); }
[data-trade-stepper-count] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: nowrap; padding-inline: var(--space-tight); }
@media (max-width: 767px) { [data-review-head]:has(select[data-review-run]) a[data-btn]:has([data-review-compare]) { display: none; } }
@media (max-width: 639px) { [data-review-head] [data-trade-stepper-count] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) and (max-width: 1199px) { [data-review-head]:not([data-review-count]) [data-trade-stepper-count] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 640px) { [data-review-head][data-review-count='hidden'] [data-trade-stepper-count] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (max-width: 639px) { [data-trade-drawer-head] [data-trade-stepper-count] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (min-width: 1024px) { [data-trades][data-drawer-open] { grid-template-columns: minmax(0, 1fr) 18rem; } }
@media (min-width: 1280px) { [data-trades][data-drawer-open] { grid-template-columns: minmax(min(100%, 54rem), 1fr) minmax(18rem, 22rem); } }
@media (min-width: 1024px) { [data-trade-drawer] { position: sticky; top: calc(var(--bar-h, 3.5rem) + var(--space-mid)); max-block-size: calc(100svh - var(--bar-h, 3.5rem) - 8rem); overflow-y: auto; overscroll-behavior: contain; } }
[data-trade-drawer] { display: grid; gap: var(--space-base); padding: var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-raised); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-trade-drawer-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-trade-drawer] [data-trade-drawer-title] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-trade-drawer-head] > [data-trade-drawer-close] { margin-inline-start: auto; }
[data-trade-why] > h4 { margin: 0 0 var(--space-tight); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-muted); }
[data-trade-why] p { margin: 0; }
[data-trade-why] p + p, [data-trade-why] [data-trade-readings] + p, [data-trade-why] p + [data-trade-readings] { margin-top: var(--space-tight); }
[data-trade-readings] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-tight); }
[data-trade-readings] [data-trade-readings] { margin-top: var(--space-tight); padding-inline-start: var(--space-mid); border-inline-start: 2px solid var(--border-faint); }
[data-trade-reading] { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-base); }
[data-trade-reading] > [data-sub], [data-trade-reading] > [data-trade-readings] { grid-column: 1 / -1; }
[data-trade-reading-verdict] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-trade-reading][data-verdict='refuse'] > [data-trade-reading-verdict] { color: var(--state-negative); }
[data-trade-reading][data-verdict='allow'] > [data-trade-reading-verdict] { color: var(--state-positive); }
@media (max-width: 1023px) { [data-trade-drawer] { position: fixed; top: auto; left: 0; right: 0; bottom: 0; inline-size: 100%; z-index: 60; max-block-size: 72dvh; overflow: auto; border-width: 1px 0 0; border-radius: var(--radius-modal) var(--radius-modal) 0 0; box-shadow: var(--elevation-lift); padding-bottom: calc(var(--space-mid) + env(safe-area-inset-bottom)); } }
@media (max-width: 1023px) { [data-trade-drawer][data-sheet='peek'] { max-block-size: none; overflow: hidden; } [data-trade-drawer][data-sheet='peek'] > :not([data-trade-drawer-head]) { display: none; } [data-trade-drawer][data-sheet='peek'] > [data-trade-drawer-head] { flex-wrap: nowrap; } [data-trade-drawer][data-sheet='peek'] > [data-trade-drawer-head] > [data-trade-drawer-title] { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [data-review-body]:has([data-trade-drawer][data-sheet='peek']) { padding-block-end: 4.5rem; } [data-breach-drawer][data-sheet='peek'] { overflow: hidden; } [data-breach-drawer][data-sheet='peek'] > [data-breach-drawer-body] { display: none; } [data-review-body]:has(> [data-breach-drawer][data-sheet='peek']) { padding-block-end: 4.5rem; } }
@media (max-width: 1023px) and (max-height: 599px) { [data-review-body]:has(:is([data-trade-drawer], [data-breach-drawer])[data-sheet='peek']) [data-review-chart] { block-size: max(10rem, calc(100dvh - var(--bar-h, 3.5rem) - var(--space-mid) - 5.5rem)); } }
[data-sheet-toggle] [data-icon] { transition: transform var(--duration-base) var(--motion-ease); }
[data-sheet-toggle][aria-expanded='false'] [data-icon] { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) { [data-sheet-toggle] [data-icon] { transition: none; } }
[data-credits] { display: grid; gap: var(--space-base); }
[data-credits] > p { margin: 0; }
[data-equity-spark] { display: block; width: 100%; height: 56px; overflow: visible; }
[data-equity-zero] { stroke: var(--border-subtle); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
[data-equity-line] { fill: none; stroke: var(--accent-base); stroke-width: 1.5; vector-effect: non-scaling-stroke; stroke-linejoin: round; }
[data-equity-area] { fill: color-mix(in oklab, var(--accent-base) 12%, transparent); stroke: none; }
[data-equity-spark][data-sign='neg'] [data-equity-line] { stroke: var(--state-negative); }
[data-equity-spark][data-sign='neg'] [data-equity-area] { fill: color-mix(in oklab, var(--state-negative) 10%, transparent); }
[data-rclaims] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-mid); margin-top: var(--space-mid); }
@media (max-width: 1023px) { [data-rclaims] { grid-template-columns: minmax(0, 1fr); } }
[data-rclaim] { display: grid; align-content: start; gap: var(--space-base); padding: var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-control); background: var(--surface-sunken); min-width: 0; }
[data-rclaim] > header { display: grid; gap: var(--space-hair); }
[data-rclaim-code] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
[data-rclaim] h3 { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; color: var(--text-primary); }
[data-rclaim-body] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-rchals] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-rchal] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--space-base); row-gap: 2px; padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); }
[data-rchal-name] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; color: var(--text-primary); min-width: 0; }
[data-rchal-detail] { grid-column: 1 / -1; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-readiness-verdict] { display: inline-flex; }
[data-readiness-unchecked] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-build-caption] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
[data-build-skip] { margin-inline-start: auto; margin-block: -4px; }
[data-version-cell] { display: inline-flex; align-items: center; gap: var(--space-base); }
[data-version-cell] [data-checkbox] { gap: var(--space-snug); }
[data-version-summary] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 768px) { [data-panel] td:has(> [data-version-summary]) { inline-size: 100%; max-inline-size: 0; } }
[data-version-research] { color: var(--text-muted); white-space: nowrap; }
[data-versions-actions] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-loose); margin-top: var(--space-mid); }
[data-compare-grid] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-section); margin-top: var(--space-mid); }
@media (max-width: 767px) { [data-compare-grid] { grid-template-columns: minmax(0, 1fr); } [data-version-summary] { white-space: normal; } }
[data-compare-col] { display: grid; align-content: start; gap: var(--space-base); min-width: 0; }
[data-compare-col] h3 { margin: 0; display: flex; align-items: center; gap: var(--space-base); font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 600; }
[data-action-menu] { position: fixed; inset: auto; left: var(--menu-x, 0px); top: var(--menu-y, 0px); margin: 0; min-width: 200px; padding: 5px; border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); color: var(--text-primary); box-shadow: var(--elevation-overlay); transform-origin: top right; }
[data-action-menu]:popover-open { display: grid; animation: vanta-menu .16s var(--motion-ease) both; }
[data-menu-row][data-tone='danger'], [data-menu-row][data-tone='danger'] [data-row-mark] { color: var(--state-negative); }
@media (hover: hover) and (pointer: fine) { [data-menu-row][data-tone='danger']:hover { color: var(--state-negative); background: color-mix(in oklab, var(--state-negative) 9%, transparent); } }
[data-action-menu-wrap] { display: inline-flex; }
dialog[data-dialog] { text-align: start; }
[data-dep-state] { display: inline-flex; align-items: center; gap: var(--space-base); white-space: nowrap; scroll-margin-block: 96px; }
[data-dep-why] { margin: var(--space-hair) 0 0; max-inline-size: 36ch; white-space: normal; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-dep-controls] { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-base); white-space: nowrap; }
[data-dep-controls] > form { display: contents; }
[data-panel] td:has(> [data-dep-controls]) { inline-size: 1%; text-align: end; }
@media (max-width: 639px) { [data-table][data-stack] > tbody > tr > td:has(> [data-dep-controls]) { inline-size: auto; padding-top: var(--space-base); } [data-table][data-stack] [data-dep-controls] { inline-size: 100%; } [data-table][data-stack] [data-dep-controls] > form > [data-btn] { flex: 1; } }
[data-dep-account-none], [data-dep-account][data-missing] { color: var(--text-muted); }
[data-dep-reattach] { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--space-tight); }
[data-dep-reattach] > [data-dep-account] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
@media (max-width: 639px) { [data-table][data-stack] [data-dep-reattach] { align-items: flex-end; } }
[data-plan-hint] > [data-message-inline] { align-items: flex-start; text-align: start; }
[data-plan-hint] > [data-message-inline] > svg { flex: none; margin-block-start: var(--space-tight); }
[data-plan-hint-link] { white-space: nowrap; }
[data-panel-body][data-flush] > [data-plan-hint] { padding: var(--space-base) var(--space-mid); border-bottom: 1px solid var(--border-faint); }
@media (max-width: 639px) { [data-table][data-stack] [data-dep-controls] > [data-plan-hint] { flex: 1; white-space: normal; } }
a[data-dep-account] { color: var(--text-primary); text-decoration: none; }
@media (hover: hover) and (pointer: fine) { a[data-dep-account]:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
[data-account-key] { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
[data-dep-account-who] { display: block; }
tr:has([data-dep-state]:target) > * { animation: vanta-target-row 1.6s var(--motion-ease) both; }
@keyframes vanta-target-row { from { background: color-mix(in oklab, var(--accent-base) 16%, transparent); } to { background: transparent; } }
[data-dep-stopped] { margin-top: var(--space-section); }
[data-dep-note] { margin: 0; padding: var(--space-loose) var(--space-mid); border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-dep-coming] { margin-top: var(--space-section); padding: var(--space-loose) var(--space-mid); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); }
[data-dep-coming] [data-empty-state] { padding: 0; }
[data-dep-strategy] { display: inline-flex; align-items: center; gap: var(--space-base); min-width: 0; max-inline-size: 32ch; }
[data-dep-strategy] > a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-primary); text-decoration: none; font-weight: 500; }
@media (hover: hover) and (pointer: fine) { [data-dep-strategy] > a:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
[data-decision-leg] { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-dep-accounts] { display: inline-flex; align-items: center; gap: var(--space-base); }
[data-dep-accounts-count] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
@media (max-width: 479px) { [data-dep-accounts-count] { display: none; } }
[data-decision-cell] { display: inline-flex; align-items: center; gap: var(--space-base); white-space: nowrap; }
[data-decision-side] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-decision-why] { display: block; max-inline-size: 44ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); }
[data-decision-bars] { font-variant-numeric: tabular-nums; }
@media (max-width: 639px) { [data-decision-why] { max-inline-size: 60vw; } }
[data-table-more] { margin: 0; padding: var(--space-base) var(--space-mid); border-top: 1px solid var(--border-faint); }
[data-dep-stopped-inline] { border-top: 1px solid var(--border-faint); }
[data-dep-stopped-inline] > [data-disclose] > summary { padding: var(--space-base) var(--space-mid); }
a[data-account-row] { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.2fr) minmax(0, 1fr) auto; align-items: center; gap: var(--space-loose) var(--space-section); min-block-size: 56px; /* cascade: replaces the flex row of the account-list rules above (ADR-169) */ }
[data-acct-who] { display: grid; gap: var(--space-tight); min-width: 0; }
[data-acct-title] { display: inline-flex; align-items: center; gap: var(--space-base); min-width: 0; }
[data-acct-name] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
[data-acct-money] { display: flex; justify-content: flex-end; gap: var(--space-section); font-variant-numeric: tabular-nums; }
[data-acct-money][data-unread] { justify-content: flex-start; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-acct-fig] { display: grid; justify-items: end; gap: 1px; }
[data-acct-fig-k] { font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-muted); }
[data-acct-fig] [data-num] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; }
[data-acct-trades] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a[data-account-row] [data-row-go] { margin: 0; display: inline-flex; }
@media (max-width: 639px) { a[data-account-row] { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: 'who go' 'money go' 'trades go'; row-gap: var(--space-hair); } [data-acct-who] { grid-area: who; } [data-acct-money] { grid-area: money; justify-content: flex-start; } [data-acct-fig] { display: inline-flex; align-items: baseline; gap: var(--space-snug); } [data-acct-trades] { grid-area: trades; } a[data-account-row] [data-row-go] { grid-area: go; } }
@media (max-width: 479px) { [data-panel-actions] [data-connect-trigger] [data-connect-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-panel-actions] [data-connect-trigger] { padding-inline: var(--space-snug); } }
@media (max-width: 639px) { [data-page-head][data-title='visible'] [data-page-actions] { flex: 1 1 100%; margin-left: 0; } [data-page-head][data-title='visible'] [data-page-actions] > [data-btn] { flex: 1 1 auto; white-space: nowrap; } }
[data-account-detail] { display: grid; gap: var(--space-section); }
[data-venue-unread] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-loose); }
[data-venue-unread] > [data-message] { flex: 1 1 280px; }
[data-gate-list] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-base); }
[data-gate-line] { display: grid; grid-template-columns: auto minmax(8rem, max-content) minmax(0, 1fr); align-items: baseline; gap: var(--space-base); margin: 0; max-width: none; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); }
[data-gate-line] [data-gate-mark] { align-self: start; margin-top: 3px; color: var(--state-positive); }
[data-gate-line][data-passed='no'] [data-gate-mark] { color: var(--state-negative); }
[data-gate-name] { font-weight: 600; color: var(--text-primary); }
[data-gate-detail] { color: var(--text-muted); }
@media (max-width: 479px) { [data-gate-line] { grid-template-columns: auto minmax(0, 1fr); } [data-gate-detail] { grid-column: 2; } }
[data-order-what] { display: inline-flex; align-items: baseline; gap: var(--space-base); white-space: nowrap; }
[data-order-size] { font-variant-numeric: tabular-nums; color: var(--text-muted); font-weight: 400; }
[data-order-why] { display: block; max-inline-size: 48ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); }
@media (max-width: 639px) { [data-order-why] { max-inline-size: 60vw; } }
[data-subnav-row] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-loose); min-width: 0; }
[data-subnav-row] > [data-tabnav] { flex: 1 1 auto; min-width: 0; }
[data-subnav-row] [data-live-refresh] { /* cascade: the status chip of the lead above becomes a quiet row-end status (ADR-169) */ flex: none; gap: var(--space-snug); color: var(--text-muted); }
[data-live-refresh][data-live-state='updating'] [data-live-dot] { background: var(--state-positive); }
[data-live-refresh][data-live-state='stale'] [data-live-dot] { background: var(--state-caution); }
[data-live-refresh][data-live-state='stale'] [data-live-word] { color: var(--state-caution); }
[data-live-refresh][data-live-state='connecting'] [data-live-dot] { background: var(--text-muted); }
[data-live-word] { color: var(--text-primary); font-weight: 500; }
[data-live-age] { font-variant-numeric: tabular-nums; }
[data-live-refresh] [data-live-toggle] { /* cascade: the old text chip's box is the icon button's now */ margin-inline-start: 0; padding: 0; border-color: transparent; background: transparent; font: inherit; }
@media (max-width: 479px) { [data-live-age] { display: none; } }
[data-tinted] { border-radius: var(--radius-chip); transition: background-color var(--duration-slow) var(--motion-ease); }
[data-tinted='on'] { background: color-mix(in oklab, var(--accent-base) 18%, transparent); transition-duration: 0s; }
[data-monitor-account] { display: grid; gap: var(--space-section); }
[data-performance-split] { display: grid; gap: var(--space-loose); padding-top: var(--space-loose); border-top: 1px solid var(--border-faint); }
[data-performance-split] [data-stat-value] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); }
[data-origin-mark] { display: inline-flex; align-items: center; gap: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-origin-mark='outside'] { color: var(--state-caution); }
[data-panel] td:has(> [data-close-position]) { inline-size: 1%; text-align: end; }
[data-timeline-row] { /* cascade: the wrapping flex row above becomes a four-column grid */ display: grid; grid-template-columns: 2.5ch auto minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-base); padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); }
[data-timeline-row]:first-child { border-top: 0; }
[data-timeline-what] { display: grid; gap: 2px; min-width: 0; }
[data-rrefs] { display: flex; flex-wrap: wrap; gap: var(--space-hair) var(--space-base); }
[data-rrefs] [data-rref] { /* cascade: a rule reference reads as a quiet word, not a link (OPS-41) */ font-family: inherit; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); text-decoration: none; }
[data-rrefs] [data-rref] + [data-rref] { margin-inline-start: 0; }
[data-timeline-row] [data-outcome] { justify-self: end; font-variant-numeric: tabular-nums; font-weight: 600; }
[data-graduation] { display: grid; gap: var(--space-loose); }
[data-graduation-next] { margin: 0; }
[data-graduation-now] { margin: 0; color: var(--text-muted); }
[data-graduation-now] b { color: var(--text-primary); font-weight: 600; }
[data-requirements] { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-base); }
[data-req] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-base); align-items: baseline; margin: 0; }
[data-req] [data-req-mark] { align-self: center; color: var(--text-muted); }
[data-req][data-met='true'] [data-req-mark] { color: var(--state-positive); }
[data-req-what] { display: grid; gap: 2px; }
[data-req-basis] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
main:has(> [data-panel] [data-graduation]) > [data-panel][data-span='half'] { align-self: start; }
[data-venue-cell] { display: inline-flex; align-items: center; gap: var(--space-base); white-space: nowrap; }
[data-ledger-notes], [data-ledger-caveat] { padding: var(--space-base) var(--space-mid); border-top: 1px solid var(--border-faint); }
[data-ledger-notes] p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--state-caution); }
[data-ledger-measure] { display: grid; gap: var(--space-base); }
[data-ledger-measure]:empty { display: none; }
@media (max-width: 639px) { [data-subnav-row] { flex-wrap: wrap; row-gap: var(--space-hair); } [data-subnav-row] > [data-tabnav] { flex-basis: 100%; } [data-subnav-row] [data-live-refresh] { margin-inline-start: auto; } }
@media (max-width: 639px) { [data-table][data-stack] > tbody > tr:has([data-order-detail]) { position: relative; padding-inline-end: 48px; } [data-table][data-stack] > tbody > tr > td:has(> [data-order-detail]) { position: absolute; top: var(--space-base); inset-inline-end: var(--space-base); padding: 0; } [data-table][data-stack] [data-venue-cell] { white-space: normal; flex-wrap: wrap; justify-content: flex-end; } }
[data-order-ticket] { scroll-margin-block-start: calc(var(--bar-h) + 80px); }
[data-risk-cell] { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--space-snug); text-decoration: none; }
[data-prov-mark] { display: inline-flex; color: var(--text-muted); cursor: help; }
[data-portfolio-risk] { display: grid; gap: var(--space-section); }
@media (max-width: 639px) { [data-table][data-stack] :is([data-order-why], [data-decision-why]) { white-space: normal; max-inline-size: none; text-align: end; } }
@media (pointer: coarse) { [data-dep-strategy] > a, a[data-dep-account], a[data-dep-attach-link] { display: inline-flex; align-items: center; min-block-size: 44px; } }
a[data-dep-attach-link] { white-space: nowrap; }
[data-panel] tbody a[data-dep-attach-link] { color: var(--accent-base); }
[data-swarm-empty] [data-empty-state] { justify-items: start; text-align: left; padding: 0; }
[data-swarm-empty] [data-empty-mark] { color: var(--attribution-agent); }
[data-role-mark] { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-inline-size: 5.2ch; text-align: center; letter-spacing: .02em; }
[data-role-mark][data-full] { justify-content: flex-start; gap: var(--space-snug); min-inline-size: 0; padding: 0; background: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; letter-spacing: 0; color: var(--text-muted); }
[data-role-mark][data-full]::before { content: ''; inline-size: 7px; block-size: 7px; border-radius: 50%; background: currentColor; flex: none; }
[data-role-mark][data-full][data-who='concierge']::before { background: var(--accent-hover); }
[data-role-mark][data-full][data-who='formalizer']::before { background: var(--attribution-agent); }
[data-role-mark][data-full][data-who='skeptic']::before { background: var(--state-caution); }
[data-role-mark][data-full][data-who='research']::before { background: var(--state-positive); }
[data-who="advocate"] { background: color-mix(in oklab, var(--accent-base) 12%, transparent); color: var(--accent-hover); }
[data-role-mark][data-full][data-who='advocate']::before { background: var(--accent-hover); }
[data-swarm-dot][data-who='advocate'] { background: var(--accent-hover); animation-delay: 1.2s; }
[data-swarm-avatar][data-who='advocate'] { background: color-mix(in oklab, var(--accent-hover) 20%, transparent); color: var(--accent-hover); }
[data-who="studio"] { background: color-mix(in oklab, var(--text-muted) 14%, transparent); color: var(--text-muted); }
[data-role-mark][data-full][data-who='studio']::before { background: var(--text-muted); }
[data-prop-section] { display: grid; gap: var(--space-base); margin-top: var(--space-section); }
[data-prop-section]:first-child { margin-top: 0; }
[data-prop-section] > [data-section-head] { margin: 0; }
[data-prop-section] > p { margin: 0; }
[data-prop-section] > :is([data-prop-weakness], [data-prop-decided]) { color: var(--text-primary); }
[data-prop-note] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); line-height: 1.6; padding-left: var(--space-base); border-left: 2px solid var(--border-faint); color: var(--text-primary); }
[data-panel-head] [data-prop-meta] { margin-left: auto; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
@media (max-width: 639px) { [data-panel-head] [data-prop-meta] { flex: 1 0 100%; margin-left: 0; } }
[data-prop-section] [data-table-scroll] { margin-top: var(--space-hair); }
[data-prop-setting] { display: block; font-weight: 500; color: var(--text-primary); }
[data-prop-verb] { display: block; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-prop-was], [data-prop-becomes] { display: inline; line-height: 1.6; padding: 1px 5px; border-radius: 4px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
[data-prop-was] { color: color-mix(in oklab, var(--state-negative) 78%, var(--text-primary)); background: color-mix(in oklab, var(--state-negative) 10%, transparent); text-decoration: line-through; text-decoration-color: color-mix(in oklab, var(--state-negative) 55%, transparent); }
[data-prop-becomes] { color: color-mix(in oklab, var(--state-positive) 82%, var(--text-primary)); background: color-mix(in oklab, var(--state-positive) 12%, transparent); }
[data-prop-absent] { color: var(--text-muted); }
[data-prop-was], [data-prop-becomes], [data-prop-absent] { white-space: normal; }
[data-prop-lines] { list-style: disc; margin: 0; padding-left: 1.25em; display: grid; gap: var(--space-tight); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-prop-lines] li::marker { color: var(--text-muted); }
[data-prop-if-accept] + [data-prop-decide] { margin-top: var(--space-loose); }
[data-table] td[data-primary]:has([data-prop-row-why]) { white-space: normal; min-inline-size: 28ch; max-inline-size: 52ch; }
[data-prop-row-changes] { display: block; max-inline-size: 36ch; white-space: normal; color: var(--text-muted); }
[data-record-card] > [data-record-waiting] { color: var(--accent-hover); font-weight: 500; }
[data-tabnav] [data-tabnav-more] [data-counter], [data-menu-row] [data-counter] { background: color-mix(in oklab, var(--accent-base) 22%, transparent); color: var(--accent-hover); }
[data-tabnav] [data-tabnav-more] [data-counter] { margin-inline-start: var(--space-hair); }
[data-change-test] { display: grid; gap: var(--space-tight); min-inline-size: 0; }
[data-change-test] > p { margin: 0; }
[data-change-test-conditions] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); font-weight: 500; }
[data-change-test]:not([data-same-conditions]) [data-change-test-conditions] { color: var(--state-caution); }
[data-change-test-remeasured], [data-change-test-note] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-change-test-table] { border-collapse: collapse; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; }
[data-change-test-table] th, [data-change-test-table] td { padding: 3px 0 3px var(--space-mid); text-align: right; border-bottom: 1px solid var(--border-faint); }
[data-change-test-table] td { white-space: nowrap; }
[data-change-test-table] tr > :first-child { text-align: left; padding-left: 0; }
[data-change-test-table] thead th { color: var(--text-muted); font-weight: 500; }
[data-change-test-table] tbody th { color: var(--text-primary); font-weight: 500; white-space: nowrap; }
[data-change-test-links] { display: flex; flex-wrap: wrap; gap: var(--space-base); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-cmp-head] { position: relative; column-gap: var(--space-base); }
[data-cmp-pick] { display: inline-flex; align-items: center; gap: var(--space-snug); min-inline-size: 0; }
[data-cmp-pick] > select { font-variant-numeric: tabular-nums; max-inline-size: 18em; }
[data-cmp-side] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 600; color: var(--text-muted); padding-block-end: 1px; border-bottom: 2px dashed var(--text-muted); }
[data-cmp-side='b'] { color: var(--accent-hover); border-bottom-style: solid; border-bottom-color: var(--accent-hover); }
[data-cmp-measure-note] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-cmp-measure-status] { position: absolute; z-index: 20; top: calc(100% - var(--space-hair)); inset-inline-end: var(--space-mid); inline-size: min(26rem, calc(100% - 2rem)); display: flex; align-items: flex-start; gap: var(--space-snug); padding: var(--space-base) var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-primary); transform-origin: top right; animation: vanta-menu .16s var(--motion-ease) both; }
[data-cmp-measure-mark], [data-cmp-measure-spin] { display: flex; margin-block-start: 2px; color: var(--text-muted); }
[data-cmp-measure-status='refused'] [data-cmp-measure-mark] { color: var(--state-caution); }
[data-cmp-measure-status] [data-cmp-measure-dismiss] { margin-block: -4px; }
[data-cmp-measure-spin] [data-icon], [data-cmp-measure][data-state='running'] [data-btn] [data-icon] { animation: vanta-spin .8s linear infinite; }
[data-cmp-body] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-section); min-inline-size: 0; container: compare / inline-size; }
[data-cmp-conditions] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-tight); min-inline-size: 0; }
[data-cmp-conditions] > p, [data-cmp-pinned], [data-cmp-measure-crossed] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-cmp-conditions] > p:first-child { color: var(--state-negative); font-weight: 500; }
[data-cmp-diff], [data-cmp-figures], [data-cmp-figures-out] { border-collapse: collapse; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; }
[data-cmp-diff] th, [data-cmp-diff] td { padding: 3px var(--space-mid) 3px 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border-faint); }
[data-cmp-diff] thead th, [data-cmp-figures] thead th, [data-cmp-figures-out] thead th { color: var(--text-muted); font-weight: 500; }
[data-cmp-diff] tbody th { color: var(--text-primary); font-weight: 500; white-space: nowrap; }
[data-cmp-differs] td { color: var(--state-negative); }
[data-cmp-grid] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-section); align-items: start; }
@container compare (min-width: 56rem) { [data-cmp-grid] { grid-template-columns: minmax(0, auto) minmax(0, 1fr); } }
@container compare (max-width: 69.99rem) { [data-cmp-grid]:has([data-cmp-samples='both']) { grid-template-columns: minmax(0, 1fr); } }
[data-cmp-figures-wrap] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-tight); min-inline-size: 0; overflow-x: auto; }
[data-cmp-figures-wrap] > [data-cmp-note] { contain: inline-size; }
[data-cmp-figures] th, [data-cmp-figures] td, [data-cmp-figures-out] th, [data-cmp-figures-out] td { padding: 3px 0 3px var(--space-mid); text-align: right; border-bottom: 1px solid var(--border-faint); white-space: nowrap; }
[data-cmp-figures] tr > :first-child, [data-cmp-figures-out] tr > :first-child { text-align: left; padding-left: 0; }
[data-cmp-figures] tbody th, [data-cmp-figures-out] tbody th { color: var(--text-primary); font-weight: 500; }
[data-cmp-figures] [data-cmp-rules-head] { padding-top: var(--space-mid); color: var(--text-muted); font-weight: 500; }
[data-cmp-figures] [data-cmp-sample] { text-align: center; color: var(--text-primary); }
[data-cmp-figures] [data-cmp-group-start] { border-inline-start: 1px solid var(--border-faint); }
[data-cmp-held-out] { font-variant-numeric: tabular-nums; }
@media (min-width: 640px) { [data-cmp-figures-out] { display: none; } }
@media (max-width: 639px) { [data-cmp-figures] [data-cmp-group='out'], [data-cmp-figures] [data-cmp-sample='out'] { display: none; } [data-cmp-figures-out] thead th:first-child { color: var(--text-primary); } }
[data-cmp-verdict-change='better'] { color: var(--state-positive); }
[data-cmp-verdict-change='worse'] { color: var(--state-negative); }
[data-cmp-verdict-change='same'], [data-cmp-none], [data-cmp-open] { color: var(--text-muted); }
[data-cmp-note] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-cmp-equity] { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-tight); min-inline-size: 0; }
[data-cmp-equity-head] { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-mid); }
[data-cmp-equity-head] > h3 { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 500; }
[data-cmp-key] { display: inline-flex; align-items: center; gap: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-cmp-key]::before { content: ''; inline-size: 18px; border-top: 2px dashed var(--text-muted); }
[data-cmp-key='b']::before { border-top: 2px solid var(--accent-hover); }
[data-cmp-frame] { overflow: clip; border-radius: var(--radius-control); }
[data-cmp-chart] { display: block; inline-size: 100%; block-size: 260px; }
@media (max-width: 639px) { [data-cmp-head] > [data-panel-title] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-cmp-head] > [data-cmp-pick] { flex: 1 1 40%; min-inline-size: 9.25rem; } [data-cmp-head] [data-cmp-pick] > select { flex: 1 1 0; min-inline-size: 0; max-inline-size: none; padding-inline: var(--space-base) 24px; } }
@media (max-width: 639px) { [data-cmp-chart] { block-size: 200px; } [data-cmp-head] [data-cmp-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-cmp-head] [data-btn]:has([data-cmp-word]) { padding-inline: var(--space-base); } [data-cmp-measure-status] { inset-inline: var(--space-base); inline-size: auto; } }
@media (max-width: 639px) { [data-cmp-diff], [data-cmp-diff] :is(tbody, tr, th, td) { display: block; } [data-cmp-diff] thead { display: none; } [data-cmp-diff] tr { padding-block: var(--space-hair); border-bottom: 1px solid var(--border-faint); } [data-cmp-diff] :is(th, td) { padding: 0; border: 0; } [data-cmp-diff] td::before { content: attr(data-cmp-diff-side); margin-inline-end: var(--space-snug); font-weight: 600; color: var(--text-muted); } [data-cmp-figures] tbody th, [data-cmp-figures-out] tbody th { white-space: normal; } [data-cmp-figures] th, [data-cmp-figures] td, [data-cmp-figures-out] th, [data-cmp-figures-out] td { padding-inline-start: var(--space-base); } }
[data-rule][data-taken] { display: grid; gap: var(--space-tight); padding: 10px 12px; border: 1px solid var(--border-faint); border-left-width: 2px; border-radius: var(--radius-control); }
[data-rule][data-taken] > p { margin: 0; }
[data-taken-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-taken-status] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-taken-rule] { font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); color: var(--text-primary); }
[data-taken-quote] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-rule-meta] { display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-rb-section] [data-rule][data-rule-flow] { padding: 10px 12px; }
[data-contra-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin-bottom: var(--space-tight); }
[data-contra-status] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-contra-resolution] { margin: var(--space-base) 0 0; }
[data-cov-rows] { display: grid; grid-template-columns: max-content minmax(60px, 1fr) max-content; column-gap: var(--space-loose); }
[data-cov-rows] > div[data-cov-row] { display: grid; grid-column: 1 / -1; grid-template-columns: subgrid; align-items: center; }
[data-cov-rows] > div[data-cov-row] > span:last-child { grid-column: 2 / -1; justify-self: end; margin-left: 0; }
[data-cov-rows] > div[data-cov-row] > [data-cov-bar] { grid-column: 2; }
[data-cov-rows] > div[data-cov-row]:has(> [data-cov-bar]) > span:last-child { grid-column: 3; }
[data-feed-count] { color: var(--text-muted); white-space: nowrap; }
[data-shell] > [data-teach-became] { padding-top: var(--space-loose); }
[data-journal-record] { margin: 0; white-space: pre-wrap; color: var(--text-primary); }
[data-example-body] { display: grid; gap: var(--space-loose); align-items: start; }
[data-example-reading] { display: grid; gap: var(--space-base); min-width: 0; }
[data-example-reading] > p { margin: 0; }
@media (min-width: 1100px) { [data-example-body] { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } }
[data-setup-step] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-library-filter] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-library-filter-row] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-loose) var(--space-mid); min-width: 0; }
[data-library-search] { flex: 1 1 16rem; min-width: 0; }
[data-library-search] [data-field-affix] { color: var(--text-muted); }
[data-library-search] input[type='search'] { -webkit-appearance: none; appearance: none; }
[data-chip-row] { display: flex; flex-wrap: wrap; gap: var(--space-snug); min-width: 0; }
:is([data-library-filter], [data-trade-chips]) [data-chip] { display: inline-flex; align-items: center; gap: var(--space-hair); min-block-size: 1.75rem; padding: 0 var(--space-loose); border: 1px solid var(--border-subtle); border-radius: 2em; background: transparent; color: var(--text-muted); font: inherit; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; white-space: nowrap; cursor: pointer; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { :is([data-library-filter], [data-trade-chips]) [data-chip]:not(:disabled):not([aria-pressed='true']):hover { color: var(--text-primary); border-color: var(--hover-border); background: var(--hover-wash); } }
:is([data-library-filter], [data-trade-chips]) [data-chip][aria-pressed='true'] { color: var(--text-primary); border-color: var(--border-strong); background: var(--surface-selected); }
:is([data-library-filter], [data-trade-chips]) [data-chip]:active { background: var(--press-wash); transition-duration: 0s; }
[data-meta-list] { --meta-sep: 1.5em; display: flex; flex-wrap: wrap; align-items: baseline; row-gap: var(--space-hair); column-gap: var(--meta-sep); min-width: 0; overflow: hidden; }
[data-meta-list] [data-meta-part] { min-width: 0; }
[data-meta-list] [data-meta-part]::before { content: '·'; display: inline-block; inline-size: var(--meta-sep); margin-inline-start: calc(-1 * var(--meta-sep)); text-align: center; }
[data-library-status] { margin: 0 0 0 auto; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-library-count] { font-weight: 500; color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-library-caption] { display: contents; }
[data-library-empty] { padding: var(--space-wide) 0; border: 1px dashed var(--border-subtle); border-radius: var(--radius-panel); }
@media (pointer: coarse) { :is([data-library-filter], [data-trade-chips]) [data-chip] { min-block-size: 44px; } }
@media (max-width: 640px) { [data-library-search] { flex-basis: 100%; } [data-library-filter] [data-segctl] { display: flex; inline-size: 100%; } [data-library-filter] [data-segctl] > button { flex: 1 1 auto; justify-content: center; white-space: nowrap; } [data-chip-row] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--space-mid)); padding-inline: var(--space-mid); scroll-padding-inline: var(--space-mid); } [data-chip-row]::-webkit-scrollbar { display: none; } [data-library-status] { margin-inline-start: 0; } }
[data-component-lead] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-page-lead]:has(> [data-component-lead]) { margin: calc(-1 * var(--space-section)) 0 0; }
[data-page-meta] [data-meta-chip] { display: inline-flex; align-items: center; padding: 0 var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--text-muted); text-decoration: none; transition: color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-page-meta] [data-meta-chip]:hover { color: var(--text-primary); border-color: var(--hover-border); background: var(--hover-wash); } }
[data-page-meta] [data-meta-chip]:active { background: var(--press-wash); transition-duration: 0s; }
[data-meta-gate] { display: inline-flex; align-items: center; padding: 0 var(--space-base); border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--state-positive); background: color-mix(in oklab, var(--state-positive) 14%, transparent); }
[data-chart-controls] { display: flex; flex-wrap: wrap; gap: var(--space-base); margin-inline-start: auto; }
[data-chart-controls] [data-segctl] > a { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); padding-inline: var(--space-base); }
[data-segctl] > a:has(> [data-link-pending='yes']) { background: var(--surface-selected); color: var(--text-primary); font-weight: 600; cursor: progress; }
[data-segctl]:has(> a > [data-link-pending='yes']) > a[aria-current]:not(:has(> [data-link-pending='yes'])) { background: transparent; color: var(--text-muted); font-weight: 500; }
[data-chart-switch] { display: grid; gap: var(--space-mid); min-width: 0; }
[data-chart-switch] [data-stats], [data-indicator-chart] > :is([data-indicator-plot], [data-indicator-readout]) { transition: opacity var(--duration-base) var(--motion-ease); }
[data-chart-switch='waiting'] { cursor: progress; }
[data-chart-switch='waiting'] [data-stats] { opacity: .55; }
[data-indicator-chart][data-waiting] > :is([data-indicator-plot], [data-indicator-readout]) { opacity: .4; }
[data-indicator-chart][data-waiting][data-drawn='yes'] > [data-indicator-skeleton] > [data-skeleton-chart] { opacity: .55; }
[data-component-chart] { display: grid; gap: var(--space-mid); min-width: 0; }
[data-component-chart] [data-stats] [data-stat-value] { font-size: var(--size-lead); line-height: var(--leading-lead); letter-spacing: var(--tracking-lead); }
[data-stat-none] { color: var(--text-muted); font-weight: 400; }
[data-indicator-chart] { --ind-band: color-mix(in oklab, var(--accent-base) 16%, transparent); --ind-price: var(--text-muted); display: grid; gap: var(--space-base); margin: 0; min-width: 0; }
[data-indicator-plot] { inline-size: 100%; block-size: 22.5rem; min-width: 0; }
[data-indicator-plot] :is(table, tr, td) { margin: 0; padding: 0; border: 0; inline-size: auto; }
[data-indicator-plot] td > * + * { margin: 0; }
[data-indicator-chart][data-mode='pane'] [data-indicator-plot] { block-size: 26rem; }
[data-indicator-readout] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); font-variant-numeric: tabular-nums; white-space: pre; overflow: hidden; text-overflow: ellipsis; }
[data-indicator-chart] > :is([data-indicator-plot], [data-indicator-skeleton]) { grid-area: 1 / 1; }
[data-indicator-chart] > [data-indicator-readout] { grid-row: 2; min-block-size: 1lh; }
[data-indicator-skeleton] { position: relative; display: grid; grid-template-rows: minmax(0, 1fr); gap: var(--space-base); padding: 0 80px 28px 0; min-width: 0; }
[data-indicator-skeleton][data-mode='pane'] { grid-template-rows: minmax(0, 64fr) minmax(0, 36fr); }
[data-indicator-skeleton] > [data-skeleton-chart] { block-size: auto; }
[data-slow-note] { position: absolute; inset: 0 80px 28px 0; display: grid; place-items: center; margin: 0; max-width: none; padding: var(--space-mid); text-align: center; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); animation: vanta-fade var(--duration-base) var(--motion-ease) 4s both; }
@media (prefers-reduced-motion: reduce) { [data-slow-note] { animation-duration: 1ms; } }
[data-component-about] { display: grid; gap: var(--space-mid); }
[data-component-about] [data-prose] p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-input-chips] { display: inline-flex; flex-wrap: wrap; gap: var(--space-hair); }
[data-usage-list], [data-strategy-choices] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-strategy-choices] { max-block-size: min(26rem, 55vh); overflow-y: auto; overscroll-behavior: contain; padding-inline: var(--space-base); margin-inline: calc(-1 * var(--space-base)); }
[data-usage-list] > li + li, [data-strategy-choices] > li + li { border-top: 1px solid var(--border-faint); }
:is([data-usage-row], [data-strategy-choice]) { display: flex; align-items: center; gap: var(--space-loose); min-block-size: 2.5rem; padding: var(--space-base) var(--space-base); margin-inline: calc(-1 * var(--space-base)); border-radius: var(--radius-control); color: var(--text-primary); text-decoration: none; transition: background-color var(--duration-hover) var(--motion-ease); }
:is([data-usage-name], [data-strategy-choice-name]) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; }
:is([data-usage-go], [data-strategy-choice-go]) { flex: none; color: var(--text-muted); transition: transform var(--duration-fast) var(--motion-ease), color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { :is([data-usage-row], [data-strategy-choice]):hover { background: var(--hover-wash); } }
@media (hover: hover) and (pointer: fine) { [data-usage-row]:hover [data-usage-go], [data-strategy-choice]:hover [data-strategy-choice-go] { color: var(--text-primary); transform: translateX(var(--nudge)); transition-duration: var(--duration-base); } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) { [data-usage-row]:hover [data-usage-go], [data-strategy-choice]:hover [data-strategy-choice-go] { transform: none; } }
:is([data-usage-row], [data-strategy-choice]):active { background: var(--press-wash); transition-duration: 0s; }
[data-usage-none] { display: grid; justify-items: start; gap: var(--space-loose); }
[data-usage-none] p { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); }
[data-more-like-this] { display: grid; gap: var(--space-loose); }
[data-more-like-this] [data-component-grid] { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
[data-more-all] { margin-inline-start: auto; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-more-all]:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
@media (pointer: coarse) { :is([data-usage-row], [data-strategy-choice]) { min-block-size: 44px; } }
@media (max-width: 640px) { [data-page-actions]:has(> [data-component-actions]) { margin-inline-start: 0; inline-size: 100%; } [data-component-actions] { flex: 1 1 auto; } [data-component-actions] > [data-btn] { inline-size: 100%; justify-content: center; } [data-component-chart] [data-stats][data-variant='tiles'] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } [data-indicator-plot] { block-size: 17.5rem; } [data-indicator-chart][data-mode='pane'] [data-indicator-plot] { block-size: 21rem; } [data-chart-controls] { margin-inline-start: 0; inline-size: 100%; } }
[data-run-strategy] { font-weight: 500; color: var(--text-primary); }
[data-run-result] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
:is([data-run-fidelity], [data-run-when-none]) { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (min-width: 640px) { [data-table] tr:has([data-run-result]) > :is(td, th) { block-size: 2.75rem; vertical-align: middle; } }
@media (max-width: 639px) { [data-panel-body][data-flush] [data-table][data-stack] > tbody > tr > td { padding-inline: 0; } [data-table][data-stack] > tbody > tr > td:empty { display: none; } }
[data-discover-caption] { margin: 0; max-width: none; padding: var(--space-loose) var(--space-mid); border-bottom: 1px solid var(--border-faint); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-discover] [data-table] { margin: 0; }
[data-adopt-refused] { padding: var(--space-loose) var(--space-mid); border-bottom: 1px solid var(--border-faint); }
[data-discover] [data-adopt-form] { display: flex; justify-content: flex-end; margin: 0; }
[data-discover] [data-adopt] { transition: background-color var(--duration-hover) var(--motion-ease), color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-discover] tr:has([data-candidate]):hover [data-adopt]:not(:disabled) { background: var(--surface-inverse); border-color: transparent; color: var(--text-inverse); } }
[data-discover] tr:has([data-candidate]):focus-within [data-adopt]:not(:disabled) { background: var(--surface-inverse); border-color: transparent; color: var(--text-inverse); }
[data-discover] [data-candidate-components] { color: var(--text-muted); }
[data-not-applicable] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (max-width: 639px) { [data-discover] [data-adopt-form] { flex: 1 1 auto; padding-block-start: var(--space-base); } [data-discover] [data-adopt] { inline-size: 100%; justify-content: center; } }
[data-pine-upload] { --pine-surface-h: 22rem; }
[data-pine-source] { display: grid; gap: var(--space-snug); min-inline-size: 0; }
[data-pine-source-head] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-base) var(--space-loose); }
[data-pine-source-head] [data-segctl] > button { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); }
[data-pine-pane] { margin: 0; padding: 0; border: 0; min-inline-size: 0; }
[data-pine-pane][hidden] { display: none; }
[data-pine-pane] > [data-form-field] { gap: var(--space-snug); }
[data-pine-upload] [data-dropzone], [data-pine-upload] [data-dropzone]:has([data-dropzone-file]) { min-block-size: var(--pine-surface-h); align-content: center; }
[data-pine-upload] [data-dropzone-prompt] { block-size: 100%; }
[data-pine-upload] [data-dropzone-icon] { inline-size: 3rem; block-size: 3rem; margin-bottom: var(--space-base); }
[data-pine-upload] [data-dropzone-title] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); font-weight: 500; }
[data-pine-upload] [data-dropzone-file] { flex-direction: column; justify-content: center; gap: var(--space-base); padding: var(--space-wide) var(--space-mid); text-align: center; }
[data-pine-upload] [data-dropzone-file-icon] { inline-size: 3rem; block-size: 3rem; border-radius: 50%; border: 1px solid var(--border-subtle); }
[data-pine-upload] [data-dropzone-file-text] { justify-items: center; max-inline-size: 100%; }
[data-pine-upload] [data-dropzone-file-name] { font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); }
[data-pine-upload] [data-dropzone-file-actions] { margin-inline-start: 0; }
[data-pine-upload] [data-dropzone-status] { max-inline-size: 100%; }
[data-preread] { display: inline-flex; max-inline-size: 100%; transition: opacity var(--duration-base) var(--motion-ease); }
[data-preread] [data-badge] { white-space: normal; text-align: start; }
[data-pine-upload] [data-dropzone-status] [data-badge] { text-align: center; }
[data-preread][data-stale] { opacity: .5; }
[data-pine-existing] { font-weight: 500; }
@media (max-width: 639px) { [data-pine-upload] { --pine-surface-h: 18rem; } [data-pine-source-head] [data-segctl] { display: flex; inline-size: 100%; } [data-pine-source-head] [data-segctl] > button { flex: 1 1 0; justify-content: center; } }
[data-pine-workbench] { display: grid; gap: var(--space-wide); align-items: start; min-inline-size: 0; }
@media (min-width: 1024px) { [data-pine-workbench] { grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem); gap: var(--space-gutter); } [data-pine-aside] { position: sticky; top: calc(var(--bar-h, 3.5rem) + var(--space-mid)); } }
[data-pine-aside] { display: grid; gap: var(--space-loose); min-inline-size: 0; padding: var(--space-mid); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); background: color-mix(in oklab, var(--surface-raised) 45%, var(--surface-base)); }
[data-pine-aside][data-folded] { padding: 0; border: 0; background: none; }
[data-pine-aside][data-folded] [data-disclose] { margin: 0; }
[data-pine-aside][data-folded] [data-disclose] > summary { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; }
[data-pine-aside-head] { display: flex; align-items: center; justify-content: space-between; gap: var(--space-base); }
[data-panel] [data-pine-aside-title] { margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-pine-aside-reading] { display: inline-flex; align-items: center; gap: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-pine-aside-reading] [data-icon] { animation: vanta-spin .8s linear infinite; }
[data-pine-report] { display: grid; gap: var(--space-loose); transition: opacity var(--duration-base) var(--motion-ease); }
[data-pine-report][data-stale] { opacity: .55; }
[data-pine-report-verdict] { display: grid; justify-items: start; gap: var(--space-snug); }
[data-panel] [data-pine-report-sum] { margin: 0; font-size: var(--size-detail); line-height: var(--leading-detail); letter-spacing: var(--tracking-detail); font-weight: 500; color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-pine-report-group] { display: grid; gap: var(--space-hair); }
[data-panel] :is([data-pine-report-group], [data-pine-reference-group]) h4 { margin: 0; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 600; letter-spacing: .02em; color: var(--text-muted); }
[data-pine-report-group] ul { list-style: none; margin: 0; padding: 0; display: grid; }
[data-pine-report-group] li { display: flex; align-items: center; gap: var(--space-base); min-block-size: 2rem; margin: 0; padding-block: var(--space-hair); border-top: 1px solid var(--border-faint); }
[data-pine-unread-text] { display: grid; flex: 1 1 auto; min-inline-size: 0; }
[data-pine-report-group] li:first-child { border-top: 0; }
:is([data-pine-found-name], [data-pine-unread-where]) { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-pine-unread-where] code { font-family: var(--font-mono); font-size: 0.95em; color: color-mix(in oklab, var(--state-caution) 62%, var(--text-primary)); }
[data-pine-unread-kind] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--state-caution); }
@media (min-width: 1024px) { [data-pine-verdict] [data-preread] { display: none; } }
[data-pine-unread] [data-btn] { flex: none; }
[data-pine-report] [data-disclose] { margin: 0; }
[data-pine-report] [data-disclose] > summary { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; }
[data-pine-reference] { display: grid; gap: var(--space-loose); min-inline-size: 0; }
[data-panel] :is([data-pine-reference-lead], [data-pine-reference-note]) { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-pine-reference-groups] { display: grid; gap: var(--space-loose); }
[data-pine-reference-group] { display: grid; gap: var(--space-snug); align-content: start; }
[data-pine-reference-group] ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-hair); }
[data-pine-reference-group] li { margin: 0; }
[data-pine-reference-group] code { display: inline-flex; padding: 0.0625rem var(--space-snug); border: 1px solid var(--border-subtle); border-radius: var(--radius-chip); background: var(--surface-sunken); font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); color: var(--text-primary); }
:is([data-pine-reference-lead], [data-pine-reference-note], [data-unread-why]) code { padding: 0 0.3em; border-radius: var(--radius-chip); background: var(--surface-nested); color: var(--text-primary); }
[data-script-name] { font-weight: 500; color: var(--text-primary); }
[data-script-result] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-script-drift] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (min-width: 640px) { [data-table] tr:has([data-script-result]) > :is(td, th) { block-size: 2.75rem; vertical-align: middle; } }
[data-script-chip] { display: inline-flex; align-items: center; padding: 0 var(--space-base); border: 1px solid var(--border-subtle); border-radius: 2em; font-size: var(--size-micro); line-height: var(--leading-micro); letter-spacing: var(--tracking-micro); font-weight: 500; color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-script-actions] { display: flex; align-items: center; gap: var(--space-base); }
@media (max-width: 640px) { [data-page-actions]:has(> [data-script-actions]) { margin-inline-start: 0; inline-size: 100%; } [data-script-actions] { flex: 1 1 auto; } [data-script-actions] > [data-btn] { flex: 1 1 auto; justify-content: center; } }
[data-script-menu] { position: relative; }
[data-script-menu-list] { position: absolute; z-index: 90; inset-inline-end: 0; top: calc(100% + var(--space-hair)); min-inline-size: 12rem; display: grid; padding: var(--space-hair); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); box-shadow: var(--elevation-overlay); transform-origin: top right; animation: vanta-menu var(--duration-base) var(--motion-ease) both; }
[data-script-menu] [data-menu-row] { display: flex; align-items: center; gap: var(--space-base); inline-size: 100%; min-block-size: 2rem; padding: 0 var(--space-base); border: 0; border-radius: var(--radius-control); background: none; color: var(--text-primary); font: inherit; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-align: start; white-space: nowrap; cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease); }
[data-script-menu] [data-menu-row][data-tone='danger'] { color: var(--state-negative); }
@media (hover: hover) and (pointer: fine) { [data-script-menu] [data-menu-row]:hover { background: color-mix(in oklab, var(--state-negative) 12%, transparent); } }
[data-script-menu] [data-menu-row]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: -2px; background: color-mix(in oklab, var(--state-negative) 12%, transparent); }
[data-script-menu] [data-menu-row]:active { background: color-mix(in oklab, var(--state-negative) 20%, transparent); transition-duration: 0s; }
@media (pointer: coarse) { [data-script-menu] [data-menu-row] { min-block-size: 44px; } }
[data-script-summary] { display: grid; gap: var(--space-loose); }
[data-script-summary] [data-stat-value] time { font: inherit; }
[data-script-components] { display: grid; gap: var(--space-mid); }
[data-script-review] { display: grid; gap: var(--space-mid); align-items: start; min-inline-size: 0; }
@media (min-width: 1024px) { [data-script-review][data-has-unread='yes'] { grid-template-columns: minmax(0, 1fr) minmax(18rem, 23rem); } [data-unread-list] { position: sticky; top: calc(var(--bar-h, 3.5rem) + var(--space-mid)); max-block-size: calc(100svh - var(--bar-h, 3.5rem) - var(--space-gutter)); overflow-y: auto; overscroll-behavior: contain; } }
[data-unread-list] { display: grid; gap: var(--space-base); min-inline-size: 0; align-content: start; }
[data-unread-list] [data-unread-title] { display: flex; align-items: center; gap: var(--space-base); margin: 0; font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-unread-list] ol { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-base); }
li[data-unread] { display: grid; gap: var(--space-snug); margin: 0; padding: var(--space-loose); border: 1px solid var(--border-subtle); border-inline-start: 2px solid var(--state-caution); border-radius: var(--radius-control); background: var(--surface-base); }
[data-unread-head] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-snug) var(--space-base); }
[data-unread-where] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-unread-where] code { font-family: var(--font-mono); font-size: 0.95em; }
[data-panel] [data-unread-why] { margin: 0; max-width: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow-wrap: anywhere; }
[data-unread-kinds] { display: inline-flex; flex-wrap: wrap; gap: var(--space-snug); }
[data-panel] [data-unread-library] { margin: 0; max-width: none; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); overflow-wrap: anywhere; }
[data-unread-library] a { font-weight: 500; text-underline-offset: 3px; }
[data-unread-show] { justify-self: start; display: inline-flex; align-items: center; min-block-size: 1.5rem; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; text-decoration: none; }
@media (hover: hover) and (pointer: fine) { [data-unread-show]:hover { color: var(--accent-hover); text-decoration: underline; text-underline-offset: 3px; } }
@media (pointer: coarse) { [data-unread-show] { min-block-size: 44px; } }
[data-meter] { position: relative; display: block; inline-size: 100%; block-size: 6px; border-radius: 999px; background: var(--border-faint); overflow: hidden; }
[data-meter-fill] { position: absolute; inset: 0; display: block; border-radius: inherit; transform-origin: left center; transform: scaleX(var(--meter-fill, 0)); animation: vanta-meter-fill var(--duration-slow) var(--motion-ease) both; transition: transform var(--duration-slow) var(--motion-ease); }
@keyframes vanta-meter-fill { from { transform: scaleX(0); } }
[data-meter][data-tone='neutral'] > [data-meter-fill] { background: var(--text-muted); }
[data-meter][data-tone='positive'] > [data-meter-fill] { background: var(--state-positive); }
[data-meter][data-tone='attention'] > [data-meter-fill] { background: var(--state-caution); }
[data-meter][data-tone='danger'] > [data-meter-fill] { background: var(--state-negative); }
@media (prefers-reduced-motion: reduce) { [data-meter-fill] { animation: none; transition: none; } }
[data-network-lead] { margin: 0; font-size: var(--size-body); line-height: var(--leading-body); letter-spacing: var(--tracking-body); color: var(--text-muted); }
[data-network-jump] { grid-column: 1 / -1; }
[data-network-jump] > ul { display: flex; flex-wrap: wrap; gap: var(--space-base); margin: 0; padding: 0; list-style: none; }
[data-network-jump-link] { display: inline-flex; align-items: center; gap: var(--space-snug); min-block-size: 2rem; padding: 0 var(--space-loose); border: 1px solid var(--border-subtle); border-radius: 999px; background: var(--surface-raised); color: var(--text-muted); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 500; text-decoration: none; transition: color var(--duration-hover) var(--motion-ease), background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-network-jump-link]:hover { color: var(--text-primary); background: var(--hover-wash); border-color: var(--hover-border); } }
[data-network-jump-link]:focus-visible { outline: 2px solid var(--accent-base); outline-offset: 2px; }
[data-network-jump-link]:active { background: var(--press-wash); transition-duration: 0s; }
[data-jump-dot] { flex: none; inline-size: 6px; block-size: 6px; border-radius: 50%; background: var(--border-strong); }
[data-network-jump-link][data-tone='attention'] [data-jump-dot] { background: var(--state-caution); }
[data-network-jump-link][data-tone='danger'] [data-jump-dot] { background: var(--state-negative); }
@media (pointer: coarse) { [data-network-jump-link] { min-block-size: 44px; } }
[data-network-account] { display: grid; gap: var(--space-section); min-width: 0; scroll-margin-block-start: calc(var(--bar-h, 3.5rem) + 4.5rem); }
[data-panel]:has([data-network-account]:target) { animation: vanta-network-target 1.6s var(--motion-ease) both; }
@keyframes vanta-network-target { from { border-color: var(--accent-base); } }
[data-network-standing] { display: grid; gap: var(--space-base); }
[data-network-stage] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-network-target] { display: grid; gap: var(--space-base); min-inline-size: 11rem; }
[data-network-section] { display: grid; gap: var(--space-base); min-width: 0; }
[data-network-section] > [data-section-head] { margin: 0; }
[data-limits] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-loose); }
[data-limits] > :only-child { grid-column: 1 / -1; }
div[data-limit] { display: grid; gap: var(--space-base); align-content: start; padding: var(--space-loose) var(--space-mid); background: var(--surface-raised); border: 1px solid var(--border-faint); border-radius: var(--radius-panel); }
[data-limit-head] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-hair) var(--space-loose); }
[data-limit-label] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-limit-value] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-muted); font-variant-numeric: tabular-nums; }
[data-limit][data-tone='attention'] [data-limit-value] { color: var(--state-caution); }
[data-limit][data-tone='danger'] [data-limit-value] { color: var(--state-negative); }
[data-limit-note], [data-network-note] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
@media (max-width: 639px) { [data-limits] { grid-template-columns: minmax(0, 1fr); } [data-network-target] { min-inline-size: 0; } }
:is([data-network-notes], [data-network-accrual]) { display: grid; gap: var(--space-hair); margin: 0; padding: 0; list-style: none; }
[data-network-notes] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-network-accrual] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); font-variant-numeric: tabular-nums; }
[data-network-accrual] > li + li { color: var(--text-muted); }
[data-network-retry] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base) var(--space-loose); }
[data-network-down] { display: grid; }
[data-skeleton-network] { display: grid; gap: var(--space-section); }
[data-skeleton-meters] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-loose); }
[data-skeleton-meter] { display: grid; gap: var(--space-base); }
[data-skeleton-pills] { display: flex; flex-wrap: wrap; gap: var(--space-base); }
[data-skeleton-pill] { display: block; inline-size: 9rem; block-size: 2rem; border-radius: 999px; background: var(--surface-nested); }
[data-skeleton-refresh] { display: block; flex: none; inline-size: 7.5rem; block-size: 2rem; border-radius: var(--radius-control); background: var(--surface-nested); }
@media (pointer: coarse) { [data-skeleton-pill], [data-skeleton-refresh] { block-size: 44px; } }
@media (max-width: 479px) { [data-network-open] [data-open-word] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } [data-network-open] a[data-btn] { padding-inline: var(--space-snug); } }
@media (max-width: 639px) { [data-skeleton-meters] { grid-template-columns: minmax(0, 1fr); } }
[data-swarm-reply]:active, [data-tour-start]:active, [data-tour-next]:active, [data-tour-back]:active, [data-tour-stop]:active, [data-presence-stop]:active, [data-swarm-dismiss]:active, [data-ask-swarm-button]:active, [data-chal]:not([data-outcome]):active, [data-flow-release]:active, [data-live-toggle]:active, [data-swarm-launcher]:active { background: rgba(177,186,196,.2); transition-duration: 0s; }
[data-hover='card']:active, [data-hover='tile']:active, a[data-account-row]:active, tr[data-rowlink]:active > *, [data-choice-card]:active { background: var(--press-wash); transition-duration: 0s; }
[data-swarm-send]:not(:disabled):active { background: color-mix(in oklab, var(--accent-emphasis) 85%, #000); transition-duration: 0s; }
[data-composer-send]:not(:disabled):active { filter: brightness(.84); transition-duration: 0s; }
[data-guide-launcher]:active { background: #282e33; transition-duration: 0s; }
[data-rule-form] { display: grid; gap: var(--space-section); margin: 0; min-inline-size: 0; }
[data-rule-fields] { display: grid; gap: var(--space-section); min-inline-size: 0; }
[data-rule-choices] { display: grid; gap: var(--space-base); }
[data-rule-mode-error]:focus { outline: none; }
[data-rule-row] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-mid); align-items: start; }
[data-rule-segment] > [data-segctl] { display: flex; }
[data-rule-segment] > [data-segctl] > button { flex: 1 1 0; justify-content: center; }
[data-dialog-foot] > [data-rule-clear] { margin-inline-end: auto; color: var(--state-negative); }
@media (max-width: 639px) { [data-rule-row] { grid-template-columns: minmax(0, 1fr); gap: var(--space-section); } [data-dialog-foot] > [data-rule-clear] { flex-basis: 100%; justify-content: flex-start; padding-inline: 0; } }
[data-gnode-sub][data-rule-tone='warning'] { color: var(--state-caution); }
[data-gnode-sub][data-rule-tone='danger'] { color: var(--state-negative); }
[data-flow-rule] { background: var(--surface-raised); color: var(--accent-hover); border: 1px solid color-mix(in oklab, var(--accent-base) 45%, transparent); border-radius: var(--radius-control); padding: 4px 10px; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); cursor: pointer; margin-right: 6px; transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-flow-rule]:hover { background: color-mix(in oklab, var(--accent-base) 12%, var(--surface-raised)); border-color: color-mix(in oklab, var(--accent-base) 70%, transparent); } }
[data-flow-rule]:active { background: var(--press-wash); transition-duration: 0s; }
[data-tree-rule] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); min-inline-size: 0; }
[data-tree-rule][data-rule-tone='danger'] > [data-tro] { color: var(--state-negative); }
[data-tree-rule][data-rule-tone='warning'] > [data-tro] { color: var(--state-caution); }
[data-your-filters] [data-table-scroll], [data-where-used] [data-table-scroll] { margin-block-start: var(--space-mid); }
[data-where-used] { display: grid; gap: var(--space-loose); }
[data-where-used] > [data-table-scroll] { margin-block-start: 0; }
[data-filter-name] { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); min-inline-size: 0; }
[data-filter-source] { display: inline-flex; align-items: center; padding: 0 var(--space-snug); border: 1px solid color-mix(in oklab, var(--accent-base) 35%, transparent); border-radius: var(--radius-chip); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 500; color: var(--accent-hover); text-decoration: none; white-space: nowrap; transition: background-color var(--duration-hover) var(--motion-ease), border-color var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { [data-filter-source]:hover { background: var(--accent-wash); border-color: color-mix(in oklab, var(--accent-base) 70%, transparent); } }
[data-filter-source]:active { background: var(--press-wash); transition-duration: 0s; }
[data-filter-rule][data-rule-tone='warning'] { color: var(--state-caution); }
[data-filter-rule][data-rule-tone='danger'] { color: var(--state-negative); }
[data-filter-none] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); white-space: nowrap; }
[data-research-blocked] { display: grid; gap: var(--space-loose); justify-items: start; margin-block-start: var(--space-mid); }
@media (max-width: 639px) { :is([data-your-filters] [data-panel-body], [data-where-used] [data-table-scroll]) [data-table][data-stack] > tbody > tr > td[data-primary]:first-child { padding-inline-start: 0; } }
@media (max-width: 639px) { [data-your-filters] [data-table][data-stack] > tbody > tr > td:empty { display: none; } [data-your-filters] [data-table][data-stack] > tbody > tr > td:has(> [data-rule-open]) { justify-content: flex-start; padding-block-start: var(--space-base); } }
[data-calls-panel] { margin-top: var(--space-section); scroll-margin-top: var(--space-band); }
[data-calls-stack] { display: grid; gap: var(--space-loose); }
[data-calls-note] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-calls] { display: grid; gap: var(--space-mid); min-width: 0; }
[data-calls-chart] { display: grid; gap: var(--space-base); min-width: 0; }
[data-calls-chart-toggle] { display: none; }
[data-calls-chart-frame] { min-width: 0; border: 1px solid var(--border-faint); border-radius: var(--radius-panel); padding: var(--space-base); background: var(--surface-sunken); }
[data-calls-chart-frame] :is(table, tr, td) { /* cascade: the chart library's own table, unset from the panel's table rules, as [data-indicator-plot] does */ margin: 0; padding: 0; border: 0; inline-size: auto; }
[data-calls-chart-frame] td > * + * { /* cascade: the panel's gap between a cell's children, unset inside the chart */ margin: 0; }
[data-calls-chart-none] { border: 1px dashed var(--border-faint); border-radius: var(--radius-panel); padding: var(--space-loose) var(--space-mid); }
[data-calls-chart-none] [data-empty-state] { padding: 0; }
[data-calls-body] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: var(--space-mid); align-items: start; }
[data-calls-list] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: max-content max-content minmax(0, 1fr) max-content max-content; column-gap: var(--space-loose); min-width: 0; }
[data-call-day] { grid-column: 1 / -1; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 600; color: var(--text-muted); padding: var(--space-loose) var(--space-base) var(--space-hair); }
[data-call-day]:first-child { padding-top: 0; }
[data-call-line] { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; margin: 0; border-top: 1px solid var(--border-faint); }
[data-call-day] + [data-call-line] { border-top: 0; }
[data-call-row] { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; align-items: center; row-gap: var(--space-base); inline-size: 100%; min-height: 2.5rem; padding: var(--space-snug) var(--space-base); margin: 0; border: 0; border-radius: var(--radius-control); background: transparent; color: inherit; font: inherit; text-align: start; }
[data-call-row] > [data-call-clock], [data-call-row] > [data-call-span] { grid-column: 1; }
[data-call-row] > [data-call-what] { grid-column: 2; }
[data-call-row] > [data-call-why] { grid-column: 3; }
[data-call-row] > [data-call-figure] { grid-column: 4; }
[data-call-row] > [data-badge], [data-call-row] > [data-call-waiting] { grid-column: 5; justify-self: end; }
button[data-call-row] { cursor: pointer; transition: background-color var(--duration-hover) var(--motion-ease), box-shadow var(--duration-hover) var(--motion-ease); }
@media (hover: hover) and (pointer: fine) { button[data-call-row]:hover { background: var(--hover-wash); box-shadow: inset 2px 0 0 var(--accent-base); } }
button[data-call-row][aria-pressed='true'] { background: var(--surface-selected); box-shadow: inset 2px 0 0 var(--accent-emphasis); }
button[data-call-row]:active { background: var(--press-wash); transition-duration: 0s; }
button[data-call-row]:focus-visible { outline: 2px solid var(--accent-emphasis); outline-offset: -2px; }
[data-call-clock], [data-call-span] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-variant-numeric: tabular-nums; color: var(--text-muted); white-space: nowrap; }
[data-call-what] { display: inline-flex; align-items: center; gap: var(--space-base); white-space: nowrap; min-width: 0; }
[data-call-why] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-muted); }
[data-call-figure] { justify-self: end; font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap; }
[data-call-figure][data-none], [data-call-figure]:not(:has([data-num])) { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-call-waiting] { justify-self: end; display: inline-flex; align-items: center; gap: var(--space-hair); font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 600; color: var(--accent-emphasis); white-space: nowrap; }
[data-call-waiting]::before { content: ''; inline-size: 6px; block-size: 6px; border-radius: 50%; background: currentColor; }
[data-call-line][data-kind='gap'] [data-call-row] { color: var(--text-muted); background: repeating-linear-gradient(135deg, transparent 0 6px, var(--border-faint) 6px 7px); }
[data-call-line][data-kind='gap'] [data-call-what] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); gap: var(--space-hair); }
[data-call-detail] { display: grid; gap: var(--space-loose); padding: var(--space-mid); border: 1px solid var(--border-subtle); border-radius: var(--radius-panel); background: var(--surface-raised); min-width: 0; }
[data-call-detail-empty] { display: grid; gap: var(--space-base); justify-items: start; color: var(--text-muted); }
[data-call-detail-empty] p { margin: 0; }
[data-call-detail-body] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-call-detail-head] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-call-detail-why] { margin: 0; color: var(--text-primary); }
[data-call-detail-note] { margin: 0; font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-call-prices] { display: grid; grid-template-columns: repeat(auto-fill, minmax(5.5rem, 1fr)); gap: var(--space-base) var(--space-mid); margin: 0; }
[data-call-price] { display: grid; gap: var(--space-tight); min-width: 0; }
[data-call-price-term] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); color: var(--text-muted); }
[data-call-price-value] { font-variant-numeric: tabular-nums; font-weight: 600; }
[data-call-result] { display: flex; margin: 0; align-items: baseline; gap: var(--space-base); font-variant-numeric: tabular-nums; font-weight: 600; }
[data-call-estimated] { font-size: var(--size-caption); line-height: var(--leading-caption); letter-spacing: var(--tracking-caption); font-weight: 400; color: var(--text-muted); }
[data-grade-form] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-grade-form]:focus { outline: none; }
[data-grade-choice] { display: grid; gap: var(--space-base); justify-items: start; }
[data-grade-legend] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); font-weight: 600; color: var(--text-primary); }
[data-grade-saved] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-base); }
[data-call-sheet-foot] { display: contents; }
[data-observing] { display: grid; gap: var(--space-loose); justify-items: start; }
[data-observing-waiting] { margin: 0; font-weight: 600; }
[data-observing-calls] { list-style: none; margin: 0; padding: 0; display: grid; inline-size: 100%; }
[data-observing-call] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-loose); padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); }
[data-observing-call]:first-child { border-top: 0; }
[data-observing-call] [data-outcome] { font-variant-numeric: tabular-nums; font-weight: 600; }
@media (max-width: 1099px) { [data-calls-body] { grid-template-columns: minmax(0, 1fr); } [data-call-detail] { order: -1; } }
@media (max-width: 799px) { [data-call-detail] { display: none; } [data-calls-list] { grid-template-columns: minmax(0, 1fr); } [data-call-line] { grid-template-columns: minmax(0, 1fr); } [data-call-row] { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: 'when what figure' 'why why why' 'grade grade grade'; column-gap: var(--space-loose); row-gap: var(--space-hair); } [data-call-row] > [data-call-clock], [data-call-row] > [data-call-span] { grid-area: when; } [data-call-row] > [data-call-what] { grid-area: what; } [data-call-row] > [data-call-why] { grid-area: why; white-space: normal; } [data-call-row] > [data-call-figure] { grid-area: figure; } [data-call-row] > [data-badge], [data-call-row] > [data-call-waiting] { grid-area: grade; justify-self: start; } [data-call-what] { flex-wrap: wrap; row-gap: var(--space-hair); } }
@media (max-width: 639px) { [data-calls-chart-toggle] { display: block; } [data-calls-chart]:not([data-open]) [data-calls-chart-body] { block-size: 0; overflow: hidden; visibility: hidden; } }
@media (pointer: coarse) { [data-call-row] { min-height: 44px; } }
[data-rules-panel] { margin-top: var(--space-section); }
[data-deployment-rules] { display: grid; gap: var(--space-loose); min-width: 0; }
[data-deployment-rules] > *, [data-deployment-rules] [data-rules-verdict] > * { margin: 0; }
[data-rules-verdict] { display: grid; gap: var(--space-base); }
[data-rules-verdict-line] { font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-deployment-rules] [data-rules-heading] { margin: 0 0 var(--space-hair); }
[data-rules-tie-in] > p { margin: 0; }
[data-rules-positions] { list-style: none; margin: 0; padding: 0; display: grid; }
[data-rules-position] { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-hair) var(--space-base); margin: 0; padding: var(--space-base) 0; border-top: 1px solid var(--border-faint); font-size: var(--size-small); line-height: var(--leading-small); letter-spacing: var(--tracking-small); color: var(--text-primary); }
[data-rules-position]:first-child { border-top: none; padding-top: 0; }
[data-rules-position] [data-rules-position-name] { font-weight: 600; }
[data-rules-position] > [data-disclose], [data-rules-finding-read] { flex-basis: 100%; margin: 0; }
[data-rules-finding-read] [data-disclose] { margin: 0; }
[data-rules-finding-open] { display: contents; }
[data-deployment-rules] [data-tone='positive'] { color: var(--state-positive); font-variant-numeric: tabular-nums; }
[data-deployment-rules] [data-tone='negative'] { color: var(--state-negative); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after, *::backdrop { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }