/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-500: oklch(60.6% 0.25 292.717);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-rose-400: oklch(71.2% 0.194 13.428);
    --color-zinc-50: oklch(98.5% 0 none);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer utilities;
body.mf-app .mf-intake {
  margin-bottom: calc(var(--spacing) * 3);
  width: 100%;
}
body.mf-app .mf-intake__card {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: dashed;
  border-style: dashed;
  border-color: var(--color-zinc-300);
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-white);
  --tw-gradient-via: var(--color-zinc-50);
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    --tw-gradient-to: color-mix(in oklab, var(--color-zinc-100) 80%, transparent);
  }
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding-inline: calc(var(--spacing) * 4);
  padding-top: calc(var(--spacing) * 5);
  padding-bottom: calc(var(--spacing) * 4);
  text-align: center;
  --tw-shadow: 0 14px 36px -28px var(--tw-shadow-color, rgba(15,23,42,0.5));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  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));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: #474747;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #303030;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    --tw-shadow: 0 18px 40px -30px var(--tw-shadow-color, rgba(0,0,0,0.8));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
html[data-theme="dark"] body.mf-app .mf-intake__card {
  background-image: none !important;
  background-color: #303030 !important;
  border-color: #474747;
  box-shadow: 0 18px 40px -30px rgba(0, 0, 0, 0.8);
}
body.mf-app .mf-intake.is-drag .mf-intake__card, body.mf-app .mf-intake__card:hover {
  border-color: var(--color-zinc-500);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: #505050;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #333;
  }
}
html[data-theme="dark"] body.mf-app .mf-intake.is-drag .mf-intake__card, html[data-theme="dark"] body.mf-app .mf-intake__card:hover {
  background-image: none !important;
  background-color: #333333 !important;
  border-color: #505050;
}
body.mf-app .mf-intake.is-filled .mf-intake__card, body.mf-app .mf-intake.is-ready .mf-intake__card {
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-zinc-300);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: var(--color-zinc-600);
  }
}
body.mf-app .mf-intake.is-recording .mf-intake__card {
  border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-rose-400) 80%, transparent);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose-400) 50%, transparent);
    }
  }
}
body.mf-app .mf-intake[inert] {
  pointer-events: none;
  opacity: 60%;
}
body.mf-app .mf-intake__zone {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  text-align: center;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
body.mf-app .mf-intake.is-recording .mf-intake__zone, body.mf-app .mf-intake.is-ready .mf-intake__zone, body.mf-app .mf-intake.is-filled .mf-intake__zone {
  pointer-events: none;
}
body.mf-app .mf-intake__title {
  font-size: 0.95rem;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
  color: var(--color-zinc-950);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
}
body.mf-app .mf-intake__hint {
  max-width: var(--container-sm);
  font-size: 0.75rem;
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-500);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-400);
  }
}
body.mf-app .mf-intake__input {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0%;
}
body.mf-app .mf-intake__actions {
  margin-top: calc(var(--spacing) * 3);
  display: flex;
  justify-content: center;
}
body.mf-app .mf-intake__actions[hidden] {
  display: none !important;
}
body.mf-app .mf-intake__record-btn {
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: auto;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: var(--color-zinc-300);
  background-color: var(--color-white);
  padding-inline: calc(var(--spacing) * 4);
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-900);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-zinc-400);
    }
  }
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-zinc-50);
    }
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: transparent;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #222;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    &:hover {
      @media (hover: hover) {
        background-color: #2f2f2f;
      }
    }
  }
}
body.mf-app .mf-intake__live, body.mf-app .mf-intake__ready, body.mf-app .mf-intake__file-row {
  margin-top: calc(var(--spacing) * 3);
  display: flex;
  width: 100%;
  max-width: var(--container-md);
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: var(--radius-2xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-zinc-200) 90%, transparent);
  }
  background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-zinc-100) 80%, transparent);
  }
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 1.5);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: var(--color-zinc-700);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
    }
  }
}
body.mf-app .mf-intake__live[hidden], body.mf-app .mf-intake__ready[hidden], body.mf-app .mf-intake__file-row[hidden] {
  display: none !important;
}
body.mf-app .mf-intake__wave {
  display: inline-flex;
  height: calc(var(--spacing) * 6);
  flex: 1;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  overflow: hidden;
  padding-inline: var(--spacing);
}
body.mf-app .mf-intake__wave i {
  display: block;
  width: 2px;
  border-radius: calc(infinity * 1px);
  background-color: var(--color-zinc-500);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: var(--color-zinc-300);
  }
  height: 35%;
  animation: mf-intake-wave 1s ease-in-out infinite;
}
body.mf-app .mf-intake__wave i:nth-child(odd) {
  height: 55%;
  animation-delay: .1s;
}
body.mf-app .mf-intake__wave i:nth-child(3n) {
  height: 80%;
  animation-delay: .2s;
}
body.mf-app .mf-intake__wave i:nth-child(4n) {
  height: 40%;
  animation-delay: .05s;
}
body.mf-app .mf-intake__wave i:nth-child(5n) {
  height: 70%;
  animation-delay: .15s;
}
body.mf-app .mf-intake__wave.is-static i {
  animation: none;
  opacity: .75;
}
body.mf-app .mf-intake__timer {
  flex-shrink: 0;
  padding-inline: var(--spacing);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  color: var(--color-zinc-800);
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-100);
  }
  font-size: 0.8125rem;
  direction: ltr;
}
body.mf-app .mf-intake__icon-btn:not(.mf-rec-bar__btn),
body.mf-app .mf-intake__icon-btn--clear:not(.mf-rec-bar__btn),
body.mf-app .mf-intake__play:not(.mf-rec-bar__btn),
body.mf-app .mf-record__play:not(.mf-rec-bar__btn) {
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding: 0px;
}
body.mf-app .mf-intake__icon-btn, body.mf-app .mf-intake__icon-btn--clear {
  background-color: var(--color-zinc-950);
  color: var(--color-white);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: var(--color-white);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-950);
  }
}
body.mf-app .mf-intake__icon-btn:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-intake__icon-btn--clear:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-intake__play:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-record__play:not(.mf-rec-bar__btn) svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
body.mf-app .mf-intake__play:not(.mf-rec-bar__btn),
body.mf-app .mf-record__play:not(.mf-rec-bar__btn) {
  background-color: var(--color-zinc-950);
  color: var(--color-white);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: var(--color-white);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-950);
  }
}
body.mf-app .mf-intake__stop:not(.mf-rec-bar__btn),
body.mf-app .mf-record__stop:not(.mf-rec-bar__btn),
body.mf-app .mf-intake__done:not(.mf-rec-bar__btn) {
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: auto;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 0px;
  padding-inline: calc(var(--spacing) * 3);
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
body.mf-app .mf-intake__stop:not(.mf-rec-bar__btn),
body.mf-app .mf-record__stop:not(.mf-rec-bar__btn) {
  background: #e91752;
  color: #fff;
  width: auto;
  flex: 0 0 auto;
  max-width: none;
  min-height: 0;
}
body.mf-app .mf-intake__stop:not(.mf-rec-bar__btn):hover,
body.mf-app .mf-record__stop:not(.mf-rec-bar__btn):hover {
  background: #d01548;
}
body.mf-app .mf-intake__stop:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-record__stop:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-intake__done:not(.mf-rec-bar__btn) svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
body.mf-app .mf-intake__done:not(.mf-rec-bar__btn) {
  background-color: var(--color-zinc-950);
  color: var(--color-white);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: var(--color-white);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-950);
  }
}
body.mf-app .mf-intake__ready-main {
  display: flex;
  min-width: 0px;
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 1.5);
  border-radius: 10px;
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: calc(var(--spacing) * 0.5);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: color-mix(in srgb, #000 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 35%, transparent);
    }
  }
}
body.mf-app .mf-intake .mf-record__icon-pause {
  display: none !important;
}
body.mf-app .mf-intake .mf-record__play.is-playing .mf-record__icon-play {
  display: none !important;
}
body.mf-app .mf-intake .mf-record__play.is-playing .mf-record__icon-pause {
  display: block !important;
}
body.mf-app .mf-intake .mf-record__start[hidden], body.mf-app .mf-intake .mf-record__stop[hidden] {
  display: none !important;
}
body.mf-app .mf-intake__file-icon {
  display: inline-flex;
  height: calc(var(--spacing) * 9);
  width: calc(var(--spacing) * 9);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background-color: var(--color-violet-100);
  color: var(--color-violet-700);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
    }
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-violet-200);
  }
}
body.mf-app .mf-intake__file-meta {
  display: flex;
  min-width: 0px;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0.5);
  text-align: start;
}
body.mf-app .mf-intake__file-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-900);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
  direction: ltr;
}
body.mf-app .mf-intake__size {
  font-size: 0.7rem;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-500);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-400);
  }
  direction: ltr;
}
body.mf-app .mf-voice-board-wrap {
  margin-top: 0px;
}
body.mf-app .mf-change__voice-wrap {
  margin-top: 0px;
  margin-bottom: calc(var(--spacing) * 3.5);
}
body.mf-app .mf-speech-composer__chips .mf-speech-voice {
  position: relative;
  width: 100%;
  max-width: 16.5rem;
}
body.mf-app .mf-speech-voice__trigger--rich {
  display: inline-flex;
  min-height: calc(var(--spacing) * 11);
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 2.5);
  padding-block: calc(var(--spacing) * 1.5);
}
body.mf-app .mf-speech-voice__trigger-main {
  display: flex;
  min-width: 0px;
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2);
}
body.mf-app .mf-speech-voice__trigger-copy {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0.5);
}
body.mf-app .mf-speech-voice__trigger-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-950);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
}
body.mf-app .mf-speech-voice__trigger-meta {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--radius-md);
  background-color: var(--color-zinc-100);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 1px;
  font-size: 0.6rem;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-600);
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__trigger-meta {
  background-color: #3e3e3e;
  color: #d4d4d8;
  padding-inline: 0.45rem;
}
body.mf-app .mf-voice-board-label {
  margin-top: 0px;
  margin-bottom: calc(var(--spacing) * 3);
  text-align: start;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-800);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-100);
  }
}
body.mf-app .mf-speech-voice {
  position: relative;
  z-index: 1;
  isolation: isolate;
}
body.mf-app .mf-speech-voice.is-open {
  z-index: 220;
}
body.mf-app .mf-speech-voice__menu, body.mf-app .mf-voice-board {
  z-index: 230;
  max-height: none;
  overflow: hidden;
  border-radius: 1.15rem;
  padding: 0.4rem;
  background-clip: padding-box;
  box-shadow: 0 4px 6px -2px rgb(15 23 42 / 6%), 0 18px 40px -12px rgb(15 23 42 / 22%);
  backdrop-filter: blur(8px);
}
body.mf-app .mf-speech-voice__scroll {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  max-height: calc(4 * 3.55rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0;
  border-radius: 0.75rem;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: rgb(161 161 170 / 70%) transparent;
}
body.mf-app .mf-speech-voice__scroll::-webkit-scrollbar {
  width: 6px;
}
body.mf-app .mf-speech-voice__scroll::-webkit-scrollbar-track {
  background: transparent;
  margin-block: 0.35rem;
  border-radius: 999px;
}
body.mf-app .mf-speech-voice__scroll::-webkit-scrollbar-thumb {
  background: rgb(161 161 170 / 55%);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}
body.mf-app .mf-speech-voice__scroll::-webkit-scrollbar-thumb:hover {
  background: rgb(113 113 122 / 75%);
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__menu, html[data-theme="dark"] body.mf-app .mf-voice-board {
  background: rgb(24 24 27 / 96%);
  border-color: #3f3f46;
  box-shadow: 0 4px 6px -2px rgb(0 0 0 / 35%), 0 22px 44px -14px rgb(0 0 0 / 55%);
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__scroll {
  scrollbar-color: rgb(113 113 122 / 80%) transparent;
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__scroll::-webkit-scrollbar-thumb {
  background: rgb(113 113 122 / 70%);
}
body.mf-app .mf-dd__list {
  max-height: calc(4 * 2.5rem);
  overflow-y: auto;
}
body.mf-app .mf-change__voice .mf-speech-voice__menu {
  width: 100%;
  top: calc(100% + 0.35rem);
  bottom: auto;
  inset-inline-start: 0;
  inset-inline-end: 0;
}
body.mf-app .mf-speech-voice__item {
  display: flex;
  width: 100%;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding-inline: calc(var(--spacing) * 2);
  padding-block: calc(var(--spacing) * 1.5);
  text-align: start;
  color: var(--color-zinc-950);
  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));
  --tw-duration: 150ms;
  transition-duration: 150ms;
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-zinc-100);
    }
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__item:hover, html[data-theme="dark"] body.mf-app .mf-speech-voice__item[aria-selected="true"]:hover {
  background: #3e3e3e !important;
}
body.mf-app .mf-speech-voice__item[aria-selected="true"] {
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: transparent;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
  }
}
body.mf-app .mf-speech-voice__item[aria-disabled="true"] {
  opacity: 100%;
}
body.mf-app .mf-voice-avatar {
  position: relative;
  display: flex;
  height: calc(var(--spacing) * 10);
  width: calc(var(--spacing) * 10);
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9px;
  background-color: var(--color-zinc-200);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: var(--color-zinc-800);
  }
}
body.mf-app .mf-voice-avatar[hidden] {
  display: none !important;
}
body.mf-app .mf-speech .mf-speech-voice__menu {
  width: min(24rem, 92vw);
  top: auto;
  bottom: calc(100% + 0.35rem);
  inset-inline-start: 0;
  inset-inline-end: auto;
}
body.mf-app .mf-voice-avatar img {
  height: 100%;
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 0px;
  object-fit: cover;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
body.mf-app .mf-voice-avatar.is-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-600);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-zinc-300);
  }
}
body.mf-app .mf-voice-avatar--chip {
  height: calc(var(--spacing) * 8);
  width: calc(var(--spacing) * 8);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  font-size: 0.7rem;
  --tw-shadow: 0 0 #0000;
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
  outline: none;
}
body.mf-app .mf-voice-avatar--chip img {
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  outline: none;
}
body.mf-app .mf-speech-voice__text {
  min-width: 0px;
  flex: 1;
  gap: var(--spacing);
}
body.mf-app .mf-speech-voice__name {
  font-size: 0.95rem;
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-950);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
}
body.mf-app .mf-speech-voice__desc {
  margin-top: calc(var(--spacing) * 0.5);
  display: inline-flex;
  max-width: fit-content;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  border-radius: var(--radius-md);
  background-color: var(--color-zinc-100);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 1px;
  font-size: 0.6rem;
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-600);
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__desc {
  background-color: #3e3e3e !important;
  color: #d4d4d8;
  padding-inline: 0.45rem;
}
body.mf-app .mf-voice-mark {
  display: inline-flex;
  flex-shrink: 0;
}
body.mf-app .mf-voice-mark--economy {
  color: var(--color-amber-500);
}
body.mf-app .mf-voice-mark--premium {
  color: var(--color-zinc-400);
}
body.mf-app .mf-audio-player__play,
body.mf-app .mf-audio-player.is-playing .mf-audio-player__play,
body.mf-app .mf-record__play:not(.mf-rec-bar__btn),
body.mf-app .mf-record__play:not(.mf-rec-bar__btn).is-playing,
body.mf-app .mf-intake__play:not(.mf-rec-bar__btn) {
  display: inline-flex;
  height: 40px;
  width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: #0a0a0a;
  color: #ffffff;
  --tw-shadow: 0 0 #0000;
  box-shadow: none;
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #ffffff;
    color: #111111;
  }
}
body.mf-app .mf-speech-voice__play, body.mf-app .mf-speech-voice__play.is-playing {
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: #0a0a0a;
  color: #ffffff;
  box-shadow: none;
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #ffffff;
    color: #111111;
  }
}
body.mf-app .mf-audio-player__play svg,
body.mf-app .mf-record__play:not(.mf-rec-bar__btn) svg,
body.mf-app .mf-intake__play:not(.mf-rec-bar__btn) svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
body.mf-app .mf-speech-voice__play svg {
  width: 14px;
  height: 14px;
}
body.mf-app .mf-speech-voice__trigger .mf-voice-avatar {
  order: -9999;
}
body.mf-app .mf-change__voice-trigger {
  display: flex;
  min-height: calc(var(--spacing) * 11);
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--spacing) * 2);
  border-radius: 10px;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-zinc-200);
  --tw-gradient-position: to left in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-white);
  --tw-gradient-to: var(--color-zinc-50);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding-inline: calc(var(--spacing) * 3);
  padding-block: calc(var(--spacing) * 2);
  text-align: start;
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    border-color: #343434;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    background-color: #343434;
  }
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
body.mf-app .mf-change__voice-trigger-main {
  display: flex;
  min-width: 0px;
  flex: 1;
  align-items: center;
  gap: calc(var(--spacing) * 2.5);
}
body.mf-app .mf-change__voice-copy {
  display: flex;
  min-width: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing) * 0.5);
}
body.mf-app .mf-change__voice-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
  color: var(--color-zinc-950);
  &:where(html[data-theme="dark"], html[data-theme="dark"] *) {
    color: var(--color-white);
  }
}
body.mf-app .mf-change__voice-meta {
  display: inline-flex;
  max-width: fit-content;
  align-items: center;
  gap: calc(var(--spacing) * 0.5);
  border-radius: var(--radius-md);
  background-color: var(--color-zinc-100);
  padding-inline: calc(var(--spacing) * 1.5);
  padding-block: 1px;
  font-size: 0.6rem;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-zinc-600);
}
html[data-theme="dark"] body.mf-app .mf-change__voice-meta {
  background-color: #3e3e3e;
  color: #d4d4d8;
  padding-inline: 0.45rem;
}
body.mf-app .mf-change__fieldset {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
html[data-theme="dark"] body.mf-app .mf-dd__trigger, html[data-theme="dark"] body.mf-app .mf-dd__value {
  color: var(--mf-text, #f4f4f5) !important;
  background-color: var(--mf-field-bg, #303030);
}
html[data-theme="dark"] body.mf-app .mf-dd__value.is-placeholder {
  color: #a3a3a3 !important;
}
html[data-theme="dark"] body.mf-app .mf-dd__list {
  background-color: #343434;
  border-color: #343434;
  color: #f4f4f5;
}
html[data-theme="dark"] body.mf-app .mf-dd__option {
  color: #f4f4f5;
}
html[data-theme="dark"] body.mf-app .mf-dd__option:hover, html[data-theme="dark"] body.mf-app .mf-dd__option.is-selected, html[data-theme="dark"] body.mf-app .mf-dd__option.is-active {
  background: #2f2f2f;
  color: #fafafa;
}
html[data-theme="dark"] body.mf-app .mf-change__voice-trigger {
  border: 1px solid #4e4e52;
  background: #343434;
}
html[data-theme="dark"] body.mf-app .mf-change__voice-trigger:hover, html[data-theme="dark"] body.mf-app .mf-change__voice.is-open .mf-change__voice-trigger {
  background: #3e3e3e;
  border-color: #5c5c60;
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__trigger--rich {
  background: #343434;
  border: 1px solid #4e4e52;
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__trigger--rich:hover, html[data-theme="dark"] body.mf-app .mf-speech-voice.is-open .mf-speech-voice__trigger--rich {
  background: #3e3e3e;
  border-color: #5c5c60;
}
html[data-theme="dark"] body.mf-app .mf-intake__live, html[data-theme="dark"] body.mf-app .mf-intake__ready, html[data-theme="dark"] body.mf-app .mf-intake__file-row {
  background: #303030;
  border-color: #3e3e3e;
}
html[data-theme="dark"] body.mf-app .mf-intake__hint {
  color: #a3a3a3;
}
html[data-theme="dark"] body.mf-app .mf-intake__record-btn {
  background: #222222;
  border-color: transparent;
  color: #ffffff;
  box-shadow: none;
}
html[data-theme="dark"] body.mf-app .mf-intake__record-btn:hover {
  background: #e91752;
  border-color: transparent;
  color: #ffffff;
}
html[data-theme="dark"] body.mf-app .mf-intake__stop, html[data-theme="dark"] body.mf-app .mf-record__stop {
  background: #e91752;
  color: #fff;
}
html[data-theme="dark"] body.mf-app .mf-intake__stop:hover, html[data-theme="dark"] body.mf-app .mf-record__stop:hover {
  background: #d01548;
}
@keyframes mf-intake-wave {
  0%, 100% {
    transform: scaleY(0.55);
    opacity: .55;
  }
  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.mf-app .mf-intake__card, body.mf-app .mf-intake__wave i {
    transition: none;
    animation: none;
  }
}
html:not([data-theme="dark"]) body.mf-app .mf-record__play:not(.mf-rec-bar__btn),
html:not([data-theme="dark"]) body.mf-app .mf-record__play:not(.mf-rec-bar__btn).is-playing,
html:not([data-theme="dark"]) body.mf-app .mf-intake__play:not(.mf-rec-bar__btn),
html:not([data-theme="dark"]) body.mf-app .mf-audio-player__play,
html:not([data-theme="dark"]) body.mf-app .mf-audio-player.is-playing .mf-audio-player__play {
  width: 40px;
  height: 40px;
  background: #0a0a0a;
  color: #ffffff;
  box-shadow: none;
  border-radius: 10px;
}
html:not([data-theme="dark"]) body.mf-app .mf-speech-voice__play, html:not([data-theme="dark"]) body.mf-app .mf-speech-voice__play.is-playing {
  width: 2rem;
  height: 2rem;
  background: #0a0a0a;
  color: #ffffff;
  box-shadow: none;
  border-radius: 10px;
}
html[data-theme="dark"] body.mf-app .mf-record__play:not(.mf-rec-bar__btn),
html[data-theme="dark"] body.mf-app .mf-record__play:not(.mf-rec-bar__btn).is-playing,
html[data-theme="dark"] body.mf-app .mf-intake__play:not(.mf-rec-bar__btn),
html[data-theme="dark"] body.mf-app .mf-audio-player__play,
html[data-theme="dark"] body.mf-app .mf-audio-player.is-playing .mf-audio-player__play {
  width: 40px;
  height: 40px;
  background: #ffffff;
  color: #111111;
  box-shadow: none;
  border-radius: 10px;
}
html[data-theme="dark"] body.mf-app .mf-speech-voice__play, html[data-theme="dark"] body.mf-app .mf-speech-voice__play.is-playing {
  width: 2rem;
  height: 2rem;
  background: #ffffff;
  color: #111111;
  box-shadow: none;
  border-radius: 10px;
}
html:not([data-theme="dark"]) body.mf-app .mf-intake__icon-btn--clear {
  background: #0a0a0a;
  color: #ffffff;
  border-radius: 10px;
}
html[data-theme="dark"] body.mf-app .mf-intake__icon-btn--clear {
  background: #ffffff;
  color: #111111;
  border-radius: 10px;
}
@media (max-width: 639px) {
  body.mf-app .mf-intake__card {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 3.5);
  }
  body.mf-app .mf-intake__file-name {
    max-width: 8rem;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  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;
}
@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-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --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-duration: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-leading: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
    }
  }
}

/* === Shared record session bar (Studio + voice/change/noise tools) === */
body.mf-app .mf-rec-bar {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  max-width: none;
  margin: 0.65rem 0 0;
  padding: 0.35rem 0.45rem;
  border: 1px solid rgb(15 23 42 / 8%);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 4px 24px rgb(15 23 42 / 6%);
  direction: ltr;
}
body.mf-app .mf-rec-bar[hidden] {
  display: none !important;
}
body.mf-app .mf-studio-audio-dock--inline .mf-rec-bar {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
}
body.mf-app .mf-rec-bar__wave {
  display: inline-flex;
  flex: 1 1 auto;
  min-width: 0;
  height: 1.6rem;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  padding-inline: 0.35rem;
  overflow: hidden;
}
body.mf-app .mf-rec-bar__wave i {
  display: block;
  width: 2px;
  border-radius: 999px;
  background: #a3a3a3;
  height: 35%;
  animation: mf-intake-wave 1s ease-in-out infinite;
}
body.mf-app .mf-rec-bar__wave i:nth-child(odd) { height: 55%; animation-delay: .1s; }
body.mf-app .mf-rec-bar__wave i:nth-child(3n) { height: 80%; animation-delay: .2s; }
body.mf-app .mf-rec-bar__wave i:nth-child(4n) { height: 40%; animation-delay: .05s; }
body.mf-app .mf-rec-bar__wave i:nth-child(5n) { height: 70%; animation-delay: .15s; }
body.mf-app .mf-rec-bar__wave.is-static i {
  animation: none;
  opacity: .75;
}
body.mf-app .mf-rec-bar__timer {
  flex: 0 0 auto;
  min-width: 2.75rem;
  padding: 0;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
  color: #171717;
  text-align: center;
  direction: ltr;
  font-variant-numeric: tabular-nums;
}
body.mf-app .mf-rec-bar__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  line-height: 0;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
}
body.mf-app .mf-rec-bar__btn--cancel,
body.mf-app .mf-rec-bar__btn--stop {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  border-radius: 999px !important;
  background: #e8eef8 !important;
  color: #1e293b !important;
}
body.mf-app .mf-rec-bar__btn--cancel:hover,
body.mf-app .mf-rec-bar__btn--cancel:focus-visible,
body.mf-app .mf-rec-bar__btn--stop:hover,
body.mf-app .mf-rec-bar__btn--stop:focus-visible {
  background: #dbe5f5 !important;
  color: #0f172a !important;
  outline: none;
}
body.mf-app .mf-rec-bar__btn--stop span { display: none; }
body.mf-app .mf-rec-bar__btn--send {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  min-height: 2rem;
  border-radius: 999px;
  background: #a3a3a3;
  color: #fff;
  pointer-events: none;
  opacity: 0.95;
}
/* Play + confirm: identical round chips (beat legacy 45px / done padding) */
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play,
body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm {
  box-sizing: border-box !important;
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  max-width: 2rem !important;
  max-height: 2rem !important;
  padding: 0 !important;
  gap: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: #fff !important;
  flex: 0 0 2rem !important;
  transition: background-color 0.15s ease, transform 0.12s ease;
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play svg,
body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play {
  background: #171717 !important;
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm {
  background: #16a34a !important;
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play:hover,
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play:focus-visible {
  background: #404040 !important;
  outline: none;
  transform: scale(1.04);
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm:hover,
body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm:focus-visible {
  background: #15803d !important;
  outline: none;
  transform: scale(1.04);
}
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play .mf-record__icon-pause { display: none; }
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play.is-playing .mf-record__icon-play { display: none; }
body.mf-app .mf-rec-bar .mf-rec-bar__btn--play.is-playing .mf-record__icon-pause { display: block; }
html[data-theme="dark"] body.mf-app .mf-rec-bar {
  background: var(--mf-surface-0, #242424);
  border-color: var(--mf-border, #3f3f46);
  box-shadow: none;
}
html[data-theme="dark"] body.mf-app .mf-studio-audio-dock--inline .mf-rec-bar {
  background: transparent;
  border: 0;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar__timer { color: #f5f5f5; }
html[data-theme="dark"] body.mf-app .mf-rec-bar__wave i { background: #a3a3a3; }
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--cancel,
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--stop {
  background: #303030 !important;
  color: #e4e4e7 !important;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--cancel:hover,
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--cancel:focus-visible,
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--stop:hover,
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--stop:focus-visible {
  background: #3e3e3e !important;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar__btn--send {
  background: #525252;
  color: #fafafa;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--play {
  background: #f5f5f5 !important;
  color: #0a0a0a !important;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm {
  background: #22c55e !important;
  color: #052e16 !important;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--play:hover,
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--play:focus-visible {
  background: #e4e4e7 !important;
}
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm:hover,
html[data-theme="dark"] body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm:focus-visible {
  background: #4ade80 !important;
}
@media (max-width: 639px) {
  body.mf-app .mf-rec-bar .mf-rec-bar__btn--cancel,
  body.mf-app .mf-rec-bar .mf-rec-bar__btn--stop,
  body.mf-app .mf-rec-bar .mf-rec-bar__btn--play,
  body.mf-app .mf-rec-bar .mf-rec-bar__btn--send,
  body.mf-app .mf-rec-bar .mf-rec-bar__btn--confirm {
    width: 2.25rem !important;
    height: 2.25rem !important;
    min-width: 2.25rem !important;
    min-height: 2.25rem !important;
    max-width: 2.25rem !important;
    max-height: 2.25rem !important;
    flex-basis: 2.25rem !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.mf-app .mf-rec-bar__wave i { animation: none; opacity: .7; }
  body.mf-app .mf-rec-bar__btn--play,
  body.mf-app .mf-rec-bar__btn--confirm {
    transition: none;
  }
  body.mf-app .mf-rec-bar__btn--play:hover,
  body.mf-app .mf-rec-bar__btn--play:focus-visible,
  body.mf-app .mf-rec-bar__btn--confirm:hover,
  body.mf-app .mf-rec-bar__btn--confirm:focus-visible {
    transform: none;
  }
}