/* Generated by pnpm --filter @aim-agents/ui gen. Do not edit. */
:root {
  --ui-tone: var(--ui-agent-a);
  --ui-tone-soft: var(--ui-agent-a-soft);
  --ui-tone-ink: var(--ui-agent-a-ink);
  --ui-bg: #ffffff;
  --ui-bg-soft: #f3f5f8;
  --ui-surface: #ffffff;
  --ui-surface-2: #fafbfc;
  --ui-text: #0b1220;
  --ui-text-faint: #9aa3b2;
  --ui-text-muted: #5f6b7d;
  --ui-line: #e3e7ee;
  --ui-line-strong: #c9d0db;
  --ui-agent-a: #0ea5b7;
  --ui-agent-b: #f59e0b;
  --ui-agent-c: #6366f1;
  --ui-people: #8b5cf6;
  --ui-agent-a-soft: #e2f6f8;
  --ui-agent-b-soft: #fdf1dc;
  --ui-agent-c-soft: #e9eafd;
  --ui-people-soft: #f1ebfe;
  --ui-agent-a-ink: #08707b;
  --ui-agent-b-ink: #8a5100;
  --ui-agent-c-ink: #4338ca;
  --ui-people-ink: #7c3aed;
  --ui-cta-bg: #0a1426;
  --ui-cta-fg: #ffffff;
  --ui-dots: #cdd3dd;
  --ui-brand-gradient: linear-gradient(92deg, var(--ui-agent-a), var(--ui-agent-c) 52%, var(--ui-agent-b));
  --ui-ok: #12a150;
  --ui-ok-soft: #dcfce7;
  --ui-ok-ink: #166534;
  --ui-warn: #7d9000;
  --ui-warn-soft: #f0f6d5;
  --ui-warn-ink: #526000;
  --ui-danger: #dc2626;
  --ui-danger-soft: #fee2e2;
  --ui-danger-ink: #991b1b;
  --ui-code-bg: #0a1426;
  --ui-code-fg: #dfe6f2;
  --ui-focus: #6366f1;
  --ui-mask-solid: #000000;
  --ui-font-ui: "Geist", "Inter", system-ui, sans-serif;
  --ui-font-read: "Geist", "Inter", system-ui, sans-serif;
  --ui-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ui-fs-xs: 11px;
  --ui-fs-sm: 12.5px;
  --ui-fs-md: 14px;
  --ui-fs-ui: 14px;
  --ui-fs-body: 15px;
  --ui-fs-lg: 16px;
  --ui-fs-xl: 20px;
  --ui-fs-title: 22px;
  --ui-fs-2xl: 28px;
  --ui-lh-tight: 1.2;
  --ui-lh-normal: 1.5;
  --ui-lh-body: 1.6;
  --ui-weight-normal: 400;
  --ui-weight-medium: 550;
  --ui-weight-semibold: 650;
  --ui-weight-bold: 700;
  --ui-weight-heavy: 800;
  --ui-tracking-caps: .1em;
  --ui-sp-1: 4px;
  --ui-sp-2: 8px;
  --ui-sp-3: 12px;
  --ui-sp-4: 16px;
  --ui-sp-5: 24px;
  --ui-sp-6: 32px;
  --ui-sp-7: 48px;
  --ui-sp-8: 64px;
  --ui-pane-rail: 264px;
  --ui-pane-side: 328px;
  --ui-pane-side-compact: 300px;
  --ui-r-sm: 0;
  --ui-r-md: 0;
  --ui-r-lg: 0;
  --ui-r-xl: 0;
  --ui-r-full: 0;
  --ui-shadow: 0 12px 30px -20px rgba(10, 20, 38, .25);
  --ui-duration-fast: 150ms;
  --ui-duration-normal: 400ms;
  --ui-duration-blink: 1.4s;
  --ui-duration-typing: 1.2s;
  --ui-ease-standard: ease;
  --ui-ease-out: ease-out;
  --ui-ease-blink: steps(2, end);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --ui-tone: var(--ui-agent-a);
  --ui-tone-soft: var(--ui-agent-a-soft);
  --ui-tone-ink: var(--ui-agent-a-ink);
  --ui-bg: #0a0f17;
  --ui-bg-soft: #111827;
  --ui-surface: #121a28;
  --ui-surface-2: #0f1622;
  --ui-text: #e8edf5;
  --ui-text-faint: #5d6a7e;
  --ui-text-muted: #9aa6b8;
  --ui-line: #222c3d;
  --ui-line-strong: #34405a;
  --ui-agent-a-soft: #0e2f35;
  --ui-agent-b-soft: #33270f;
  --ui-agent-c-soft: #1c1d45;
  --ui-people-soft: #261d40;
  --ui-agent-a-ink: #5fd3e0;
  --ui-agent-b-ink: #f5bb57;
  --ui-agent-c-ink: #a5b4fc;
  --ui-people-ink: #c4a8fb;
  --ui-cta-bg: #eef2f8;
  --ui-cta-fg: #0b1220;
  --ui-dots: #263045;
  --ui-brand-gradient: linear-gradient(92deg, var(--ui-agent-a), var(--ui-agent-c) 52%, var(--ui-agent-b));
  --ui-ok: #3ddc84;
  --ui-ok-soft: #102e21;
  --ui-ok-ink: #86efac;
  --ui-warn: #c4df38;
  --ui-warn-soft: #252d0a;
  --ui-warn-ink: #d4e867;
  --ui-danger: #f87171;
  --ui-danger-soft: #3c1720;
  --ui-danger-ink: #fca5a5;
  --ui-code-bg: #070b12;
  --ui-shadow: 0 12px 30px -18px rgba(0, 0, 0, .7);
  color-scheme: dark;
  }
}
[data-theme="dark"] {
  --ui-tone: var(--ui-agent-a);
  --ui-tone-soft: var(--ui-agent-a-soft);
  --ui-tone-ink: var(--ui-agent-a-ink);
  --ui-bg: #0a0f17;
  --ui-bg-soft: #111827;
  --ui-surface: #121a28;
  --ui-surface-2: #0f1622;
  --ui-text: #e8edf5;
  --ui-text-faint: #5d6a7e;
  --ui-text-muted: #9aa6b8;
  --ui-line: #222c3d;
  --ui-line-strong: #34405a;
  --ui-agent-a-soft: #0e2f35;
  --ui-agent-b-soft: #33270f;
  --ui-agent-c-soft: #1c1d45;
  --ui-people-soft: #261d40;
  --ui-agent-a-ink: #5fd3e0;
  --ui-agent-b-ink: #f5bb57;
  --ui-agent-c-ink: #a5b4fc;
  --ui-people-ink: #c4a8fb;
  --ui-cta-bg: #eef2f8;
  --ui-cta-fg: #0b1220;
  --ui-dots: #263045;
  --ui-brand-gradient: linear-gradient(92deg, var(--ui-agent-a), var(--ui-agent-c) 52%, var(--ui-agent-b));
  --ui-ok: #3ddc84;
  --ui-ok-soft: #102e21;
  --ui-ok-ink: #86efac;
  --ui-warn: #c4df38;
  --ui-warn-soft: #252d0a;
  --ui-warn-ink: #d4e867;
  --ui-danger: #f87171;
  --ui-danger-soft: #3c1720;
  --ui-danger-ink: #fca5a5;
  --ui-code-bg: #070b12;
  --ui-shadow: 0 12px 30px -18px rgba(0, 0, 0, .7);
  color-scheme: dark;
}
[data-theme="light"] {
  --ui-tone: var(--ui-agent-a);
  --ui-tone-soft: var(--ui-agent-a-soft);
  --ui-tone-ink: var(--ui-agent-a-ink);
  --ui-bg: #ffffff;
  --ui-bg-soft: #f3f5f8;
  --ui-surface: #ffffff;
  --ui-surface-2: #fafbfc;
  --ui-text: #0b1220;
  --ui-text-faint: #9aa3b2;
  --ui-text-muted: #5f6b7d;
  --ui-line: #e3e7ee;
  --ui-line-strong: #c9d0db;
  --ui-agent-a: #0ea5b7;
  --ui-agent-b: #f59e0b;
  --ui-agent-c: #6366f1;
  --ui-people: #8b5cf6;
  --ui-agent-a-soft: #e2f6f8;
  --ui-agent-b-soft: #fdf1dc;
  --ui-agent-c-soft: #e9eafd;
  --ui-people-soft: #f1ebfe;
  --ui-agent-a-ink: #08707b;
  --ui-agent-b-ink: #8a5100;
  --ui-agent-c-ink: #4338ca;
  --ui-people-ink: #7c3aed;
  --ui-cta-bg: #0a1426;
  --ui-cta-fg: #ffffff;
  --ui-dots: #cdd3dd;
  --ui-brand-gradient: linear-gradient(92deg, var(--ui-agent-a), var(--ui-agent-c) 52%, var(--ui-agent-b));
  --ui-ok: #12a150;
  --ui-ok-soft: #dcfce7;
  --ui-ok-ink: #166534;
  --ui-warn: #7d9000;
  --ui-warn-soft: #f0f6d5;
  --ui-warn-ink: #526000;
  --ui-danger: #dc2626;
  --ui-danger-soft: #fee2e2;
  --ui-danger-ink: #991b1b;
  --ui-code-bg: #0a1426;
  --ui-code-fg: #dfe6f2;
  --ui-focus: #6366f1;
  --ui-mask-solid: #000000;
  --ui-font-ui: "Geist", "Inter", system-ui, sans-serif;
  --ui-font-read: "Geist", "Inter", system-ui, sans-serif;
  --ui-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ui-fs-xs: 11px;
  --ui-fs-sm: 12.5px;
  --ui-fs-md: 14px;
  --ui-fs-ui: 14px;
  --ui-fs-body: 15px;
  --ui-fs-lg: 16px;
  --ui-fs-xl: 20px;
  --ui-fs-title: 22px;
  --ui-fs-2xl: 28px;
  --ui-lh-tight: 1.2;
  --ui-lh-normal: 1.5;
  --ui-lh-body: 1.6;
  --ui-weight-normal: 400;
  --ui-weight-medium: 550;
  --ui-weight-semibold: 650;
  --ui-weight-bold: 700;
  --ui-weight-heavy: 800;
  --ui-tracking-caps: .1em;
  --ui-sp-1: 4px;
  --ui-sp-2: 8px;
  --ui-sp-3: 12px;
  --ui-sp-4: 16px;
  --ui-sp-5: 24px;
  --ui-sp-6: 32px;
  --ui-sp-7: 48px;
  --ui-sp-8: 64px;
  --ui-pane-rail: 264px;
  --ui-pane-side: 328px;
  --ui-pane-side-compact: 300px;
  --ui-r-sm: 0;
  --ui-r-md: 0;
  --ui-r-lg: 0;
  --ui-r-xl: 0;
  --ui-r-full: 0;
  --ui-shadow: 0 12px 30px -20px rgba(10, 20, 38, .25);
  --ui-duration-fast: 150ms;
  --ui-duration-normal: 400ms;
  --ui-duration-blink: 1.4s;
  --ui-duration-typing: 1.2s;
  --ui-ease-standard: ease;
  --ui-ease-out: ease-out;
  --ui-ease-blink: steps(2, end);
  color-scheme: light;
}

