/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: rotateX(0);
      --tw-rotate-y: rotateY(0);
      --tw-rotate-z: rotateZ(0);
      --tw-skew-x: skewX(0);
      --tw-skew-y: skewY(0);
      --tw-border-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  .tailwind, .tailwind :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
  }
}

@layer base {
  .tailwind *, .tailwind :after, .tailwind :before, .tailwind ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  .tailwind ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  .tailwind html, .tailwind :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  .tailwind body {
    line-height: inherit;
  }

  .tailwind hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  .tailwind abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  .tailwind h1, .tailwind h2, .tailwind h3, .tailwind h4, .tailwind h5, .tailwind h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  .tailwind a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  .tailwind b, .tailwind strong {
    font-weight: bolder;
  }

  .tailwind code, .tailwind kbd, .tailwind samp, .tailwind pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  .tailwind small {
    font-size: 80%;
  }

  .tailwind sub, .tailwind sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  .tailwind sub {
    bottom: -.25em;
  }

  .tailwind sup {
    top: -.5em;
  }

  .tailwind table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  .tailwind :-moz-focusring {
    outline: auto;
  }

  .tailwind progress {
    vertical-align: baseline;
  }

  .tailwind summary {
    display: list-item;
  }

  .tailwind ol, .tailwind ul, .tailwind menu {
    list-style: none;
  }

  .tailwind img, .tailwind svg, .tailwind video, .tailwind canvas, .tailwind audio, .tailwind iframe, .tailwind embed, .tailwind object {
    vertical-align: middle;
    display: block;
  }

  .tailwind img, .tailwind video {
    max-width: 100%;
    height: auto;
  }

  .tailwind button, .tailwind input, .tailwind select, .tailwind optgroup, .tailwind textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    background-color: #0000;
    border-radius: 0;
  }

  .tailwind ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    background-color: #0000;
    border-radius: 0;
  }

  .tailwind :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  .tailwind :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  .tailwind ::file-selector-button {
    margin-inline-end: 4px;
  }

  .tailwind ::placeholder {
    opacity: 1;
    color: currentColor;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .tailwind ::placeholder {
      color: color-mix(in oklab, currentColor 50%, transparent);
    }
  }

  .tailwind textarea {
    resize: vertical;
  }

  .tailwind ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  .tailwind ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  .tailwind ::-webkit-datetime-edit {
    display: inline-flex;
  }

  .tailwind ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  .tailwind ::-webkit-datetime-edit {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  .tailwind ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  .tailwind :-moz-ui-invalid {
    box-shadow: none;
  }

  .tailwind button, .tailwind input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  .tailwind ::file-selector-button {
    appearance: button;
  }

  .tailwind ::-webkit-inner-spin-button {
    height: auto;
  }

  .tailwind ::-webkit-outer-spin-button {
    height: auto;
  }

  .tailwind [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer utilities {
  .tailwind .invisible {
    visibility: hidden;
  }

  .tailwind .absolute {
    position: absolute;
  }

  .tailwind .fixed {
    position: fixed;
  }

  .tailwind .relative {
    position: relative;
  }

  .tailwind .isolate {
    isolation: isolate;
  }

  .tailwind .container {
    width: 100%;
  }

  @media (width >= 40rem) {
    .tailwind .container {
      max-width: 40rem;
    }
  }

  @media (width >= 48rem) {
    .tailwind .container {
      max-width: 48rem;
    }
  }

  @media (width >= 64rem) {
    .tailwind .container {
      max-width: 64rem;
    }
  }

  @media (width >= 80rem) {
    .tailwind .container {
      max-width: 80rem;
    }
  }

  @media (width >= 96rem) {
    .tailwind .container {
      max-width: 96rem;
    }
  }

  .tailwind .block {
    display: block;
  }

  .tailwind .flex {
    display: flex;
  }

  .tailwind .hidden {
    display: none;
  }

  .tailwind .inline {
    display: inline;
  }

  .tailwind .inline-block {
    display: inline-block;
  }

  .tailwind .transform {
    transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
  }

  .tailwind .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .tailwind .italic {
    font-style: italic;
  }

  .tailwind .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .tailwind .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .tailwind .grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .tailwind .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .tailwind .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .tailwind .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .tailwind .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .tailwind .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
}

@media (width <= 1920px), (height <= 1080px) {
  .tailwind body {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .tailwind .canvas {
    transform: scale(var(--canvas-scale, 1));
  }
}

.tailwind .main-top {
  border-bottom: 1px solid var(--ink-08);
  position: relative;
}

.tailwind .reasoning-trail .trail-step {
  opacity: calc(.35 + .5 * var(--step-conf, .5));
  color: var(--ink-45);
  position: relative;
}

.tailwind :root {
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
  --t-xs: 11px;
  --t-sm: 12px;
  --t-base: 13px;
  --t-md: 14px;
  --t-lg: 16px;
  --t-xl: 19px;
  --t-2xl: 24px;
  --t-3xl: 32px;
  --w-regular: 400;
  --w-medium: 500;
  --w-semibold: 600;
  --lh-tight: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;
  --accent-live: #a78bfa;
  --accent-flag: #f9a8d4;
  --accent-pulse: #86efac;
  --accent-live-soft: #a78bfa38;
  --accent-live-glow: #a78bfa73;
  --accent-flag-soft: #f9a8d42e;
  --accent-pulse-soft: #86efac47;
  --ink-95: #fffffff5;
  --ink-85: #ffffffdb;
  --ink-65: #ffffffa6;
  --ink-45: #ffffff73;
  --ink-25: #ffffff40;
  --ink-15: #ffffff26;
  --ink-08: #ffffff14;
  --ink-04: #ffffff0a;
  --glass-blur: 18px;
  --glass-saturate: 1.6;
  --glass-tint: #1c1c242e;
  --glass-rim: #ffffff29;
  --glass-rim-bright: #ffffff47;
  --glass-shadow: 0 30px 60px -24px #0000008c, 0 8px 18px -8px #00000059;
  --glass-radius: 22px;
  --glass-radius-sm: 14px;
  --refract-scale: 8;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --t-instant: .1s;
  --t-fast: .15s;
  --t-norm: .2s;
  --t-slow: .35s;
  --t-breath: 2.5s;
  --t-pulse: 2s;
  --ease-smooth: cubic-bezier(.4, 0, .2, 1);
  --canvas-w: 1920px;
  --canvas-h: 1080px;
  --panel-margin: 30px;
  --confidence: .78;
}

.tailwind * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.tailwind html, .tailwind body {
  width: 100%;
  height: 100%;
  color: var(--ink-95);
  font-family: var(--font-text);
  font-size: var(--t-base);
  line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -.005em;
  background: #050507;
  overflow: hidden;
}

.tailwind button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  font-family: inherit;
}

.tailwind .canvas {
  width: var(--canvas-w);
  height: var(--canvas-h);
  isolation: isolate;
  transform-origin: 0 0;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

@media (width <= 1920px), (height <= 1080px) {
  .tailwind body {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .tailwind .canvas {
    transform: scale(var(--canvas-scale, 1));
  }
}

.tailwind .backdrop {
  z-index: 0;
  background: #0a0a10;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.tailwind .backdrop > img, .tailwind .backdrop > video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.tailwind .backdrop:after {
  content: "";
  pointer-events: none;
  background: radial-gradient(#0000 40%, #0000002e 100%);
  position: absolute;
  inset: 0;
}

.tailwind .glass {
  background: linear-gradient(135deg, #ffffff0d 0%, #ffffff05 100%), var(--glass-tint);
  -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));
  border: 1px solid var(--glass-rim);
  border-radius: var(--glass-radius);
  box-shadow: var(--glass-shadow);
  isolation: isolate;
  transition: box-shadow var(--t-slow) var(--ease-smooth);
  position: relative;
  overflow: hidden;
}

.tailwind .glass:before {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .9;
  background: linear-gradient(135deg, #ffffff38 0%, #ffffff0f 18%, #0000 38% 62%, #ffffff05 82%, #ffffff1f 100%);
  position: absolute;
  inset: 0;
}

.tailwind .glass:after {
  content: "";
  border-radius: inherit;
  -webkit-mask-composite: xor;
  pointer-events: none;
  background: linear-gradient(#ffffff42 0%, #fff0 30% 70%, #0000002e 100%) border-box;
  border: 1px solid #0000;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: padding-box, border-box;
  -webkit-mask-origin: padding-box, border-box;
  mask-composite: exclude;
  mask-mode: match-source, match-source;
}

.tailwind .glass--active {
  box-shadow: var(--glass-shadow), 0 0 0 1px #f9a8d41a, 0 0 30px -4px #f9a8d42e;
  animation: panelBreath var(--t-breath) ease-in-out infinite;
}

.tailwind .glass--pulse-confirm {
  animation: 1.4s ease-out pulseConfirm;
}

.tailwind .glass > .glass-inner {
  z-index: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tailwind .panel-left, .tailwind .panel-main, .tailwind .panel-right {
  z-index: 10;
  position: absolute;
}

.tailwind .panel-left {
  top: var(--panel-margin);
  left: var(--panel-margin);
  width: 360px;
  height: calc(var(--canvas-h) - var(--panel-margin) * 2);
}

.tailwind .panel-right {
  top: var(--panel-margin);
  right: var(--panel-margin);
  width: 380px;
  height: calc(var(--canvas-h) - var(--panel-margin) * 2);
}

.tailwind .panel-main {
  bottom: var(--panel-margin);
  width: 1020px;
  height: 400px;
  left: 50%;
  transform: translateX(-50%);
}

.tailwind .section-label {
  font-family: var(--font-display);
  font-size: var(--t-xs);
  font-weight: var(--w-medium);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ink-45);
  padding: 0 var(--s-5);
  margin-bottom: var(--s-3);
}

.tailwind .section {
  padding-bottom: var(--s-6);
}

.tailwind .section + .section {
  border-top: 1px solid var(--ink-08);
  padding-top: var(--s-6);
}

.tailwind .hairline {
  background: var(--ink-08);
  height: 1px;
  margin: var(--s-3) 0;
}

.tailwind .chip {
  align-items: center;
  gap: var(--s-1);
  font-family: var(--font-display);
  font-size: var(--t-xs);
  font-weight: var(--w-medium);
  letter-spacing: .02em;
  background: var(--ink-08);
  color: var(--ink-85);
  border: 1px solid var(--ink-08);
  border-radius: 999px;
  padding: 3px 9px;
  display: inline-flex;
}

.tailwind .chip--live {
  background: var(--accent-live-soft);
  color: var(--accent-live);
  border-color: #a78bfa52;
}

.tailwind .chip--flag {
  background: var(--accent-flag-soft);
  color: var(--accent-flag);
  border-color: #f9a8d44d;
}

.tailwind .chip--ghost {
  color: var(--ink-65);
  border-color: var(--ink-15);
  background: none;
}

.tailwind .pulse-dot {
  background: var(--accent-live);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 0 var(--accent-live-glow);
  animation: pulseLive var(--t-pulse) ease-in-out infinite;
  border-radius: 50%;
  display: inline-block;
}

.tailwind .left-content {
  padding: var(--s-6) 0;
  gap: var(--s-2);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.tailwind .prospect-header {
  padding: 0 var(--s-5) var(--s-5);
  gap: var(--s-3);
  flex-direction: column;
  display: flex;
}

.tailwind .prospect-meta-row {
  align-items: center;
  gap: var(--s-2);
  font-size: var(--t-xs);
  color: var(--ink-65);
  display: flex;
}

.tailwind .prospect-meta-row .pulse-dot {
  margin-right: 2px;
}

.tailwind .prospect-card {
  align-items: center;
  gap: var(--s-3);
  display: flex;
}

.tailwind .prospect-photo {
  border: 2px solid var(--ink-15);
  background: linear-gradient(135deg, #e0c4ff 0%, #b8a6e0 100%);
  border-radius: 50%;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  position: relative;
  overflow: hidden;
}

.tailwind .prospect-photo:after {
  content: "ML";
  font-family: var(--font-display);
  font-weight: var(--w-semibold);
  font-size: var(--t-lg);
  color: #321e50a6;
  letter-spacing: .03em;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.tailwind .prospect-name {
  font-family: var(--font-display);
  font-size: var(--t-xl);
  font-weight: var(--w-semibold);
  color: var(--ink-95);
  letter-spacing: -.01em;
}

.tailwind .prospect-role {
  font-size: var(--t-sm);
  color: var(--ink-65);
  margin-top: 2px;
}

.tailwind .prospect-tags {
  gap: var(--s-1);
  flex-wrap: wrap;
  display: flex;
}

.tailwind .sentiment-track {
  padding: var(--s-2) var(--s-5);
  align-items: center;
  gap: var(--s-3);
  font-size: var(--t-xs);
  grid-template-columns: 80px 1fr 36px;
  display: grid;
}

.tailwind .sentiment-track .label {
  color: var(--ink-65);
}

.tailwind .sentiment-track .rail {
  background: var(--ink-08);
  border-radius: 999px;
  height: 2px;
  position: relative;
  overflow: visible;
}

.tailwind .sentiment-track .rail:after {
  content: "";
  top: 50%;
  left: var(--pos, 60%);
  background: var(--ink-85);
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 3px var(--glass-tint);
  border-radius: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

.tailwind .sentiment-track--live .rail:after {
  background: var(--accent-live);
  box-shadow: 0 0 0 3px var(--glass-tint), 0 0 8px var(--accent-live-glow);
}

.tailwind .sentiment-track .value {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-65);
  text-align: right;
}

.tailwind .icp-block {
  padding: var(--s-4) var(--s-5) var(--s-2);
}

.tailwind .icp-row {
  padding: var(--s-2) 0;
  font-size: var(--t-sm);
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.tailwind .icp-row .label {
  color: var(--ink-65);
}

.tailwind .icp-row .value {
  color: var(--ink-95);
  font-family: var(--font-display);
  font-weight: var(--w-medium);
}

.tailwind .icp-summary {
  align-items: baseline;
  gap: var(--s-2);
  margin-top: var(--s-2);
  display: flex;
}

.tailwind .icp-summary .score {
  font-family: var(--font-display);
  font-size: var(--t-3xl);
  font-weight: var(--w-semibold);
  color: var(--ink-95);
  letter-spacing: -.02em;
}

.tailwind .icp-summary .score-suffix {
  font-size: var(--t-md);
  color: var(--ink-45);
  font-family: var(--font-display);
}

.tailwind .icp-summary .score-label {
  font-size: var(--t-xs);
  color: var(--ink-65);
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-left: auto;
}

.tailwind .background-list {
  padding: 0 var(--s-5);
  gap: var(--s-2);
  flex-direction: column;
  display: flex;
}

.tailwind .background-row {
  gap: var(--s-3);
  font-size: var(--t-sm);
  line-height: var(--lh-normal);
  display: flex;
}

.tailwind .background-row .dot {
  background: var(--ink-25);
  border-radius: 50%;
  flex-shrink: 0;
  width: 4px;
  height: 4px;
  margin-top: 7px;
}

.tailwind .background-row .text {
  color: var(--ink-85);
}

.tailwind .main-split {
  grid-template-columns: 320px 1fr;
  height: 100%;
  display: grid;
}

.tailwind .main-right-stack {
  border-left: 1px solid var(--ink-08);
  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  display: grid;
}

.tailwind .main-top, .tailwind .main-bottom {
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.tailwind .main-top {
  border-bottom: 1px solid var(--ink-08);
  position: relative;
}

.tailwind .reasoning-meta {
  align-items: center;
  gap: var(--s-2);
  border: 1px solid var(--ink-08);
  background: #0000002e;
  border-radius: 999px;
  align-self: flex-start;
  padding: 4px 10px;
  display: flex;
}

.tailwind .reasoning-meta .timer {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-65);
  letter-spacing: .04em;
}

.tailwind .waveform {
  align-items: center;
  gap: 2px;
  height: 14px;
  display: flex;
}

.tailwind .waveform i {
  background: var(--accent-live);
  opacity: .85;
  border-radius: 1px;
  width: 2px;
  animation: 1.3s ease-in-out infinite waveBreath;
  display: block;
}

.tailwind .waveform i:first-child {
  height: 4px;
  animation-delay: 0s;
}

.tailwind .waveform i:nth-child(2) {
  height: 8px;
  animation-delay: 80ms;
}

.tailwind .waveform i:nth-child(3) {
  height: 12px;
  animation-delay: .16s;
}

.tailwind .waveform i:nth-child(4) {
  height: 14px;
  animation-delay: .24s;
}

.tailwind .waveform i:nth-child(5) {
  height: 10px;
  animation-delay: .32s;
}

.tailwind .waveform i:nth-child(6) {
  height: 6px;
  animation-delay: .4s;
}

.tailwind .waveform i:nth-child(7) {
  height: 9px;
  animation-delay: .48s;
}

.tailwind .transcript-body {
  padding: var(--s-5) var(--s-6) var(--s-4);
  gap: var(--s-3);
  scrollbar-width: thin;
  scrollbar-color: var(--ink-15) transparent;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
  overflow: hidden auto;
  mask-image: linear-gradient(#0000 0%, #0009 6%, #000 18% 100%);
}

.tailwind .transcript-body::-webkit-scrollbar {
  width: 4px;
}

.tailwind .transcript-body::-webkit-scrollbar-thumb {
  background: var(--ink-15);
  border-radius: 999px;
}

.tailwind .transcript-body::-webkit-scrollbar-track {
  background: none;
}

.tailwind .bubble {
  max-width: 94%;
  font-size: var(--t-md);
  color: var(--ink-85);
  line-height: 1.55;
  display: block;
}

.tailwind .bubble .speaker {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  letter-spacing: .04em;
  color: var(--ink-45);
  margin-right: 8px;
}

.tailwind .bubble--customer {
  color: var(--ink-95);
}

.tailwind .bubble--rep {
  text-align: right;
  color: var(--ink-65);
  align-self: flex-end;
}

.tailwind .bubble--streaming .text:after {
  content: "";
  background: var(--accent-flag);
  vertical-align: -2px;
  width: 6px;
  height: 14px;
  margin-left: 4px;
  animation: .9s steps(2, end) infinite caretBlink;
  display: inline-block;
}

.tailwind .reasoning-band {
  padding: var(--s-6);
  background: linear-gradient(#f9a8d41a 0%, #f9a8d40a 50%, #0000 100%);
  flex-direction: column;
  display: flex;
  position: relative;
}

.tailwind .reasoning-band--column {
  padding: var(--s-6) var(--s-5);
  justify-content: center;
  gap: var(--s-5);
}

.tailwind .reasoning-trail {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-25);
  letter-spacing: .02em;
  border-left: 1px solid var(--ink-08);
  flex-direction: column;
  gap: 6px;
  padding-left: 12px;
  display: flex;
}

.tailwind .reasoning-trail .trail-step {
  opacity: calc(.35 + .5 * var(--step-conf, .5));
  color: var(--ink-45);
  position: relative;
}

.tailwind .reasoning-trail .trail-step[data-conf="0.42"] {
  --step-conf: .42;
}

.tailwind .reasoning-trail .trail-step[data-conf="0.61"] {
  --step-conf: .61;
}

.tailwind .reasoning-trail .trail-step:before {
  content: "";
  background: rgba(249, 168, 212, calc(.18 + .55 * var(--step-conf, .5)));
  width: 5px;
  height: 5px;
  box-shadow: 0 0 calc(2px + 6px * var(--step-conf, .5)) var(--accent-flag-soft);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -16px;
}

.tailwind .reasoning-current {
  gap: var(--s-3);
  flex-direction: column;
  display: flex;
}

.tailwind .reasoning-label {
  align-items: center;
  gap: var(--s-2);
  font-family: var(--font-display);
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: .12em;
  color: var(--accent-flag);
  display: inline-flex;
}

.tailwind .reasoning-band[data-state="listening"] .reasoning-state:before {
  content: "Listening";
}

.tailwind .reasoning-band[data-state="reasoning"] .reasoning-state:before {
  content: "Reasoning";
}

.tailwind .reasoning-band[data-state="confirmed"] .reasoning-state:before {
  content: "Confirmed";
}

.tailwind .reasoning-band[data-state="ready"] .reasoning-state:before {
  content: "Ready";
}

.tailwind .reasoning-band[data-state="pivoting"] .reasoning-state:before {
  content: "Pivoting";
}

.tailwind .reasoning-band:not([data-state]) .reasoning-state:before {
  content: "Reasoning";
}

.tailwind .reasoning-spark {
  background: var(--accent-flag);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 calc(4px + 14px * var(--confidence)) var(--accent-flag);
  opacity: calc(.4 + .6 * var(--confidence));
  animation: pulseLive var(--t-pulse) ease-in-out infinite;
  border-radius: 50%;
  display: inline-block;
}

.tailwind .reasoning-text {
  font-family: var(--font-display);
  font-size: var(--t-xl);
  font-weight: calc(420 + 100 * var(--confidence));
  color: rgba(255, 255, 255, calc(.55 + .41 * var(--confidence)));
  letter-spacing: -.012em;
  transition: font-weight var(--t-slow) var(--ease-smooth), color var(--t-slow) var(--ease-smooth);
  line-height: 1.32;
}

.tailwind .confidence-meter {
  align-items: center;
  gap: var(--s-2);
  margin-top: var(--s-1);
  display: flex;
}

.tailwind .confidence-track {
  background: var(--ink-08);
  border-radius: 999px;
  flex: 1;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.tailwind .confidence-fill {
  width: calc(var(--confidence) * 100%);
  background: linear-gradient(90deg, #f9a8d480 0%, var(--accent-flag) 100%);
  box-shadow: 0 0 8px var(--accent-flag-soft);
  transition: width var(--t-slow) var(--ease-smooth);
  border-radius: 999px;
  position: absolute;
  inset: 0;
}

.tailwind .confidence-readout {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-45);
  letter-spacing: .04em;
  text-align: right;
  min-width: 28px;
}

.tailwind .lines-body {
  padding: var(--s-4) var(--s-6);
  gap: var(--s-3);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.tailwind .line {
  gap: var(--s-3);
  padding: var(--s-2) var(--s-3) var(--s-2) var(--s-4);
  border-radius: var(--glass-radius-sm);
  transition: background var(--t-norm) var(--ease-smooth), padding var(--t-slow) var(--ease-smooth);
  --line-conf: .7;
  grid-template-columns: 18px 1fr;
  display: grid;
  position: relative;
}

.tailwind .line:before {
  content: "";
  width: calc(1px + 2px * var(--line-conf));
  background: rgba(249, 168, 212, calc(.1 + .5 * var(--line-conf)));
  box-shadow: 0 0 calc(2px + 12px * var(--line-conf)) rgba(249, 168, 212, calc(.1 + .3 * var(--line-conf)));
  transition: width var(--t-slow) var(--ease-smooth), background var(--t-slow) var(--ease-smooth), box-shadow var(--t-slow) var(--ease-smooth);
  border-radius: 999px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 0;
}

.tailwind .line .num {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: rgba(255, 255, 255, calc(.3 + .3 * var(--line-conf)));
  font-weight: calc(380 + 140 * var(--line-conf));
  text-align: center;
  transition: font-size var(--t-slow) var(--ease-smooth), color var(--t-slow) var(--ease-smooth);
  padding-top: 3px;
}

.tailwind .line .body {
  font-size: var(--t-md);
  line-height: var(--lh-relaxed);
  color: rgba(255, 255, 255, calc(.45 + .3 * var(--line-conf)));
  font-weight: calc(380 + 100 * var(--line-conf));
  transition: font-size var(--t-slow) var(--ease-smooth), color var(--t-slow) var(--ease-smooth);
}

.tailwind .line--delivered {
  padding-top: var(--s-1);
  padding-bottom: var(--s-1);
  opacity: .55;
}

.tailwind .line--delivered .num {
  font-size: 0;
}

.tailwind .line--delivered .num:before {
  content: "✓";
  font-size: var(--t-xs);
  color: var(--accent-pulse);
  font-family: var(--font-display);
}

.tailwind .line--delivered .body {
  font-size: var(--t-sm);
  color: var(--ink-45);
  text-decoration-line: line-through;
  -webkit-text-decoration-color: var(--ink-15);
  text-decoration-color: var(--ink-15);
  font-weight: var(--w-regular);
  line-height: 1.45;
  text-decoration-thickness: 1px;
}

.tailwind .line--delivered:before {
  display: none;
}

.tailwind .line--active {
  background: linear-gradient(90deg, var(--accent-flag-soft) 0%, transparent 60%);
  padding-top: var(--s-3);
  padding-bottom: var(--s-3);
}

.tailwind .line--active:before {
  background: var(--accent-flag);
  box-shadow: 0 0 14px var(--accent-flag-soft);
  width: 3px;
}

.tailwind .line--active .num {
  color: var(--accent-flag);
  font-size: var(--t-xs);
}

.tailwind .line--active .body {
  font-size: var(--t-lg);
  color: var(--ink-95);
  font-weight: var(--w-medium);
  line-height: 1.42;
}

.tailwind .line--active .body .delivered {
  color: var(--ink-45);
  text-decoration-line: line-through;
  -webkit-text-decoration-color: var(--ink-15);
  text-decoration-color: var(--ink-15);
  text-decoration-thickness: 1px;
}

.tailwind .right-content {
  padding: var(--s-6) 0;
  gap: var(--s-2);
  flex-direction: column;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.tailwind .right-block {
  padding: 0 var(--s-5);
}

.tailwind .right-block + .right-block {
  margin-top: var(--s-2);
  padding-top: var(--s-5);
  border-top: 1px solid var(--ink-08);
}

.tailwind .right-block-header {
  align-items: center;
  gap: var(--s-2);
  margin-bottom: var(--s-3);
  display: flex;
}

.tailwind .right-block-header .label {
  font-family: var(--font-display);
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--ink-45);
}

.tailwind .right-block-header .count {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-45);
  margin-left: auto;
}

.tailwind .call-timer {
  padding: var(--s-2) var(--s-5) var(--s-4);
  border-bottom: 1px solid var(--ink-08);
  margin-bottom: var(--s-3);
}

.tailwind .timer-row {
  align-items: baseline;
  gap: var(--s-3);
  margin-bottom: var(--s-3);
  display: flex;
}

.tailwind .timer-digits {
  font-family: var(--font-display);
  font-size: var(--t-3xl);
  font-weight: var(--w-medium);
  letter-spacing: -.02em;
  color: var(--ink-95);
  font-variant-numeric: tabular-nums;
}

.tailwind .timer-label {
  font-family: var(--font-display);
  font-size: var(--t-xs);
  letter-spacing: .04em;
  color: var(--ink-45);
}

.tailwind .timer-track {
  background: var(--ink-08);
  border-radius: 999px;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.tailwind .timer-fill {
  width: calc(var(--call-progress, .5) * 100%);
  background: var(--ink-25);
  transition: width var(--t-slow) var(--ease-smooth), background var(--t-slow) var(--ease-smooth);
  border-radius: 999px;
  position: absolute;
  inset: 0;
}

.tailwind .call-timer.is-wrap-up .timer-fill {
  background: linear-gradient(90deg, var(--ink-25) 0%, var(--accent-flag) 100%);
  box-shadow: 0 0 8px var(--accent-flag-soft);
}

.tailwind .objectives {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.tailwind .obj {
  gap: var(--s-3);
  font-size: var(--t-sm);
  line-height: var(--lh-normal);
  transition: background var(--t-slow) var(--ease-smooth);
  grid-template-columns: 18px 1fr;
  align-items: start;
  padding: 7px 0;
  display: grid;
  position: relative;
}

.tailwind .obj-state {
  border: 1.25px solid var(--ink-25);
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  margin-top: 5px;
  position: relative;
}

.tailwind .obj-title {
  color: var(--ink-85);
}

.tailwind .obj.is-active {
  background: linear-gradient(90deg, var(--accent-flag-soft) 0%, transparent 70%);
  padding: var(--s-3) var(--s-3) var(--s-3) var(--s-3);
  margin: var(--s-1) calc(-1 * var(--s-3));
  border-radius: var(--glass-radius-sm);
}

.tailwind .obj.is-active:before {
  content: "";
  background: var(--accent-flag);
  width: 2px;
  box-shadow: 0 0 10px var(--accent-flag-soft);
  border-radius: 999px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
}

.tailwind .obj.is-active .obj-state {
  border-color: var(--accent-flag);
  background: var(--accent-flag-soft);
  box-shadow: 0 0 8px var(--accent-flag-soft);
}

.tailwind .obj.is-active .obj-title {
  color: var(--ink-95);
  font-weight: var(--w-medium);
}

.tailwind .obj-context {
  margin-top: var(--s-2);
  gap: var(--s-2);
  flex-direction: column;
  grid-column: 2;
  display: flex;
}

.tailwind .obj-example {
  font-family: var(--font-display);
  font-size: var(--t-sm);
  color: var(--ink-65);
  font-style: italic;
  line-height: 1.45;
}

.tailwind .obj-tag {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-flag);
  align-self: flex-start;
}

.tailwind .obj.obj--just-fired {
  border-radius: var(--glass-radius-sm);
  padding: var(--s-3) var(--s-3) var(--s-3) var(--s-3);
  margin: var(--s-1) calc(-1 * var(--s-3));
  background: linear-gradient(90deg, #86efac29 0%, #0000 70%);
  position: relative;
}

.tailwind .obj.obj--just-fired:before {
  content: "";
  background: var(--accent-pulse);
  border-radius: 999px;
  width: 2px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
  box-shadow: 0 0 12px #86efac8c;
}

.tailwind .obj.obj--just-fired .obj-state {
  box-shadow: 0 0 12px #86efaca6;
}

.tailwind .obj.is-completed .obj-state {
  background: var(--accent-pulse);
  border-color: var(--accent-pulse);
}

.tailwind .obj.is-completed .obj-state:after {
  content: "✓";
  color: #062a16;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0;
}

.tailwind .obj.is-completed .obj-title {
  color: var(--ink-45);
}

.tailwind .obj.is-skipped .obj-state {
  border-color: var(--accent-flag);
  background: none;
}

.tailwind .obj.is-skipped .obj-title {
  color: var(--ink-45);
}

.tailwind .notes {
  gap: var(--s-2);
  flex-direction: column;
  display: flex;
}

.tailwind .note {
  gap: var(--s-2);
  padding: var(--s-1) 0;
  font-size: var(--t-sm);
  line-height: var(--lh-normal);
  grid-template-columns: 1fr auto;
  align-items: baseline;
  display: grid;
}

.tailwind .note .text {
  color: var(--ink-85);
}

.tailwind .note .stamp {
  font-family: var(--font-mono);
  font-size: var(--t-xs);
  color: var(--ink-45);
}

.tailwind .panel-left .section-label {
  font-size: var(--t-sm);
  letter-spacing: .06em;
  color: var(--ink-65);
}

.tailwind .panel-left .background-row {
  padding: var(--s-1) 0;
}

.tailwind .panel-left .background-row .text {
  color: var(--ink-95);
  font-size: var(--t-md);
  line-height: 1.55;
}

.tailwind .panel-left .background-row .dot {
  background: var(--accent-flag);
  box-shadow: 0 0 6px var(--accent-flag-soft);
}

.tailwind .transcript-empty {
  text-align: center;
  padding: var(--s-6);
  font-family: var(--font-mono);
  font-size: var(--t-sm);
  color: var(--ink-45);
  letter-spacing: .04em;
  flex: 1;
  place-items: center;
  display: grid;
}

.tailwind .transcript-empty .pulse-dot {
  margin-right: var(--s-2);
  vertical-align: 1px;
}

.tailwind .lines-idle {
  height: 100%;
  font-family: var(--font-display);
  font-size: var(--t-md);
  color: var(--ink-65);
  letter-spacing: -.005em;
  place-items: center;
  display: grid;
}

.tailwind .dot-sep {
  background: var(--ink-25);
  border-radius: 50%;
  width: 3px;
  height: 3px;
  display: inline-block;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
  initial-value: rotateX(0);
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
  initial-value: rotateY(0);
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
  initial-value: rotateZ(0);
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false;
  initial-value: skewX(0);
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false;
  initial-value: skewY(0);
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}