/* [project]/apps/web/src/app/globals.css [app-client] (css) */
@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: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, 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;
    --color-red-50: #fef2f2;
    --color-red-100: #ffe2e2;
    --color-red-600: #e40014;
    --color-red-700: #bf000f;
    --color-red-800: #9f0712;
    --color-black: #000;
    --spacing: .25rem;
    --container-md: 28rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --blur-sm: 8px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-red-50: lab(96.5005% 4.18508 1.52328);
      --color-red-100: lab(92.243% 10.2865 3.83865);
      --color-red-600: lab(48.4493% 77.4328 61.5452);
      --color-red-700: lab(40.4273% 67.2623 53.7441);
      --color-red-800: lab(33.7174% 55.8993 41.0293);
    }
  }
}

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

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

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;
  }

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

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

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

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

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, 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;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

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

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

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

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

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

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

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

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

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

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

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

  textarea {
    resize: vertical;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

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

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

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

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

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

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

@layer components;

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .-mt-10 {
    margin-top: calc(var(--spacing) * -10);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .ml-1 {
    margin-left: var(--spacing);
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

  .inline-flex {
    display: inline-flex;
  }

  .list-item {
    display: list-item;
  }

  .table {
    display: table;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-\[46px\] {
    height: 46px;
  }

  .h-full {
    height: 100%;
  }

  .max-h-32 {
    max-height: calc(var(--spacing) * 32);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-full {
    width: 100%;
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-md {
    max-width: var(--container-md);
  }

  .min-w-\[120px\] {
    min-width: 120px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-center {
    transform-origin: center;
  }

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

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .appearance-none {
    appearance: none;
  }

  .flex-col {
    flex-direction: column;
  }

  .items-center {
    align-items: center;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

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

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-current {
    border-color: currentColor;
  }

  .bg-\[var\(--sdm-tbg\)\] {
    background-color: var(--sdm-tbg);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-red-50 {
    background-color: var(--color-red-50);
  }

  .bg-red-100 {
    background-color: var(--color-red-100);
  }

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .text-left {
    text-align: left;
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .wrap-anywhere {
    overflow-wrap: anywhere;
  }

  .break-all {
    word-break: break-all;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[var\(--sdm-c\,inherit\)\] {
    color: var(--sdm-c, inherit);
  }

  .text-red-600 {
    color: var(--color-red-600);
  }

  .text-red-700 {
    color: var(--color-red-700);
  }

  .text-red-800 {
    color: var(--color-red-800);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline {
    text-decoration-line: underline;
  }

  .opacity-0 {
    opacity: 0;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .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, );
  }

  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -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, );
  }

  .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, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-150 {
    --tw-duration: .15s;
    transition-duration: .15s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

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

  .\[counter-increment\:line_0\] {
    counter-increment: line 0;
  }

  .\[counter-reset\:line\] {
    counter-reset: line;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1;
    }
  }

  .before\:mr-4:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 4);
  }

  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }

  .before\:w-6:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 6);
  }

  .before\:text-right:before {
    content: var(--tw-content);
    text-align: right;
  }

  .before\:font-mono:before {
    content: var(--tw-content);
    font-family: var(--font-mono);
  }

  .before\:text-\[13px\]:before {
    content: var(--tw-content);
    font-size: 13px;
  }

  .before\:content-\[counter\(line\)\]:before {
    --tw-content: counter(line);
    content: var(--tw-content);
  }

  .before\:select-none:before {
    content: var(--tw-content);
    -webkit-user-select: none;
    user-select: none;
  }

  .before\:\[counter-increment\:line\]:before {
    content: var(--tw-content);
    counter-increment: line;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .supports-\[backdrop-filter\]\:backdrop-blur {
      --tw-backdrop-blur: blur(8px);
      -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, );
    }

    .supports-\[backdrop-filter\]\:backdrop-blur-sm {
      --tw-backdrop-blur: blur(var(--blur-sm));
      -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, );
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
      background-color: var(--shiki-dark-bg, var(--sdm-tbg));
    }

    .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
      color: var(--shiki-dark, var(--sdm-c, inherit));
    }
  }

  .\[\&_svg\]\:h-auto svg {
    height: auto;
  }

  .\[\&_svg\]\:w-auto svg {
    width: auto;
  }

  .\[\&_thead\]\:sticky thead {
    position: sticky;
  }

  .\[\&_thead\]\:top-0 thead {
    top: 0;
  }

  .\[\&_thead\]\:z-10 thead {
    z-index: 10;
  }

  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0;
  }

  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0;
  }

  .\[\&\>\*\:last-child\]\:after\:inline > :last-child:after {
    content: var(--tw-content);
    display: inline;
  }

  .\[\&\>\*\:last-child\]\:after\:align-baseline > :last-child:after {
    content: var(--tw-content);
    vertical-align: baseline;
  }

  .\[\&\>\*\:last-child\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:after {
    --tw-content: var(--streamdown-caret);
    content: var(--tw-content);
  }

  .\[\&\>p\]\:inline > p {
    display: inline;
  }

  li .\[li_\&\]\:pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }
}

html {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --mira-bg: #f5f2ec;
  --mira-text: #2a2520;
  --mira-primary: #3a3530;
  --mira-accent: #d97706;
  --mira-accent-ink: #1c1917;
  --mira-border: #e8e4dc;
  --mira-destructive: #dc2626;
  --mira-surface: #fffdf8;
  --mira-muted: #656f7a;
  --mira-sidebar: #fffdf8;
  --mira-sidebar-text: #2a2520;
  --mira-sidebar-muted: #656f7a;
  --mira-sidebar-border: #e8e4dc;
  --mira-warn: #b45309;
  --mira-card: #f5f2ec;
  --mira-card-border: #e8e4dc;
  --mira-input-bg: #f5f2ec;
  --mira-input-border: #d6d0c6;
  --mira-item-bg: #f5f2ec;
  --mira-item-border: #e8e4dc;
  --mira-item-on: #d9770629;
  --mira-solid-bg: #2a2520;
  --mira-solid-text: #fffdf8;
  --mira-solid-border: #2a2520;
  --mira-scrollbar: #c4bdb3;
  --mira-shadow: 0 12px 28px #2a25201f;
  --mira-dash-glow: #d977061a;
  --mira-badge-bg: #e8e4dc;
  --mira-badge-text: #57534e;
  --mira-src-bg: #3a3530;
  --mira-src-text: #fffdf8;
  --mira-oem-ink: #92400e;
  --font-dash: "IBM Plex Sans", "Segoe UI", "Noto Sans", ui-sans-serif, sans-serif;
}

