@layer nextiVoiceLayout {
 @media (max-width: 767px), (pointer: coarse) and (max-device-width: 767px), (pointer: coarse) and (max-device-height: 767px) {
  .nexti-pinned-messages.is-mobile,
  .nexti-floating-playback.is-mobile {
    --nx-dock-accent: var(--mobile-theme-component-accent, var(--mobile-theme-accent, #00d5df));
    --nx-dock-muted: var(--mobile-theme-component-muted, var(--mobile-theme-muted, #98aec5));
    --nx-dock-surface: var(--mobile-theme-surface, #101d30);
    color: var(--mobile-theme-text, #edf5ff) !important;
    background: var(--nx-dock-surface) !important;
    background: color-mix(in srgb, var(--nx-dock-surface) 95%, transparent) !important;
    border: 1px solid var(--mobile-theme-line, #27364b) !important;
    border-radius: 18px !important;
    box-shadow: 0 7px 24px #07132012, inset 0 1px 0 #ffffff06 !important;
    backdrop-filter: blur(18px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
    transition: transform .2s var(--motion-ease-standard, ease), opacity .2s var(--motion-ease-standard, ease) !important;
    position: fixed !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    bottom: auto !important;
    transform: translateY(var(--nx-dock-shift, 0px)) scale(var(--nx-dock-scale, 1)) !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
  }
  .nexti-pinned-messages.is-mobile::before,
  .nexti-pinned-messages.is-mobile::after,
  .nexti-floating-playback.is-mobile::before,
  .nexti-floating-playback.is-mobile::after { display: none !important; }
  .nexti-pinned-messages.is-mobile.nexti-top-bar-enter-from,
  .nexti-pinned-messages.is-mobile.nexti-top-bar-leave-to,
  .nexti-floating-playback.is-mobile.nexti-top-bar-enter-from,
  .nexti-floating-playback.is-mobile.nexti-top-bar-leave-to { --nx-dock-shift: -5px; --nx-dock-scale: .985; }
  .nexti-pinned-messages.is-mobile {
    box-sizing: border-box !important;
    height: 53px !important;
    min-height: 53px !important;
    grid-template-columns: 4px minmax(0, 1fr) 34px !important;
    gap: 10px !important;
    padding: 7px 10px 7px 12px !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__dots {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    justify-content: center !important; height: 32px !important; max-height: 32px !important;
    gap: 2px !important; padding: 0 !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__dots span {
    width: 3px !important; height: 3px !important; min-height: 2px !important; flex-shrink: 1 !important;
    background: color-mix(in srgb, var(--nx-dock-accent) 22%, transparent) !important;
    box-shadow: none !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__dots span.is-active {
    height: 22px !important; min-height: 8px !important;
    background: var(--nx-dock-accent) !important;
    border-radius: 3px !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__copy { gap: 3px !important; min-width: 0 !important; }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__copy > strong {
    font-size: 11.5px !important; line-height: 14px !important; font-weight: 650 !important;
    letter-spacing: .08px !important; color: var(--nx-dock-accent) !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__copy > span {
    display: flex !important; align-items: center !important; gap: 6px !important;
    min-width: 0 !important; font-size: 12.5px !important; line-height: 16px !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__copy b {
    flex: 0 1 auto !important; max-width: 46% !important; min-width: 0 !important;
    color: var(--mobile-theme-text, #edf5ff) !important; font-weight: 650 !important;
    overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__preview {
    flex: 1 1 0 !important; min-width: 0 !important; display: block !important;
    color: var(--nx-dock-muted) !important; font-weight: 450 !important;
    font-size: 12.5px !important; line-height: 16px !important;
    overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__pin {
    position: relative !important; width: 34px !important; height: 34px !important;
    display: grid !important; place-items: center !important; border: 0 !important;
    border-radius: 12px !important; padding: 7px !important; box-shadow: none !important;
    background: color-mix(in srgb, var(--nx-dock-accent) 10%, var(--nx-dock-surface)) !important;
    color: var(--nx-dock-accent) !important;
    transition: transform .16s ease, opacity .16s ease !important;
  }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__pin svg { width: 19px !important; height: 19px !important; stroke-width: 1.8 !important; }
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__count {
    position: absolute !important; top: -3px !important; right: -3px !important;
    display: grid !important; place-items: center !important; min-width: 15px !important;
    height: 15px !important; padding: 0 3px !important; box-sizing: border-box !important;
    border: 1px solid var(--nx-dock-surface) !important; border-radius: 8px !important;
    background: var(--mobile-theme-surface-alt, #1a2b40) !important;
    color: var(--mobile-theme-text, #edf5ff) !important;
    font-size: 9px !important; line-height: 1 !important; font-weight: 700 !important;
  }
  .nexti-pinned-messages.is-mobile.is-stacked-with-playback {
    border-bottom: 0 !important; border-radius: 18px 18px 0 0 !important;
    box-shadow: 0 -3px 18px #07132008 !important;
  }
  .nexti-floating-playback.is-mobile {
    min-height: 64px !important; gap: 0 !important; padding: 7px 10px 6px !important;
    top: calc(var(--nexti-mobile-stack-top, var(--nexti-mobile-playback-top, calc(env(safe-area-inset-top, 0px) + 58px))) + var(--nexti-playback-stack-offset, 0px)) !important;
  }
  .nexti-floating-playback.is-mobile.is-stacked {
    border-top: 0 !important; border-radius: 0 0 18px 18px !important;
    --nx-dock-shift: 0px !important; --nx-dock-scale: 1 !important;
  }
  .nexti-floating-playback.is-mobile.is-stacked::before {
    content: '' !important; display: block !important; position: absolute !important;
    top: 0 !important; left: 13px !important; right: 13px !important;
    bottom: auto !important; height: 1px !important; border-radius: 0 !important;
    background: var(--mobile-theme-line, #27364b) !important; opacity: .7 !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__main {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 36px 30px !important;
    gap: 8px !important; min-width: 0 !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__copy {
    display: grid !important;
    min-width: 0 !important; gap: 2px !important; text-align: left !important;
    justify-items: start !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__copy strong {
    display: block !important;
    width: 100% !important; min-width: 0 !important; font-size: 12.8px !important;
    line-height: 16px !important; font-weight: 650 !important;
    color: var(--mobile-theme-text, #edf5ff) !important;
    overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__kind {
    display: flex !important; align-items: center !important; gap: 4px !important;
    min-width: 0 !important; color: var(--nx-dock-muted) !important;
    font-size: 10.5px !important; line-height: 13px !important; font-weight: 450 !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__kind > span:first-of-type {
    display: block !important;
    overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important;
    font-size: inherit !important; line-height: inherit !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__kind svg {
    flex: none !important; width: 11px !important; height: 11px !important; color: var(--nx-dock-accent) !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__wave {
    display: inline-flex !important; align-items: center !important; gap: 2px !important;
    height: 12px !important; margin-left: 3px !important; flex: none !important; opacity: .4;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__wave i {
    display: block; width: 2px; height: 8px; border-radius: 2px;
    background: var(--nx-dock-accent); transform-origin: center; transform: scaleY(.45);
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__wave i:nth-child(2) { height: 12px; animation-delay: -.24s; }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__wave i:nth-child(3) { height: 10px; animation-delay: -.5s; }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__wave i:nth-child(4) { height: 6px; animation-delay: -.12s; }
  .nexti-floating-playback.is-mobile.is-playing .nexti-floating-playback__wave { opacity: 1; }
  .nexti-floating-playback.is-mobile.is-playing .nexti-floating-playback__wave i { animation-name: nxDockWave; animation-duration: .65s; animation-timing-function: ease-in-out; animation-direction: alternate; animation-iteration-count: infinite; }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__play,
  .nexti-floating-playback.is-mobile .nexti-floating-playback__speed,
  .nexti-floating-playback.is-mobile .nexti-floating-playback__close {
    appearance: none !important; -webkit-appearance: none !important;
    display: grid !important; place-items: center !important; padding: 0 !important;
    border: 0 !important; box-shadow: none !important; line-height: 1 !important;
    min-width: 0 !important; min-height: 0 !important; margin: 0 !important;
    transition: transform .16s ease, opacity .16s ease !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__play {
    width: 34px !important; height: 34px !important; border-radius: 50% !important;
    position: relative !important; color: var(--nx-dock-accent) !important;
    background: color-mix(in srgb, var(--nx-dock-accent) 14%, var(--nx-dock-surface)) !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__play svg { width: 19px !important; height: 19px !important; position: relative; z-index: 1; }
  .nexti-floating-playback.is-mobile.is-circle .nexti-floating-playback__play {
    background: conic-gradient(var(--nx-dock-accent) var(--nexti-playback-progress, 0%), var(--mobile-theme-line, #27364b) 0) !important;
  }
  .nexti-floating-playback.is-mobile.is-circle .nexti-floating-playback__play::before {
    content: ''; position: absolute; inset: 2px; border-radius: 50%; background: var(--nx-dock-surface);
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__speed {
    width: 36px !important; height: 28px !important; border-radius: 9px !important;
    color: var(--nx-dock-accent) !important; font-size: 11.5px !important; font-weight: 700 !important;
    background: color-mix(in srgb, var(--nx-dock-accent) 8%, var(--nx-dock-surface)) !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__close {
    width: 30px !important; height: 30px !important; border-radius: 50% !important;
    color: var(--nx-dock-muted) !important; background: transparent !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__close svg { width: 17px !important; height: 17px !important; stroke-width: 1.8 !important; }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__play:active,
  .nexti-floating-playback.is-mobile .nexti-floating-playback__speed:active,
  .nexti-pinned-messages.is-mobile .nexti-pinned-messages__pin:active { opacity: .72 !important; }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__timeline {
    display: grid !important; padding: 0 !important;
    grid-template-columns: 31px minmax(0, 1fr) 31px !important; gap: 7px !important;
    align-items: center !important; min-height: 18px !important;
    color: var(--nx-dock-muted) !important; font-size: 10px !important; line-height: 14px !important;
    font-variant-numeric: tabular-nums !important; font-weight: 500 !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range {
    appearance: none !important; -webkit-appearance: none !important;
    width: 100% !important; min-width: 0 !important; height: 18px !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: transparent !important; box-shadow: none !important; cursor: pointer !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range::-webkit-slider-runnable-track {
    height: 3px !important; border: 0 !important; border-radius: 3px !important;
    background: linear-gradient(90deg, var(--nx-dock-accent) var(--nexti-playback-progress, 0%), var(--mobile-theme-line, #27364b) var(--nexti-playback-progress, 0%)) !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range::-webkit-slider-thumb {
    appearance: none !important; -webkit-appearance: none !important;
    width: 9px !important; height: 9px !important; margin-top: -3px !important;
    border: 0 !important; border-radius: 50% !important; background: var(--nx-dock-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--nx-dock-accent) 10%, var(--nx-dock-surface)) !important;
  }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range::-moz-range-track { height: 3px; border: 0; border-radius: 3px; background: var(--mobile-theme-line, #27364b); }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range::-moz-range-progress { height: 3px; border-radius: 3px; background: var(--nx-dock-accent); }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range::-moz-range-thumb { width: 9px; height: 9px; border: 0; border-radius: 50%; background: var(--nx-dock-accent); }
  .nexti-floating-playback.is-mobile .nexti-floating-playback__range:disabled { opacity: .4 !important; cursor: default !important; }
 }
 @media (prefers-reduced-motion: reduce) { .nexti-floating-playback.is-mobile .nexti-floating-playback__wave i { animation: none !important; } }
}
@keyframes nxDockWave { from { transform: scaleY(.35); } to { transform: scaleY(1); } }