@font-face {
  font-family: "Geist";
  src: url("/static/geist.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/static/geist-mono.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
.ui-root,
.ui-root *,
.ui-root *::before,
.ui-root *::after {
  box-sizing: border-box;
}
.ui-root {
  margin: 0;
  background: var(--ui-bg);
  color: var(--ui-text);
  font-family: var(--ui-font-ui);
  font-size: var(--ui-fs-ui);
  line-height: var(--ui-lh-normal);
  -webkit-font-smoothing: antialiased;
}
.ui-root a {
  color: var(--ui-agent-a-ink);
  text-underline-offset: 0.15em;
}
.ui-root code,
.ui-root pre {
  font-family: var(--ui-font-mono);
}
:where(.ui-root) button,
:where(.ui-root) input,
:where(.ui-root) textarea,
:where(.ui-root) select {
  font: inherit;
  color: inherit;
}
.ui-root button {
  cursor: pointer;
}
.ui-root :focus-visible {
  outline: 2px solid var(--ui-focus);
  outline-offset: 2px;
}
.ui-root [hidden] {
  display: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .ui-root *,
  .ui-root *::before,
  .ui-root *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

.ui-tone--a {
  --ui-tone: var(--ui-agent-a);
  --ui-tone-soft: var(--ui-agent-a-soft);
  --ui-tone-ink: var(--ui-agent-a-ink);
}
.ui-tone--b {
  --ui-tone: var(--ui-agent-b);
  --ui-tone-soft: var(--ui-agent-b-soft);
  --ui-tone-ink: var(--ui-agent-b-ink);
}
.ui-tone--c {
  --ui-tone: var(--ui-agent-c);
  --ui-tone-soft: var(--ui-agent-c-soft);
  --ui-tone-ink: var(--ui-agent-c-ink);
}
.ui-tone--people {
  --ui-tone: var(--ui-people);
  --ui-tone-soft: var(--ui-people-soft);
  --ui-tone-ink: var(--ui-people-ink);
}
.ui-btn,
.ui-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ui-sp-2);
  height: 36px;
  padding: 0 var(--ui-sp-4);
  border-radius: var(--ui-r-md);
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  color: var(--ui-text);
  font-family: var(--ui-font-ui);
  font-size: var(--ui-fs-md);
  font-weight: var(--ui-weight-medium);
  white-space: nowrap;
  transition: background var(--ui-duration-fast) var(--ui-ease-standard);
}
.ui-btn:hover,
.ui-icon-btn:hover {
  border-color: var(--ui-line-strong);
}
.ui-btn--primary,
.ui-btn--primary:hover {
  background: var(--ui-cta-bg);
  border-color: var(--ui-cta-bg);
  color: var(--ui-cta-fg);
}
.ui-btn--ghost {
  border-color: transparent;
  background: transparent;
}
.ui-btn--danger {
  color: var(--ui-danger-ink);
  border-color: var(--ui-danger);
}
.ui-btn--danger:hover {
  background: var(--ui-danger-ink);
  color: var(--ui-danger-soft);
}
.ui-btn--sm {
  height: 30px;
  padding: 0 var(--ui-sp-3);
}
.ui-btn--md {
  min-height: 36px;
}
.ui-btn--default {
  border-color: var(--ui-line);
}
.ui-btn--block {
  width: 100%;
}
.ui-icon-btn {
  width: 30px;
  height: 30px;
  padding: 0;
  flex-shrink: 0;
}
.ui-btn:disabled,
.ui-icon-btn:disabled,
.ui-input:disabled,
.ui-select:disabled,
.ui-textarea:disabled,
.ui-checkbox:disabled,
.ui-switch:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-field {
  display: grid;
  gap: var(--ui-sp-2);
}
.ui-root .ui-input,
.ui-root .ui-textarea,
.ui-root .ui-select {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  padding: var(--ui-sp-2) var(--ui-sp-3);
  width: 100%;
  font-family: var(--ui-font-ui);
  font-size: var(--ui-fs-ui);
}
.ui-input[aria-invalid="true"],
.ui-textarea[aria-invalid="true"],
.ui-select[aria-invalid="true"] {
  border-color: var(--ui-danger);
}
.ui-textarea {
  resize: vertical;
  min-height: 72px;
}
.ui-checkbox {
  appearance: none;
  display: inline-grid;
  place-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-sm);
  background: var(--ui-surface);
  vertical-align: middle;
}
.ui-checkbox:checked {
  background: var(--ui-text);
  border-color: var(--ui-text);
}
/* Mixed state takes precedence over checked and keeps the square outline. */
.ui-checkbox:indeterminate {
  background: var(--ui-surface);
  border-color: var(--ui-text);
}
.ui-checkbox:indeterminate::before {
  content: "";
  width: 8px;
  height: 2px;
  background: var(--ui-text);
}
.ui-switch {
  appearance: none;
  width: 36px;
  height: 22px;
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-full);
  background: var(--ui-bg-soft);
  vertical-align: middle;
  cursor: pointer;
}
.ui-switch::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 2px;
  border-radius: var(--ui-r-full);
  background: var(--ui-text-muted);
  transition: transform var(--ui-duration-fast) var(--ui-ease-standard);
}
.ui-switch:checked {
  border-color: var(--ui-agent-a);
}
.ui-switch:checked::before {
  transform: translateX(14px);
  background: var(--ui-agent-a-ink);
}
.ui-label,
.ui-turn-note,
.ui-turn__meta {
  font-family: var(--ui-font-mono);
}
.ui-tab {
  font-family: var(--ui-font-ui);
}
.ui-label {
  text-transform: uppercase;
  letter-spacing: var(--ui-tracking-caps);
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
}
.ui-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-xs);
  color: var(--ui-tone-ink);
  background: var(--ui-tone-soft);
  border: 1px solid transparent;
  border-radius: var(--ui-r-full);
  padding: 2px var(--ui-sp-3);
}
.ui-badge--neutral {
  color: var(--ui-text-muted);
  background: var(--ui-bg-soft);
}
.ui-kbd {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-xs);
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-sm);
  padding: 0 var(--ui-sp-1);
}
.ui-avatar {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  font-family: var(--ui-font-ui);
  font-size: var(--ui-fs-xs);
  font-weight: var(--ui-weight-bold);
  background: var(--ui-tone-soft);
  color: var(--ui-tone-ink);
  border: 1px solid transparent;
  flex-shrink: 0;
}
.ui-avatar--person {
  border-radius: var(--ui-r-full);
}
.ui-avatar--agent {
  border-radius: var(--ui-r-sm);
  font-family: var(--ui-font-mono);
}
.ui-avatar-pair {
  grid-row: 1 / 3;
  display: inline-flex;
}
.ui-avatar-pair > .ui-avatar {
  width: 11px;
  height: 11px;
  border: 0;
  background: var(--ui-tone);
}
.ui-avatar-pair > .ui-avatar + .ui-avatar {
  margin-left: 3px;
}
.ui-status-dot {
  font-family: var(--ui-font-mono);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
}
.ui-status-dot::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: var(--ui-r-full);
  background: var(--ui-ok);
}
.ui-status-dot--live::before,
.ui-status-dot--online::before {
  animation: ui-blink var(--ui-duration-blink) var(--ui-ease-blink) infinite;
}
.ui-status-dot--online::before {
  background: var(--ui-ok);
}
.ui-status-dot--idle::before {
  background: var(--ui-text-faint);
}
.ui-card,
.ui-card-group {
  border: 1px solid var(--ui-line);
  background: var(--ui-surface);
  border-radius: var(--ui-r-lg);
  padding: var(--ui-sp-3);
}
.ui-card-group > * + * {
  margin-top: var(--ui-sp-3);
  padding-top: var(--ui-sp-3);
  border-top: 1px dashed var(--ui-line);
}
.ui-card-group > .ui-card {
  border: 0;
  padding: 0;
}
.ui-card-group > .ui-card + .ui-card {
  padding-top: var(--ui-sp-3);
  border-top: 1px dashed var(--ui-line);
}
.ui-link-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-sp-2);
  min-height: 32px;
  padding: 0 var(--ui-sp-3);
  border-radius: var(--ui-r-full);
  border: 0;
  background: var(--ui-cta-bg);
  color: var(--ui-cta-fg);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-sm);
}
.ui-link-chip b {
  font-weight: var(--ui-weight-bold);
  background: var(--ui-brand-gradient);
  background-clip: text;
  color: transparent;
}
.ui-link-chip .ui-icon-btn {
  background: transparent;
  color: inherit;
  border: 0;
}
.ui-tabs {
  display: flex;
  border-bottom: 1px solid var(--ui-line);
  background: var(--ui-bg);
}
.ui-tab {
  flex: 1;
  min-height: 44px;
  border: 0;
  background: transparent;
  font-size: var(--ui-fs-sm);
  font-weight: var(--ui-weight-medium);
  color: var(--ui-text-muted);
  border-bottom: 2px solid transparent;
}
.ui-tab[aria-selected="true"] {
  color: var(--ui-text);
  border-bottom-color: var(--ui-agent-c);
}
.ui-list-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 2px var(--ui-sp-3);
  align-items: center;
  width: 100%;
  text-align: left;
  padding: var(--ui-sp-3) var(--ui-sp-2);
  border: 0;
  border-left: 2px solid transparent;
  background: transparent;
  border-radius: var(--ui-r-md);
  color: var(--ui-text);
  font-family: var(--ui-font-ui);
}
.ui-list-item:hover {
  background: var(--ui-bg-soft);
}
.ui-list-item[aria-current="true"] {
  background: var(--ui-surface);
  border-left-color: var(--ui-agent-c);
  box-shadow: inset 0 0 0 1px var(--ui-line), var(--ui-shadow);
}
.ui-list-item__leading {
  grid-row: 1 / 3;
}
.ui-list-item__title {
  font-weight: var(--ui-weight-medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-list-item__subtitle {
  grid-column: 2 / 4;
  color: var(--ui-text-muted);
  font-family: var(--ui-font-read);
  font-size: var(--ui-fs-body);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-list-item__meta {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
}
.ui-list-item[data-unread="true"] .ui-list-item__title::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: var(--ui-r-full);
  background: var(--ui-agent-b);
  margin-left: 6px;
}
.ui-turn {
  position: relative;
  padding: 0 0 var(--ui-sp-5) var(--ui-sp-6);
  animation: ui-rise var(--ui-duration-normal) both;
}
.ui-turn::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 19px;
  bottom: -2px;
  width: 2px;
  background: linear-gradient(var(--ui-tone), transparent);
  opacity: 0.45;
}
.ui-turn::after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 7.5px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px var(--ui-tone-soft);
  border-radius: var(--ui-r-full);
  background: var(--ui-tone);
}
.ui-turn__meta {
  display: flex;
  align-items: baseline;
  gap: var(--ui-sp-2);
  font-size: var(--ui-fs-sm);
}
.ui-turn__meta strong {
  color: var(--ui-tone-ink);
  font-weight: var(--ui-weight-semibold);
}
.ui-turn__meta span,
.ui-turn__meta time {
  color: var(--ui-text-muted);
  font-size: var(--ui-fs-xs);
}
.ui-turn__meta span {
  text-transform: none;
  letter-spacing: 0;
}
.ui-turn__meta time {
  margin-left: auto;
}
.ui-turn__body {
  margin-top: var(--ui-sp-1);
  font-family: var(--ui-font-read);
  font-size: var(--ui-fs-body);
  line-height: var(--ui-lh-body);
}
.ui-turn__body p {
  margin: 0 0 var(--ui-sp-2);
}
.ui-turn__body code:not(pre code) {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-sm);
  background: var(--ui-bg-soft);
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-sm);
  padding: 1px var(--ui-sp-1);
}
.ui-turn__body pre {
  margin: var(--ui-sp-2) 0;
  padding: var(--ui-sp-3) var(--ui-sp-4);
  background: var(--ui-code-bg);
  color: var(--ui-code-fg);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-sm);
  line-height: var(--ui-lh-body);
  overflow-x: auto;
}
.ui-turn-note {
  display: flex;
  align-items: center;
  gap: var(--ui-sp-2);
  margin: 0 0 var(--ui-sp-5) var(--ui-sp-6);
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-full);
  padding: var(--ui-sp-1) var(--ui-sp-3);
  width: fit-content;
  background: var(--ui-surface);
}
.ui-typing {
  display: inline-flex;
  gap: var(--ui-sp-1);
  align-items: center;
  height: 22px;
}
.ui-typing i {
  width: 5px;
  height: 5px;
  border-radius: var(--ui-r-full);
  background: var(--ui-tone);
  animation: ui-dot var(--ui-duration-typing) infinite;
}
.ui-typing i:nth-child(2) {
  animation-delay: var(--ui-duration-fast);
}
.ui-typing i:nth-child(3) {
  animation-delay: calc(var(--ui-duration-fast) * 2);
}
.ui-bubble {
  max-width: 88%;
}
.ui-bubble__who {
  font-family: var(--ui-font-mono);
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
  margin-bottom: 2px;
}
.ui-bubble__body {
  margin: 0;
  padding: var(--ui-sp-2) var(--ui-sp-3);
  border-radius: var(--ui-r-lg);
  background: var(--ui-surface);
  border: 1px solid var(--ui-line);
  font-family: var(--ui-font-read);
  font-size: var(--ui-fs-body);
}
.ui-bubble--own {
  align-self: flex-end;
}
.ui-bubble--own .ui-bubble__who {
  text-align: right;
}
.ui-bubble--own .ui-bubble__body {
  background: var(--ui-people-soft);
  color: var(--ui-text);
  border-color: transparent;
}
.ui-bubble--other {
  align-self: flex-start;
}
.ui-composer {
  padding: var(--ui-sp-3) var(--ui-sp-4) var(--ui-sp-4);
}
.ui-composer__box {
  display: flex;
  align-items: center;
  gap: var(--ui-sp-2);
  border: 1px solid var(--ui-line-strong);
  background: var(--ui-surface);
  border-radius: var(--ui-r-lg);
  padding: var(--ui-sp-2) var(--ui-sp-2) var(--ui-sp-2) var(--ui-sp-3);
}
.ui-composer__box::before {
  content: ">";
  color: var(--ui-people-ink);
  font-family: var(--ui-font-mono);
}
.ui-composer__box:focus-within {
  border-color: var(--ui-people);
  box-shadow: 0 0 0 3px var(--ui-people-soft);
}
.ui-composer .ui-icon-btn {
  background: var(--ui-people);
  color: var(--ui-code-fg);
  border: 0;
}
.ui-composer .ui-textarea:focus-visible {
  outline: 0;
}
.ui-composer .ui-textarea {
  flex: 1;
  min-width: 0;
  border: 0;
  resize: none;
  background: transparent;
  min-height: calc(var(--ui-fs-body) * var(--ui-lh-body) + 2 * var(--ui-sp-1));
  height: calc(var(--ui-fs-body) * var(--ui-lh-body) + 2 * var(--ui-sp-1));
  line-height: var(--ui-lh-body);
  overflow-y: auto;
  padding: var(--ui-sp-1) 0;
  font-family: var(--ui-font-read);
  font-size: var(--ui-fs-body);
}
.ui-composer__hint {
  margin-top: var(--ui-sp-2);
  font-size: var(--ui-fs-xs);
  color: var(--ui-text-muted);
}
.ui-app-shell {
  height: 100dvh;
  display: grid;
  grid-template-columns: var(--ui-pane-rail) minmax(0, 1fr) var(--ui-pane-side);
}
.ui-app-shell__rail,
.ui-app-shell__side {
  background: var(--ui-surface-2);
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: auto;
}
.ui-app-shell__rail {
  border-right: 1px solid var(--ui-line);
}
.ui-app-shell__side {
  border-left: 1px solid var(--ui-line);
}
.ui-app-shell__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.ui-app-shell > .ui-tabs {
  display: none;
}
.ui-pane-header {
  padding: var(--ui-sp-4) var(--ui-sp-5);
  border-bottom: 1px solid var(--ui-line);
  display: flex;
  align-items: center;
  gap: var(--ui-sp-4);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.ui-pane-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(var(--ui-dots) 1px, transparent 1.2px);
  background-size: 18px 18px;
  opacity: 0.7;
  mask-image: linear-gradient(90deg, transparent 35%, var(--ui-mask-solid));
  pointer-events: none;
}
.ui-pane-header > * {
  position: relative;
}
.ui-pane-header h1 {
  font-size: var(--ui-fs-xl);
  font-weight: var(--ui-weight-semibold);
  margin: 0;
  line-height: var(--ui-lh-tight);
}
.ui-pane-header .ui-link-chip {
  margin-left: auto;
}
.ui-dialog {
  border: 1px solid var(--ui-line);
  border-radius: var(--ui-r-lg);
  background: var(--ui-surface);
  color: var(--ui-text);
  padding: var(--ui-sp-5);
  max-width: min(480px, calc(100vw - 32px));
}
.ui-dialog::backdrop {
  background: var(--ui-mask-solid);
  opacity: 0.5;
}
.ui-dialog p,
.ui-dialog__body,
.ui-empty-state,
.ui-banner {
  font-family: var(--ui-font-read);
  font-size: var(--ui-fs-body);
}
.ui-dialog h1,
.ui-dialog h2,
.ui-empty-state h2,
.ui-banner h2 {
  font-family: var(--ui-font-ui);
}
.ui-empty-state {
  background: var(--ui-surface);
  border: 1px solid var(--ui-line);
  text-align: center;
  padding: var(--ui-sp-8) var(--ui-sp-5);
  color: var(--ui-text-muted);
}
.ui-banner {
  border: 1px solid var(--ui-line-strong);
  border-radius: var(--ui-r-md);
  background: var(--ui-surface);
  color: var(--ui-text);
  padding: var(--ui-sp-3) var(--ui-sp-4);
}
.ui-banner--info {
  background: var(--ui-agent-a-soft);
  color: var(--ui-agent-a-ink);
}
.ui-banner--warn {
  background: var(--ui-warn-soft);
  color: var(--ui-warn-ink);
}
.ui-banner--danger {
  background: var(--ui-danger-soft);
  color: var(--ui-danger-ink);
}
.ui-logo {
  display: inline-flex;
  align-items: center;
  font-family: var(--ui-font-ui);
  font-weight: var(--ui-weight-semibold);
  font-size: var(--ui-fs-lg);
  gap: var(--ui-sp-2);
}
.ui-logo-mark {
  width: 22px;
  height: 22px;
}
@keyframes ui-rise {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes ui-dot {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.5;
  }
  30% {
    transform: translateY(-3px);
    opacity: 1;
  }
}
@keyframes ui-blink {
  50% {
    opacity: 0.25;
  }
}
@media (max-width: 1080px) {
  .ui-app-shell {
    grid-template-columns: minmax(0, 1fr) var(--ui-pane-side-compact);
  }
  .ui-app-shell__rail {
    display: none;
  }
}
@media (max-width: 760px) {
  .ui-app-shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .ui-app-shell > .ui-tabs {
    display: flex;
    grid-row: 1;
  }
  .ui-app-shell[data-tab="agents"] .ui-app-shell__side,
  .ui-app-shell[data-tab="people"] .ui-app-shell__main {
    display: none;
  }
  .ui-app-shell__side {
    border-left: 0;
  }
  .ui-pane-header {
    flex-wrap: wrap;
    padding: var(--ui-sp-3) var(--ui-sp-4);
  }
  .ui-pane-header .ui-link-chip {
    margin-left: 0;
  }
}