html[data-theme="dark"], [data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --mira-bg: #0c0a09;
  --mira-text: #fafaf9;
  --mira-primary: #d6d3d1;
  --mira-accent: #f59e0b;
  --mira-accent-ink: #1c1917;
  --mira-border: #292524;
  --mira-destructive: #f87171;
  --mira-surface: #1c1917;
  --mira-muted: #a8a29e;
  --mira-sidebar: #0c0a09;
  --mira-sidebar-text: #fafaf9;
  --mira-sidebar-muted: #78716c;
  --mira-sidebar-border: #292524;
  --mira-warn: #fbbf24;
  --mira-card: #ffffff0a;
  --mira-card-border: #ffffff14;
  --mira-input-bg: #0c0a09;
  --mira-input-border: #44403c;
  --mira-item-bg: #00000040;
  --mira-item-border: #ffffff1f;
  --mira-item-on: #d977061f;
  --mira-solid-bg: #0c0a09;
  --mira-solid-text: #fafaf9;
  --mira-solid-border: #292524;
  --mira-scrollbar: #57534e;
  --mira-shadow: 0 12px 28px #00000073;
  --mira-dash-glow: #d9770614;
  --mira-badge-bg: #292524;
  --mira-badge-text: #a8a29e;
  --mira-src-bg: #292524;
  --mira-src-text: #fafaf9;
  --mira-oem-ink: #fbbf24;
}

html, body {
  background: var(--mira-bg);
  min-height: 100%;
  color: var(--mira-text);
  font-family: var(--font-dash);
  margin: 0;
}

a {
  color: inherit;
}

.dash {
  background: radial-gradient(1200px 400px at 10% -10%, var(--mira-dash-glow), transparent),
    var(--mira-bg);
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.dash-sources-open {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(300px, 380px);
}

.dash button, .dash a, .dash input, .dash select, .dash [role="tab"] {
  pointer-events: auto;
}

.dash-side {
  box-sizing: border-box;
  background: var(--mira-sidebar);
  height: 100dvh;
  max-height: 100dvh;
  color: var(--mira-sidebar-text);
  border-right: 1px solid var(--mira-sidebar-border);
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--mira-scrollbar) transparent;
  flex-direction: column;
  align-self: start;
  gap: 1rem;
  padding: 1.25rem 1rem 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden auto;
}

.dash-side-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.dash-side-toggle {
  border: 1px solid var(--mira-sidebar-border);
  background: var(--mira-surface);
  width: 36px;
  height: 36px;
  color: var(--mira-sidebar-text);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.dash-side-toggle:hover {
  border-color: var(--mira-accent);
  color: var(--mira-accent);
}

.dash-side-toggle-bar {
  margin-right: .15rem;
}

@media (min-width: 861px) {
  .dash.dash-side-collapsed {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .dash.dash-side-collapsed.dash-sources-open {
    grid-template-columns: 56px minmax(0, 1fr) minmax(300px, 380px);
  }

  .dash-side-collapsed .dash-side {
    align-items: center;
    padding: .85rem .4rem 1.25rem;
  }

  .dash-side-collapsed .dash-side > :not(.dash-side-head) {
    display: none;
  }

  .dash-side-collapsed .dash-side-head {
    flex-direction: column;
    align-items: center;
  }

  .dash-side-collapsed .dash-brand-mark {
    letter-spacing: .12em;
    writing-mode: vertical-rl;
    font-size: .68rem;
    transform: rotate(180deg);
  }

  .dash-side-collapsed .dash-brand-sub {
    display: none;
  }
}

.dash-brand {
  flex-direction: column;
  gap: .1rem;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
  display: flex;
}

.dash-brand-mark {
  letter-spacing: .14em;
  color: var(--mira-sidebar-text);
  font-size: 1.65rem;
  font-weight: 700;
}

.dash-brand-sub {
  letter-spacing: .28em;
  text-transform: lowercase;
  color: var(--mira-accent);
  font-size: .72rem;
  font-weight: 600;
}

.dash-user {
  color: var(--mira-sidebar-muted);
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: .8rem;
  display: flex;
}

.dash-top-email {
  color: var(--mira-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 42vw;
  margin-right: auto;
  font-size: .8rem;
  overflow: hidden;
}

.dash-signout {
  border: 1px solid var(--mira-border);
  color: var(--mira-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: .75rem;
  font-weight: 600;
}

.dash-signout:hover {
  border-color: var(--mira-accent);
  color: var(--mira-accent);
}

.dash-card {
  background: var(--mira-card);
  border: 1px solid var(--mira-card-border);
  border-radius: 10px;
  padding: .9rem;
}

.dash-card h2 {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mira-sidebar-muted);
  margin: 0 0 .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.chat-list {
  flex: auto;
  min-height: 0;
  max-height: min(40vh, 280px);
  margin: .75rem 0 0;
  overflow-y: auto;
}

.garage-list.chat-list {
  margin-top: .75rem;
}

.chat-list .garage-list-item strong {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.dash-field {
  color: var(--mira-sidebar-muted);
  flex-direction: column;
  gap: .35rem;
  margin-bottom: .65rem;
  font-size: .75rem;
  display: flex;
}

.dash-field input, .dash-field .dash-select {
  background: var(--mira-input-bg);
  border: 1px solid var(--mira-input-border);
  color: var(--mira-sidebar-text);
  font: inherit;
  box-sizing: border-box;
  border-radius: 8px;
  width: 100%;
  padding: .55rem .65rem;
}

.dash-field input:focus, .dash-field .dash-select:focus {
  outline: 2px solid var(--mira-accent);
  outline-offset: 1px;
}

.dash-field .dash-select:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.vehicle-cascade {
  flex-direction: column;
  display: flex;
}

.city-combo {
  z-index: 1;
  width: 100%;
  position: relative;
}

.city-combo-open {
  z-index: 4;
}

.city-combo > input {
  box-sizing: border-box;
  background: var(--mira-input-bg);
  border: 1px solid var(--mira-input-border);
  width: 100%;
  color: var(--mira-sidebar-text);
  font: inherit;
  border-radius: 8px;
  padding: .55rem .65rem;
}

.city-combo > input:focus {
  outline: 2px solid var(--mira-accent);
  outline-offset: 1px;
}

.city-combo-list {
  z-index: 5;
  background: var(--mira-input-bg);
  border: 1px solid var(--mira-input-border);
  max-height: 240px;
  box-shadow: var(--mira-shadow);
  scrollbar-width: thin;
  scrollbar-color: var(--mira-scrollbar) var(--mira-input-bg);
  border-radius: 8px;
  margin: 0;
  padding: .25rem 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  overflow: hidden auto;
}

.city-combo-list::-webkit-scrollbar {
  width: 8px;
}

.city-combo-list::-webkit-scrollbar-track {
  background: var(--mira-input-bg);
  border-radius: 0 8px 8px 0;
}

.city-combo-list::-webkit-scrollbar-thumb {
  background: var(--mira-scrollbar);
  border: 2px solid var(--mira-input-bg);
  border-radius: 8px;
}

.city-combo-list::-webkit-scrollbar-thumb:hover {
  background: #78716c;
}

.city-combo-empty {
  color: var(--mira-sidebar-muted);
  padding: .55rem .65rem;
  font-size: .85rem;
}

.city-combo-option {
  text-align: left;
  width: 100%;
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 0;
  padding: .5rem .7rem;
  font-size: .875rem;
  line-height: 1.3;
  display: block;
  color: var(--mira-sidebar-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.city-combo-option:hover, .city-combo-option-on {
  background: var(--mira-item-on) !important;
  color: var(--mira-sidebar-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.city-combo-hint {
  color: var(--mira-sidebar-muted);
  margin-top: .12rem;
  font-size: .75rem;
  display: block;
}

.dash-card {
  position: relative;
  overflow: visible !important;
}

.dash-card-garage-open {
  z-index: 2;
  overflow: visible !important;
}

.dash-card-garage {
  border: none;
}

.dash-card-garage :is(input, button, select, .garage-toggle, .garage-list-item, .garage-collapsed, .city-combo-list) {
  border: none;
  outline: none;
}

.dash-card-garage :is(input, select, button):focus, .dash-card-garage :is(input, select, button):focus-visible {
  outline: none;
}

.dash-card-chats {
  z-index: 1;
  border: none;
  flex-direction: column;
  flex-shrink: 0;
  gap: .65rem;
  min-height: 0;
  margin-top: auto;
  display: flex;
  position: relative;
}

.dash-card-chats .garage-head {
  margin-bottom: 0;
}

.dash-card-chats > .chat-list {
  margin-top: 0;
}

.dash-card-chats :is(input, select, .garage-list-item) {
  border: none;
  outline: none;
}

.dash-card-chats :is(input, select, button):focus, .dash-card-chats :is(input, select, button):focus-visible {
  outline: none;
}

.garage-head {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.garage-head h2 {
  margin: 0;
}

.garage-head-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .35rem;
  display: flex;
}

.garage-toggle {
  border: 1px solid var(--mira-card-border);
  color: var(--mira-accent);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 6px;
  padding: .25rem .55rem;
  font-size: .75rem;
}

.garage-list {
  flex-direction: column;
  gap: .35rem;
  margin: 0 0 .65rem;
  padding: 0;
  list-style: none;
  display: flex;
}

.garage-list-item {
  text-align: left;
  border: 1px solid var(--mira-item-border);
  background: var(--mira-item-bg);
  width: 100%;
  color: var(--mira-sidebar-text);
  font: inherit;
  cursor: pointer;
  z-index: 1;
  pointer-events: auto;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
  padding: .55rem .65rem;
  display: flex;
  position: relative;
}

.garage-list-item-on {
  border-color: var(--mira-accent);
  background: var(--mira-item-on);
}

.garage-row {
  border: 1px solid var(--mira-item-border);
  background: var(--mira-item-bg);
  border-radius: 8px;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.garage-row-on {
  border-color: var(--mira-accent);
  background: var(--mira-item-on);
}

.garage-row .garage-list-item {
  background: none;
  border: none;
  flex: 1;
  padding-right: 2.15rem;
}

.garage-del {
  width: 1.75rem;
  height: 1.75rem;
  color: var(--mira-muted);
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 6px;
  place-items: center;
  font-size: 1.15rem;
  line-height: 1;
  display: grid;
  position: absolute;
  top: .3rem;
  right: .25rem;
}

.garage-del:hover {
  color: var(--mira-warn);
  background: var(--mira-warn);
}

@supports (color: color-mix(in lab, red, red)) {
  .garage-del:hover {
    background: color-mix(in srgb, var(--mira-warn) 12%, transparent);
  }
}

.oem-resolved {
  margin: .55rem 0 .35rem;
}

.recent-oems {
  margin-top: .65rem;
}

.recent-oem-row {
  flex-wrap: wrap;
  gap: .35rem;
  margin-top: .35rem;
  display: flex;
}

.recent-oem, .intent-chip, .offer-filter {
  border: 1px solid var(--mira-border);
  background: var(--mira-bg);
  color: var(--mira-text);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  padding: .2rem .6rem;
  font-size: .75rem;
}

.recent-oem:hover, .intent-chip:hover, .offer-filter:hover {
  border-color: var(--mira-accent);
}

.intent-chip-on, .offer-filter-on {
  border-color: var(--mira-accent);
  background: var(--mira-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .intent-chip-on, .offer-filter-on {
    background: color-mix(in srgb, var(--mira-accent) 18%, transparent);
  }
}

.garage-collapsed {
  text-align: left;
  border: 1px solid var(--mira-item-border);
  background: var(--mira-item-bg);
  width: 100%;
  color: var(--mira-sidebar-text);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: .2rem;
  padding: .7rem .75rem;
  display: flex;
}

.garage-collapsed strong {
  font-size: .95rem;
}

.garage-actions {
  flex-direction: column;
  gap: .45rem;
  margin-top: .35rem;
  display: flex;
}

.garage-actions > button {
  box-sizing: border-box;
  width: 100%;
  min-height: 36px;
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  padding: .4rem .85rem;
  font-size: .875rem;
  font-weight: 600;
}

.garage-actions .dash-btn-ghost {
  border: 1px solid var(--mira-card-border);
  color: var(--mira-sidebar-text);
  background: none;
}

.dash-main {
  flex-direction: column;
  min-width: 0;
  min-height: 100vh;
  display: flex;
}

.dash-top {
  background: var(--mira-surface);
  border: none;
  outline: none;
  justify-content: flex-end;
  align-items: center;
  gap: .75rem;
  padding: .85rem 1.25rem;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .dash-top {
    background: color-mix(in srgb, var(--mira-surface) 85%, transparent);
  }
}

.dash-top {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  z-index: 5;
  position: sticky;
  top: 0;
}

.dash-theme-btn {
  border: 1px solid var(--mira-border);
  background: var(--mira-surface);
  width: 36px;
  height: 36px;
  color: var(--mira-primary);
  cursor: pointer;
  border-radius: 8px;
  flex-shrink: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.dash-theme-btn:hover {
  border-color: var(--mira-accent);
  color: var(--mira-accent);
}

.dash-theme-btn svg {
  transition: transform .2s;
  display: block;
}

.dash-theme-btn:hover svg {
  transform: rotate(12deg);
}

[data-theme="dark"] .dash-theme-btn:hover svg {
  transform: rotate(90deg)scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
  .dash-theme-btn svg, .dash-theme-btn:hover svg {
    transition: none;
    transform: none;
  }
}

.dash-messages {
  flex-direction: column;
  flex: 1;
  gap: 1rem;
  padding: 1.25rem;
  display: flex;
  overflow: auto;
}

.dash-empty {
  text-align: center;
  max-width: 34rem;
  margin: auto;
}

.dash-empty h1 {
  letter-spacing: -.035em;
  margin: 0 0 .65rem;
  font-size: clamp(1.7rem, 3.4vw, 2.25rem);
  line-height: 1.15;
}

.dash-empty p {
  color: var(--mira-muted);
  margin: 0;
  font-size: .98rem;
  line-height: 1.55;
}

.dash-msg {
  background: var(--mira-surface);
  border: none;
  border-radius: 12px;
  max-width: 52rem;
  padding: .9rem 1rem;
}

.dash-msg-user {
  background: var(--mira-accent);
  align-self: flex-end;
}

@supports (color: color-mix(in lab, red, red)) {
  .dash-msg-user {
    background: color-mix(in srgb, var(--mira-accent) 12%, var(--mira-surface));
  }
}

.dash-msg-text {
  white-space: pre-wrap;
  margin: 0;
  line-height: 1.5;
}

.dash-md {
  color: var(--mira-text);
  word-break: break-word;
  font-size: .95rem;
  line-height: 1.55;
}

.dash-md-fallback {
  white-space: pre-wrap;
  font: inherit;
  margin: 0;
}

.dash-md-caret {
  background: var(--mira-accent);
  vertical-align: text-bottom;
  width: 6px;
  height: 14px;
  margin-left: 2px;
  animation: 1s step-end infinite dash-md-caret;
  display: inline-block;
}

@keyframes dash-md-caret {
  50% {
    opacity: 0;
  }
}

.dash-md h1, .dash-md h2, .dash-md h3 {
  color: var(--mira-text);
  margin: .6em 0 .35em;
  line-height: 1.25;
}

.dash-md p {
  margin: .4em 0;
}

.dash-md a {
  color: var(--mira-accent);
}

.cite-text {
  color: inherit;
}

.cite-wrap {
  white-space: nowrap;
  display: inline;
  position: relative;
}

.cite-chain, .cite-num {
  vertical-align: middle;
  background: var(--mira-badge-bg);
  border: 1px solid var(--mira-border);
  justify-content: center;
  align-items: center;
  margin: 0 .12em;
  display: inline-flex;
  color: var(--mira-muted) !important;
  text-decoration: none !important;
}

.cite-chain {
  border-radius: 999px;
  width: 1.15rem;
  height: 1.15rem;
}

.cite-num {
  border-radius: 999px;
  min-width: 1.15rem;
  height: 1.15rem;
  padding: 0 .28rem;
  font-size: .68rem;
  font-weight: 650;
  line-height: 1;
}

.cite-chain:hover, .cite-num:hover {
  background: var(--mira-accent);
  border-color: var(--mira-accent);
  color: var(--mira-accent-ink) !important;
}

.cite-pop {
  z-index: 80;
  box-sizing: border-box;
  background: var(--mira-surface);
  border: 1px solid var(--mira-card-border);
  width: 300px;
  box-shadow: var(--mira-shadow);
  color: var(--mira-text);
  pointer-events: auto;
  border-radius: 10px;
  padding: .7rem .8rem .75rem;
  position: fixed;
  transform: translateY(-100%);
}

.cite-pop-head {
  color: var(--mira-muted);
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  display: flex;
}

.cite-fav {
  background: var(--mira-badge-bg);
  border-radius: 4px;
  width: 16px;
  height: 16px;
}

.cite-pop-sep {
  opacity: .55;
}

.cite-pop-title {
  margin: .4rem 0 0;
  font-size: .88rem;
  font-weight: 650;
  line-height: 1.3;
}

.cite-pop-snip {
  color: var(--mira-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: .3rem 0 0;
  font-size: .78rem;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.src-pill {
  border: 1px solid var(--mira-border);
  background: var(--mira-surface);
  color: var(--mira-text);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: .55rem;
  margin-top: .75rem;
  padding: .28rem .85rem .28rem .4rem;
  font-size: .85rem;
  display: inline-flex;
}

.src-pill:hover {
  border-color: var(--mira-accent);
}

.src-pill-stack {
  align-items: center;
  display: flex;
}

.src-pill-stack img {
  border: 1.5px solid var(--mira-surface);
  background: var(--mira-badge-bg);
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin-left: -6px;
}

.src-pill-stack img:first-child {
  margin-left: 0;
}

.src-drawer {
  box-sizing: border-box;
  background: var(--mira-sidebar);
  min-width: 0;
  height: 100dvh;
  max-height: 100dvh;
  color: var(--mira-sidebar-text);
  border-left: 1px solid var(--mira-sidebar-border);
  flex-direction: column;
  align-self: start;
  display: flex;
  position: sticky;
  top: 0;
}

.src-drawer-head {
  border-bottom: 1px solid var(--mira-sidebar-border);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.1rem .85rem;
  display: flex;
}

.src-drawer-head h2 {
  text-transform: none;
  letter-spacing: 0;
  color: var(--mira-sidebar-text);
  margin: 0;
  font-size: 1.05rem;
  font-weight: 650;
}

.src-drawer-x {
  width: 32px;
  height: 32px;
  color: var(--mira-sidebar-muted);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  font-size: 1.4rem;
  line-height: 1;
}

.src-drawer-x:hover {
  color: var(--mira-sidebar-text);
  background: var(--mira-item-on);
}

.src-list {
  flex: 1;
  margin: 0;
  padding: .4rem 0 1.5rem;
  list-style: none;
  overflow: auto;
}

.src-item {
  color: inherit;
  padding: .95rem 1.1rem;
  text-decoration: none;
  display: block;
}

.src-item:hover {
  background: var(--mira-item-on);
}

.src-item-meta {
  color: var(--mira-sidebar-muted);
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  display: flex;
}

.src-item-n {
  background: var(--mira-badge-bg);
  min-width: 1.25rem;
  height: 1.25rem;
  color: var(--mira-badge-text);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0 .3rem;
  font-size: .68rem;
  font-weight: 650;
  display: inline-flex;
}

.src-item-title {
  color: var(--mira-sidebar-text);
  margin: .4rem 0 0;
  font-size: .92rem;
  font-weight: 650;
  line-height: 1.35;
}

.src-item-snip {
  color: var(--mira-sidebar-muted);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: .3rem 0 0;
  font-size: .8rem;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.dash-md ul, .dash-md ol {
  margin: .4em 0;
  padding-left: 1.25rem;
}

.dash-md li {
  margin: .15em 0;
}

.dash-md strong {
  font-weight: 650;
}

.dash-md pre, .dash-md code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .9em;
}

.dash-md pre {
  background: var(--mira-border);
  border-radius: 8px;
  padding: 8px;
  overflow: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .dash-md pre {
    background: color-mix(in srgb, var(--mira-border) 55%, transparent);
  }
}

.dash-md table {
  border-collapse: collapse;
  width: 100%;
  font-size: .85rem;
}

.dash-md th, .dash-md td {
  border: 1px solid var(--mira-border);
  padding: 4px 6px;
}

.dash-vehicle {
  color: var(--mira-muted);
  margin: 0 0 .5rem;
  font-size: .85rem;
}

.dash-clarify {
  background: var(--mira-warn);
  border-radius: 8px;
  margin-top: .5rem;
  padding: .65rem .75rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .dash-clarify {
    background: color-mix(in srgb, var(--mira-warn) 12%, transparent);
  }
}

.dash-clarify ul {
  flex-wrap: wrap;
  gap: .35rem;
  margin: .4rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-hint {
  border: 1px solid var(--mira-border);
  background: var(--mira-surface);
  font: inherit;
  cursor: pointer;
  border-radius: 999px;
  padding: .25rem .65rem;
  font-size: .8rem;
  transition: all .15s;
}

.dash-hint:hover {
  border-color: var(--mira-accent);
  color: var(--mira-accent);
}

.dash-suggestions-row {
  flex-direction: column;
  gap: .35rem;
  margin-top: .65rem;
  display: flex;
}

.dash-suggestions-label {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mira-sidebar-muted);
  font-size: .72rem;
  font-weight: 600;
}

.dash-suggestions-list {
  flex-wrap: wrap;
  gap: .4rem;
  display: flex;
}

.dash-suggestion-btn {
  color: var(--mira-text);
  background: #ea580c14;
  border-color: #ea580c40;
  font-weight: 500;
}

.dash-suggestion-btn:hover {
  background: var(--mira-accent);
  color: #fff;
  border-color: var(--mira-accent);
}

.dash-composer-wrap {
  background: var(--mira-surface);
  flex-direction: column;
  gap: .45rem;
  padding: .55rem 1.25rem 1.25rem;
  display: flex;
}

.intent-chips {
  flex-wrap: wrap;
  gap: .35rem;
  display: flex;
}

.dash-composer {
  background: none;
  border: none;
  gap: .5rem;
  padding: 0;
  display: flex;
  overflow: visible;
}

.dash-composer :is(input, button) {
  border: none;
  outline: none;
}

.dash-composer :is(input, button):focus, .dash-composer :is(input, button):focus-visible {
  outline: none;
}

.dash-composer-field {
  border-radius: 10px;
  flex: 1;
  min-width: 0;
  position: relative;
}

.dash-composer-field:after {
  content: "";
  pointer-events: none;
  opacity: 0;
  z-index: 1;
  box-shadow: inset 0 0 0 2px var(--mira-accent);
  border-radius: 10px;
  position: absolute;
  inset: 0;
}

.dash-composer-field.is-chasing:after {
  animation: .7s ease-out forwards composer-blink;
}

@keyframes composer-blink {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dash-composer-field.is-chasing:after {
    animation: none;
  }
}

.dash-composer input {
  box-sizing: border-box;
  width: 100%;
  font: inherit;
  background: var(--mira-bg);
  color: var(--mira-text);
  box-shadow: inset 0 0 0 1px var(--mira-border);
  border-radius: 10px;
  padding: .75rem .9rem;
  display: block;
}

.dash-btn {
  background: var(--mira-accent);
  color: var(--mira-accent-ink);
  font: inherit;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  padding: .75rem 1.1rem;
  font-weight: 600;
}

.dash-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.dash-btn:hover:not(:disabled) {
  filter: brightness(1.05);
}

.dash-btn-ghost {
  border: 1px solid var(--mira-card-border);
  color: var(--mira-sidebar-text);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  width: 100%;
  padding: .5rem .75rem;
}

.dash-btn-dark {
  border: 1px solid var(--mira-solid-border);
  background: var(--mira-solid-bg);
  color: var(--mira-solid-text);
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  width: 100%;
  padding: .5rem .75rem;
  font-weight: 600;
}

.dash-btn-dark:hover {
  filter: brightness(1.12);
}

.dash-main .dash-btn-ghost {
  color: var(--mira-primary);
  border-color: var(--mira-border);
  width: auto;
}

.dash-muted {
  color: var(--mira-muted);
  margin: 0;
  font-size: .85rem;
}

.dash-warn {
  color: var(--mira-warn);
  margin: 0;
  font-size: .85rem;
}

.offer-block {
  margin-top: .75rem;
}

.offer-toolbar {
  flex-direction: column;
  gap: .35rem;
  margin-bottom: .55rem;
  display: flex;
}

.offer-toolbar-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  display: flex;
}

.offer-fresh {
  color: var(--mira-muted);
  margin-left: .15rem;
  font-size: .75rem;
}

.offer-more {
  border: 1px solid var(--mira-border);
  color: var(--mira-text);
  font: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  margin-top: .55rem;
  padding: .4rem .75rem;
  font-size: .8rem;
}

.offer-img {
  object-fit: contain;
  background: var(--mira-bg);
  border-radius: 6px;
  width: 100%;
  height: 88px;
  margin-bottom: .35rem;
}

.offer-grid {
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: .75rem;
  margin-top: 0;
  display: grid;
}

.offer-card {
  border: 1px solid var(--mira-border);
  background: var(--mira-surface);
  border-radius: 12px;
  flex-direction: column;
  gap: .45rem;
  padding: .85rem;
  text-decoration: none;
  transition: border-color .18s cubic-bezier(.16, 1, .3, 1), transform .18s cubic-bezier(.16, 1, .3, 1), box-shadow .18s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
  box-shadow: 0 1px 3px #0000000a;
}

.offer-card:hover {
  border-color: var(--mira-accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px #00000014;
}

html[data-theme="dark"] .offer-card, [data-theme="dark"] .offer-card {
  background: var(--mira-surface);
  box-shadow: 0 1px 3px #0000004d;
}

html[data-theme="dark"] .offer-card:hover, [data-theme="dark"] .offer-card:hover {
  box-shadow: 0 8px 24px #00000073;
}

.offer-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  display: flex;
}

.offer-identification {
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  display: flex;
}

.offer-brand {
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--mira-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .725rem;
  font-weight: 700;
  overflow: hidden;
}

.offer-pn {
  font-family: var(--font-mono, monospace);
  color: var(--mira-text);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .95rem;
  font-weight: 700;
  overflow: hidden;
}

.offer-badges {
  flex-shrink: 0;
  align-items: center;
  gap: .25rem;
  display: flex;
}

.offer-badge {
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--mira-badge-bg);
  color: var(--mira-badge-text);
  white-space: nowrap;
  border-radius: 4px;
  padding: .15rem .4rem;
  font-size: .65rem;
  font-weight: 600;
}

.offer-badge-analog {
  background: var(--mira-card);
  border: 1px solid var(--mira-border);
  color: var(--mira-muted);
}

.offer-badge-oem {
  background: var(--mira-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .offer-badge-oem {
    background: color-mix(in srgb, var(--mira-accent) 18%, transparent);
  }
}

.offer-badge-oem {
  color: var(--mira-accent);
  border: 1px solid var(--mira-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .offer-badge-oem {
    border: 1px solid color-mix(in srgb, var(--mira-accent) 35%, transparent);
  }
}

.offer-src {
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #fff;
  white-space: nowrap;
  border-radius: 4px;
  padding: .15rem .45rem;
  font-size: .65rem;
  font-weight: 600;
}

.offer-src-zzap {
  color: #1c1917;
  background: #d97706;
}

.offer-src-emex {
  color: #fff;
  background: #2563eb;
}

.offer-src-partkom {
  color: #fff;
  background: #475569;
}

.offer-name {
  color: var(--mira-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.15rem;
  margin: 0;
  font-size: .8rem;
  line-height: 1.35;
  display: -webkit-box;
  overflow: hidden;
}

.offer-price-row {
  border-top: 1px dashed var(--mira-border);
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem;
  margin-top: .15rem;
  padding-top: .4rem;
  display: flex;
}

.offer-price-val {
  color: var(--mira-text);
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  font-size: 1.25rem;
  font-weight: 700;
}

.offer-delivery {
  white-space: nowrap;
  border-radius: 6px;
  align-items: center;
  gap: .3rem;
  padding: .15rem .45rem;
  font-size: .72rem;
  font-weight: 500;
  display: inline-flex;
}

.offer-delivery-stock {
  color: #16a34a;
  background: #22c55e1f;
  border: 1px solid #22c55e40;
}

.offer-delivery-fast {
  color: #2563eb;
  background: #3b82f61a;
  border: 1px solid #3b82f633;
}

.offer-delivery-normal {
  color: var(--mira-muted);
  border: 1px solid var(--mira-border);
  background: #64748b1a;
}

.offer-delivery-order {
  color: #d97706;
  background: #f59e0b1f;
  border: 1px solid #f59e0b40;
}

.offer-delivery-neutral {
  background: var(--mira-card);
  color: var(--mira-muted);
  border: 1px solid var(--mira-border);
}

.offer-pulse-dot {
  background-color: #16a34a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  box-shadow: 0 0 0 2px #22c55e33;
}

.offer-seller-row {
  color: var(--mira-muted);
  justify-content: space-between;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  display: flex;
}

.offer-seller-info {
  align-items: center;
  gap: .35rem;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.offer-seller-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.offer-rating-badge {
  color: #b45309;
  background: #f59e0b1a;
  border-radius: 4px;
  flex-shrink: 0;
  align-items: center;
  gap: .2rem;
  padding: .1rem .35rem;
  font-size: .72rem;
  font-weight: 600;
  display: inline-flex;
}

html[data-theme="dark"] .offer-rating-badge, [data-theme="dark"] .offer-rating-badge {
  color: #fbbf24;
  background: #f59e0b26;
}

.offer-star-icon {
  fill: currentColor;
  width: 11px;
  height: 11px;
}

.offer-trust-info {
  color: var(--mira-muted);
  opacity: .85;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: .05rem;
  font-size: .7rem;
  overflow: hidden;
}

.offer-packcheck {
  color: #059669;
  background: #10b9811a;
  border: 1px solid #10b98133;
  border-radius: 6px;
  align-items: center;
  gap: .35rem;
  margin-top: .15rem;
  padding: .2rem .5rem;
  font-size: .72rem;
  font-weight: 600;
  text-decoration: none;
  transition: background .15s;
  display: inline-flex;
}

.offer-packcheck:hover {
  background: #10b9812e;
}

.offer-actions {
  border-top: 1px solid var(--mira-border);
  flex-direction: column;
  gap: .4rem;
  margin-top: auto;
  padding-top: .5rem;
  display: flex;
}

.offer-sec-row {
  gap: .35rem;
  display: flex;
}

.offer-sec {
  border: 1px solid var(--mira-border);
  background: var(--mira-card);
  color: var(--mira-text);
  font: inherit;
  cursor: pointer;
  border-radius: 6px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  padding: .3rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  transition: all .15s;
  display: inline-flex;
}

.offer-sec:hover:not(:disabled) {
  border-color: var(--mira-accent);
  background: var(--mira-item-on);
}

.offer-sec:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.offer-cta {
  background: var(--mira-accent);
  width: 100%;
  color: var(--mira-accent-ink);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: .35rem;
  padding: .45rem .75rem;
  font-size: .8rem;
  font-weight: 600;
  text-decoration: none;
  transition: all .15s;
  display: inline-flex;
  box-shadow: 0 1px 2px #0000000d;
}

.offer-cta:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #d9770640;
}

.offer-icon {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
}

.offer-packcheck {
  color: var(--mira-accent);
  margin-top: .35rem;
  font-size: .78rem;
  display: inline-block;
}

.media-grid {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: .65rem;
  margin-top: .75rem;
  display: grid;
}

.media-card {
  border: 1px solid var(--mira-border);
  background: #000;
  border-radius: 10px;
  overflow: hidden;
}

.media-card iframe, .media-play, .media-play img, .media-play-ph {
  aspect-ratio: 16 / 9;
  border: 0;
  width: 100%;
  display: block;
}

.media-play {
  cursor: pointer;
  color: #fff;
  background: #111;
  padding: 0;
  position: relative;
}

.media-play img {
  object-fit: cover;
}

.media-play-ph {
  background: #1a1a1a;
}

.media-play-btn {
  background: #000000b8;
  border-radius: 999px;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  margin: auto;
  padding-left: .15rem;
  font-size: 1.15rem;
  display: grid;
  position: absolute;
  inset: 0;
}

.media-play-label {
  background: #000000a6;
  border-radius: 4px;
  padding: .15rem .4rem;
  font-size: .75rem;
  position: absolute;
  bottom: .5rem;
  left: .6rem;
}

.media-play:hover .media-play-btn {
  background: var(--mira-accent, #c45c26);
}

.media-card a.media-ext {
  color: var(--mira-muted, inherit);
  text-underline-offset: 2px;
  background: none;
  padding: 0;
  text-decoration: underline;
  display: inline-block;
}

.media-card iframe {
  min-height: 180px;
}

.media-card .dash-muted {
  background: none;
  padding: 0;
  display: block;
}

.media-meta {
  background: var(--mira-surface);
  flex-direction: column;
  gap: .15rem;
  padding: .45rem .75rem .65rem;
  display: flex;
}

.media-title {
  color: var(--mira-text);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: .78rem;
  line-height: 1.3;
  display: -webkit-box;
  overflow: hidden;
}

.dash-review {
  border-top: 1px solid var(--mira-border);
  margin-top: .75rem;
  padding-top: .65rem;
}

.dash-review-sum {
  margin: .45rem 0 0;
  line-height: 1.45;
}

.dash-review-head {
  align-items: center;
  gap: .5rem;
  margin-bottom: .5rem;
  display: flex;
}

.dash-fleet-list {
  flex-direction: column;
  gap: .4rem;
  margin: .4rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-fleet-row {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .4rem .65rem;
  display: flex;
}

.dash-fleet-row strong {
  font-size: .85rem;
}

.dash-fitment, .dash-kit, .dash-brief, .dash-delta, .dash-oil {
  border: 1px solid var(--mira-border);
  background: var(--mira-surface);
  border-radius: 8px;
  margin-top: .65rem;
  padding: .55rem .7rem;
}

.dash-fitment-mis, .dash-brief ul, .dash-kit ul, .dash-oil ul, .dash-facets {
  flex-wrap: wrap;
  gap: .35rem;
  margin: .35rem 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-fitment-mis li, .dash-brief ul li {
  color: var(--mira-muted);
  font-size: .8rem;
}

.dash-brief p, .dash-delta p, .dash-oil p {
  margin: .25rem 0 0;
  font-size: .85rem;
}

.dash-facet {
  border: 1px solid var(--mira-border);
  border-radius: 999px;
  padding: .15rem .5rem;
  font-size: .72rem;
}

.dash-facet-good {
  color: var(--mira-ok, #1a7f4b);
}

.dash-facet-bad {
  color: var(--mira-warn);
}

.dash-facet-mixed {
  color: var(--mira-muted);
}

.dash-citations {
  flex-direction: column;
  gap: .45rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.dash-citations a {
  color: var(--mira-accent);
  font-size: .85rem;
  font-weight: 600;
  text-decoration: none;
}

.dash-citations a:hover {
  text-decoration: underline;
}

.dash-citations p {
  margin: .15rem 0 0;
  font-size: .8rem;
}

.media-linkonly {
  background: var(--mira-surface);
  color: var(--mira-text);
  align-items: center;
  gap: .65rem;
  padding: .75rem;
  text-decoration: none;
  display: flex;
}

.media-linkonly img {
  object-fit: cover;
  background: #000;
  border-radius: 4px;
  width: 96px;
  height: 54px;
}

.media-linkonly em {
  color: var(--mira-muted);
  font-size: .8rem;
  font-style: normal;
}

.dash-verdict {
  text-transform: uppercase;
  letter-spacing: .08em;
  background: var(--mira-badge-bg);
  border-radius: 4px;
  padding: .2rem .5rem;
  font-size: .7rem;
  display: inline-block;
}

.dash-verdict-good {
  color: #166534;
  background: #dcfce7;
}

.dash-verdict-mixed {
  color: #92400e;
  background: #fef3c7;
}

.dash-verdict-bad {
  color: #991b1b;
  background: #fee2e2;
}

.dash-verdict-insufficient {
  background: var(--mira-badge-bg);
  color: var(--mira-badge-text);
}

.m-bar, .m-tabs, .m-backdrop, .m-sheet-head, .m-city-nudge {
  display: none;
}

@media (max-width: 860px) {
  .dash {
    height: 100dvh;
    max-height: 100dvh;
    padding-top: env(safe-area-inset-top, 0px);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .dash-sources-open {
    grid-template-columns: unset;
  }

  .m-bar {
    background: var(--mira-surface);
    flex-shrink: 0;
    align-items: center;
    gap: .65rem;
    padding: .45rem .75rem;
    display: flex;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .m-bar {
      background: color-mix(in srgb, var(--mira-surface) 92%, transparent);
    }
  }

  .m-bar {
    border-bottom: 1px solid var(--mira-border);
    z-index: 6;
  }

  .m-bar .dash-brand {
    flex-direction: row;
    flex-shrink: 0;
    align-items: baseline;
    gap: .3rem;
  }

  .m-bar .dash-brand-mark {
    letter-spacing: .1em;
    font-size: 1.05rem;
  }

  .m-bar .dash-brand-sub {
    letter-spacing: .18em;
    font-size: .68rem;
  }

  .m-car {
    background: var(--mira-item-on);
    min-width: 0;
    min-height: 44px;
    color: var(--mira-text);
    font: inherit;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    flex: 1;
    padding: .4rem .85rem;
    font-size: .82rem;
    font-weight: 600;
    overflow: hidden;
  }

  .m-car-warn {
    background: var(--mira-warn);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .m-car-warn {
      background: color-mix(in srgb, var(--mira-warn) 16%, var(--mira-surface));
    }
  }

  .m-car-warn {
    color: var(--mira-warn);
  }

  .m-bar .dash-theme-btn {
    width: 44px;
    height: 44px;
  }

  .m-backdrop {
    z-index: 40;
    cursor: pointer;
    background: #1c191766;
    border: 0;
    padding: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .dash-side {
    z-index: 46;
    border-right: none;
    border-top: 1px solid var(--mira-sidebar-border);
    height: min(88dvh, 740px);
    max-height: min(88dvh, 740px);
    padding: .35rem 1rem calc(5.5rem + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
    visibility: hidden;
    box-shadow: var(--mira-shadow);
    border-radius: 16px 16px 0 0;
    transition: transform .3s, visibility 0s .3s;
    position: fixed;
    inset: auto 0 0;
    transform: translateY(110%);
  }

  .dash-m-garage .dash-side, .dash-m-chats .dash-side {
    pointer-events: auto;
    visibility: visible;
    transition: transform .3s, visibility;
    transform: translateY(0);
  }

  .dash-m-garage .dash-card-chats, .dash-m-chats .dash-card-garage, .dash-side-head, .dash-side > .dash-user {
    display: none;
  }

  .m-sheet-head {
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .85rem 0 .55rem;
    display: flex;
    position: relative;
  }

  .m-sheet-head h2 {
    text-transform: none;
    letter-spacing: 0;
    color: var(--mira-sidebar-text);
    margin: 0;
    font-size: 1.05rem;
    font-weight: 650;
  }

  .m-sheet-grab {
    background: var(--mira-input-border);
    border-radius: 999px;
    width: 36px;
    height: 4px;
    margin-left: -18px;
    position: absolute;
    top: .35rem;
    left: 50%;
  }

  .m-sheet-done {
    min-width: 72px;
    min-height: 44px;
    color: var(--mira-accent);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    border-radius: 8px;
    font-weight: 650;
  }

  .dash-card-garage .garage-head h2, .dash-card-chats .garage-head h2 {
    display: none;
  }

  .dash-card-chats .garage-head {
    margin: 0;
  }

  .dash-card-chats .garage-toggle {
    border: 1px solid var(--mira-solid-border);
    background: var(--mira-solid-bg);
    width: 100%;
    min-height: 48px;
    color: var(--mira-solid-text);
    font-size: .95rem;
    font-weight: 650;
  }

  .dash-main {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    display: flex;
  }

  .dash-top {
    display: none;
  }

  .dash-messages {
    flex: 1;
    order: 1;
    min-height: 0;
    padding: .85rem .85rem .5rem;
  }

  .dash-empty h1 {
    font-size: 1.35rem;
  }

  .dash-msg {
    max-width: 100%;
    padding: .75rem .8rem;
  }

  .m-city-nudge {
    background: var(--mira-warn);
    border: 0;
    border-radius: 10px;
    order: 3;
    width: calc(100% - 1.5rem);
    min-height: 44px;
    margin: .35rem .75rem 0;
    display: block;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .m-city-nudge {
      background: color-mix(in srgb, var(--mira-warn) 14%, var(--mira-surface));
    }
  }

  .m-city-nudge {
    color: var(--mira-warn);
    font: inherit;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 600;
  }

  .dash-composer-wrap {
    order: 4;
    padding: .45rem .75rem .55rem;
  }

  .dash-composer {
    gap: .4rem;
    padding: 0;
  }

  .dash-composer input, .dash-field input, .city-combo > input {
    min-height: 48px;
    font-size: 16px;
  }

  .dash-btn, .dash-btn-ghost, .dash-btn-dark {
    min-height: 48px;
  }

  .garage-list-item, .garage-collapsed, .garage-toggle {
    min-height: 44px;
  }

  .offer-grid {
    grid-template-columns: 1fr;
  }

  .offer-card:hover {
    transform: none;
  }

  .offer-actions {
    flex-direction: column;
    gap: .45rem;
  }

  .offer-sec-row {
    gap: .35rem;
    width: 100%;
    display: flex;
  }

  .offer-cta {
    width: 100%;
    min-height: 44px;
    padding: .5rem .75rem;
  }

  .offer-sec {
    min-height: 40px;
    padding: .35rem .5rem;
  }

  .media-grid {
    grid-template-columns: 1fr;
  }

  .src-drawer {
    z-index: 50;
    border-left: none;
    border-top: 1px solid var(--mira-sidebar-border);
    height: min(78dvh, 640px);
    max-height: 78dvh;
    box-shadow: var(--mira-shadow);
    border-radius: 16px 16px 0 0;
    position: fixed;
    inset: auto 0 0;
  }

  .src-drawer-x {
    width: 44px;
    height: 44px;
  }

  .src-item {
    min-height: 48px;
  }

  .m-tabs {
    padding: .2rem .35rem calc(.35rem + env(safe-area-inset-bottom, 0px));
    background: var(--mira-surface);
    border-top: 1px solid var(--mira-border);
    z-index: 30;
    flex-shrink: 0;
    justify-content: space-around;
    align-items: stretch;
    gap: .15rem;
    display: flex;
  }

  .m-tab {
    min-height: 48px;
    color: var(--mira-muted);
    font: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: .15rem;
    font-size: .68rem;
    font-weight: 600;
    display: flex;
  }

  .m-tab-on {
    color: var(--mira-accent);
  }

  .dash-m-garage .city-combo-list {
    max-height: 36dvh;
  }

  .cite-pop {
    width: min(300px, 100vw - 1.5rem);
  }
}

@media (max-width: 860px) and (hover: none) {
  .offer-card:hover, .dash-btn:hover:not(:disabled) {
    filter: none;
    transform: none;
  }
}

@media (max-width: 860px) and (prefers-reduced-motion: reduce) {
  .dash-side, .dash-m-garage .dash-side, .dash-m-chats .dash-side {
    transition: none;
  }
}

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

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

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

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

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

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

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

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

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

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

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

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

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

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

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

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

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

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

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@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-duration {
  syntax: "*";
  inherits: false
}

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

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=apps_web_src_app_globals_1wvyn-h.css.map*/