@skippr/live-agent-sdk 0.107.0 → 0.109.0

package/dist/esm/lib-exports.js

@@ -8,7 +8,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/LiveAgent.tsx
 import { LiveKitRoom, RoomAudioRenderer } from "@livekit/components-react";
-import { Fragment as Fragment7, useCallback as useCallback33, useEffect as useEffect49, useMemo as useMemo8, useRef as useRef42, useState as useState39 } from "react";
+import { Fragment as Fragment6, useCallback as useCallback32, useEffect as useEffect48, useMemo as useMemo8, useRef as useRef42, useState as useState38 } from "react";
 // ../../node_modules/.bun/lucide-react@1.8.0+83d5fd7b249dbeef/node_modules/lucide-react/dist/esm/createLucideIcon.js
 import { forwardRef as forwardRef2, createElement as createElement3 } from "react";
 
@@ -521,6 +521,10 @@ var LAUNCHER_MODE = {
   Template: "template"
 };
 var DEFAULT_LAUNCHER_MODE = LAUNCHER_MODE.Avatar;
+var SPLASH_LAYOUT = {
+  Primary: "primary",
+  AlwaysOn: "always_on"
+};
 var SPLASH_COPY_DEFAULTS = {
   howItWorksHeading: "How it works",
   lastAccomplishmentHeading: "Last accomplishment",
@@ -532,7 +536,11 @@ var SPLASH_COPY_DEFAULTS = {
   screenSubtext: "Skippr sees your screen while the session runs",
   startCta: "Start with Skippr",
   continueCta: "Continue session",
-  dismissLabel: "Skip for now"
+  dismissLabel: "Skip for now",
+  tipsHeading: "Tips",
+  tipsCta: "Need help with something else?",
+  tipsEmptyTitle: "Ask about this page",
+  tipsEmptyDescription: "Get instant answers about anything you see here"
 };
 var SPLASH_SECTION_GLYPH = {
   Route: "route",
@@ -3262,6 +3270,82 @@ import { useLocalParticipant as useLocalParticipant3 } from "@livekit/components
 import { Track } from "livekit-client";
 import { useCallback as useCallback10, useEffect as useEffect11, useRef as useRef11, useState as useState9 } from "react";
 
+// src/capture/agentActionSignal.ts
+var isDispatchingAgentAction = false;
+function runAgentAction(dispatch) {
+  isDispatchingAgentAction = true;
+  try {
+    dispatch();
+  } finally {
+    isDispatchingAgentAction = false;
+  }
+}
+function isAgentActionInProgress() {
+  return isDispatchingAgentAction;
+}
+var snapshotRequestHandler = null;
+function onSnapshotRequest(handler) {
+  snapshotRequestHandler = handler;
+  return () => {
+    if (snapshotRequestHandler === handler)
+      snapshotRequestHandler = null;
+  };
+}
+function requestSnapshotAfterAction() {
+  snapshotRequestHandler?.();
+}
+var stopSubscribers = new Set;
+function stopActions() {
+  for (const subscriber of stopSubscribers)
+    subscriber();
+}
+function onActionsStopped(subscriber) {
+  stopSubscribers.add(subscriber);
+  return () => {
+    stopSubscribers.delete(subscriber);
+  };
+}
+var actionsBusy = false;
+var busySubscribers = new Set;
+function setActionsBusy(busy) {
+  if (actionsBusy === busy)
+    return;
+  actionsBusy = busy;
+  for (const subscriber of busySubscribers)
+    subscriber(busy);
+}
+function isActionsBusy() {
+  return actionsBusy;
+}
+function subscribeActionsBusy(subscriber) {
+  busySubscribers.add(subscriber);
+  return () => {
+    busySubscribers.delete(subscriber);
+  };
+}
+
+// src/capture/highlightSignal.ts
+var highlightActive = false;
+var activeSubscribers = new Set;
+function setHighlightActive(active) {
+  if (highlightActive === active)
+    return;
+  highlightActive = active;
+  for (const subscriber of activeSubscribers)
+    subscriber(active);
+}
+var clearSubscribers = new Set;
+function clearHighlight() {
+  for (const subscriber of clearSubscribers)
+    subscriber();
+}
+function onHighlightCleared(subscriber) {
+  clearSubscribers.add(subscriber);
+  return () => {
+    clearSubscribers.delete(subscriber);
+  };
+}
+
 // src/capture/pausedScreenTrack.ts
 var FALLBACK_WIDTH = 1280;
 var FALLBACK_HEIGHT = 720;
@@ -3365,7 +3449,7 @@ function useMediaControls() {
 
 // src/hooks/useSessionHold.ts
 var textEncoder2 = new TextEncoder;
-var FALLBACK_PAUSE_TIMEOUT_SECONDS = 120;
+var FALLBACK_PAUSE_TIMEOUT_SECONDS = 180;
 function useSessionHold({
   pauseSession,
   pauseTimeoutSeconds,
@@ -3411,10 +3495,12 @@ function useSessionHold({
   }, [localParticipant]);
   const hold = useCallback10(async () => {
     try {
+      stopActions();
+      clearHighlight();
+      await publish("pause");
       await localParticipant.setMicrophoneEnabled(false);
       micTrack()?.mediaStreamTrack?.stop();
       await pauseScreenShareForHold();
-      await publish("pause");
       setIsHeld(true);
     } catch (error) {
       console.error("Failed to hold session:", error);
@@ -3593,6 +3679,7 @@ function useAdoptionGoals({
   authedFetch
 }) {
   const [candidates, setCandidates] = useState10([]);
+  const [hasResolved, setHasResolved] = useState10(false);
   const [hash, setHash] = useState10(window.location.hash);
   const match = useCallback11(async () => {
     try {
@@ -3610,11 +3697,14 @@ function useAdoptionGoals({
     } catch (e) {
       console.warn("[Skippr] adoption match failed", e);
       setCandidates([]);
+    } finally {
+      setHasResolved(true);
     }
   }, [authedFetch]);
   useEffect12(() => {
     if (!enabled || !bearerToken) {
       setCandidates([]);
+      setHasResolved(false);
       return;
     }
     match();
@@ -3654,7 +3744,7 @@ function useAdoptionGoals({
   const attendGoal = useCallback11((goalId) => {
     postStatus(goalId, "attended" /* Attended */);
   }, [postStatus]);
-  return { goals, attendGoal };
+  return { goals, hasResolved, attendGoal };
 }
 
 // src/hooks/useAuth.ts
@@ -5876,60 +5966,6 @@ function buildAccessibilityTree() {
   };
 }
 
-// src/capture/agentActionSignal.ts
-var isDispatchingAgentAction = false;
-function runAgentAction(dispatch) {
-  isDispatchingAgentAction = true;
-  try {
-    dispatch();
-  } finally {
-    isDispatchingAgentAction = false;
-  }
-}
-function isAgentActionInProgress() {
-  return isDispatchingAgentAction;
-}
-var snapshotRequestHandler = null;
-function onSnapshotRequest(handler) {
-  snapshotRequestHandler = handler;
-  return () => {
-    if (snapshotRequestHandler === handler)
-      snapshotRequestHandler = null;
-  };
-}
-function requestSnapshotAfterAction() {
-  snapshotRequestHandler?.();
-}
-var stopSubscribers = new Set;
-function stopActions() {
-  for (const subscriber of stopSubscribers)
-    subscriber();
-}
-function onActionsStopped(subscriber) {
-  stopSubscribers.add(subscriber);
-  return () => {
-    stopSubscribers.delete(subscriber);
-  };
-}
-var actionsBusy = false;
-var busySubscribers = new Set;
-function setActionsBusy(busy) {
-  if (actionsBusy === busy)
-    return;
-  actionsBusy = busy;
-  for (const subscriber of busySubscribers)
-    subscriber(busy);
-}
-function isActionsBusy() {
-  return actionsBusy;
-}
-function subscribeActionsBusy(subscriber) {
-  busySubscribers.add(subscriber);
-  return () => {
-    busySubscribers.delete(subscriber);
-  };
-}
-
 // src/capture/domEvents.ts
 var MUTATION_DEBOUNCE_MS = 250;
 var textEncoder3 = new TextEncoder;
@@ -6107,23 +6143,51 @@ var DARK_FOREGROUND = "#2d2b3d";
 var LIGHT_FOREGROUND = "#ffffff";
 var LUMINANCE_THRESHOLD = 0.179;
 var HEX_COLOR = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i;
+var MIN_CONTRAST_ON_WHITE = 4.5;
+var DARKENING_STEPS = 12;
 function isHexColor(value) {
   return HEX_COLOR.test(value);
 }
-function linearChannel(hex, offset) {
-  const channel = Number.parseInt(hex.slice(offset, offset + 2), 16) / 255;
-  return channel <= 0.03928 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4;
-}
-function luminance(accentColor) {
+function toChannels(accentColor) {
   const hex = accentColor.replace("#", "");
   const fullHex = hex.length === 3 ? hex.split("").map((char) => char + char).join("") : hex;
-  return 0.2126 * linearChannel(fullHex, 0) + 0.7152 * linearChannel(fullHex, 2) + 0.0722 * linearChannel(fullHex, 4);
+  return [0, 2, 4].map((offset) => Number.parseInt(fullHex.slice(offset, offset + 2), 16));
+}
+function toHex(channels) {
+  return `#${channels.map((channel) => Math.round(channel).toString(16).padStart(2, "0")).join("")}`;
+}
+function linearChannel(channel) {
+  const scaled = channel / 255;
+  return scaled <= 0.03928 ? scaled / 12.92 : ((scaled + 0.055) / 1.055) ** 2.4;
+}
+function luminance(accentColor) {
+  const [r, g, b] = toChannels(accentColor);
+  return 0.2126 * linearChannel(r) + 0.7152 * linearChannel(g) + 0.0722 * linearChannel(b);
+}
+function contrastOnWhite(accentColor) {
+  return 1.05 / (luminance(accentColor) + 0.05);
+}
+function darken(accentColor, factor) {
+  const [r, g, b] = toChannels(accentColor);
+  return toHex([r * factor, g * factor, b * factor]);
 }
 function brandForeground(accentColor) {
   return luminance(accentColor) > LUMINANCE_THRESHOLD ? DARK_FOREGROUND : LIGHT_FOREGROUND;
 }
 function brandOnWhite(accentColor) {
-  return luminance(accentColor) > LUMINANCE_THRESHOLD ? DARK_FOREGROUND : accentColor;
+  if (contrastOnWhite(accentColor) >= MIN_CONTRAST_ON_WHITE)
+    return toHex(toChannels(accentColor));
+  let tooDark = 0;
+  let tooLight = 1;
+  for (let step = 0;step < DARKENING_STEPS; step++) {
+    const factor = (tooDark + tooLight) / 2;
+    if (contrastOnWhite(darken(accentColor, factor)) >= MIN_CONTRAST_ON_WHITE) {
+      tooDark = factor;
+    } else {
+      tooLight = factor;
+    }
+  }
+  return darken(accentColor, tooDark);
 }
 
 // src/capture/paintCursorOverlay.ts
@@ -6677,39 +6741,6 @@ function DomCapture({ pushOrTapMicMode = false, startMuted = false }) {
 // src/components/HighlightOverlay.tsx
 import { useDataChannel } from "@livekit/components-react/hooks";
 import { useCallback as useCallback16, useEffect as useEffect23, useRef as useRef18 } from "react";
-
-// src/capture/highlightSignal.ts
-var highlightActive = false;
-var activeSubscribers = new Set;
-function setHighlightActive(active) {
-  if (highlightActive === active)
-    return;
-  highlightActive = active;
-  for (const subscriber of activeSubscribers)
-    subscriber(active);
-}
-function isHighlightActive() {
-  return highlightActive;
-}
-function subscribeHighlightActive(subscriber) {
-  activeSubscribers.add(subscriber);
-  return () => {
-    activeSubscribers.delete(subscriber);
-  };
-}
-var clearSubscribers = new Set;
-function clearHighlight() {
-  for (const subscriber of clearSubscribers)
-    subscriber();
-}
-function onHighlightCleared(subscriber) {
-  clearSubscribers.add(subscriber);
-  return () => {
-    clearSubscribers.delete(subscriber);
-  };
-}
-
-// src/components/HighlightOverlay.tsx
 var HIGHLIGHT_AUTO_CLEAR_MS = 25000;
 var textDecoder = new TextDecoder;
 function parseHighlightMessage(payload) {
@@ -8482,7 +8513,7 @@ function ShadowHost({
   const hostRef = useRef25(null);
   const [shadowRoot, setShadowRoot] = useState22(null);
   const css = `/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@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(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-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{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{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:aspect-square{aspect-ratio:1}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-1\\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/10{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)10%,transparent)}}.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/40{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/40{background-color:color-mix(in oklab,var(--skippr-color-white)40%,transparent)}}.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[8px\\]{padding-inline:8px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-\\[var\\(--skippr-brand-on-white\\,\\#2d2b3d\\)\\]{color:var(--skippr-brand-on-white,#2d2b3d)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--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,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 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)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\: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)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--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)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-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,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\: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(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:bg-white\\/20:hover{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab,var(--skippr-color-white)20%,transparent)}}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-\\[\\#8b877f\\]:hover{color:#8b877f}.skippr\\:hover\\:text-\\[\\#b8b4ac\\]:hover{color:#b8b4ac}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);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,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);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,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
+@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-outline-style:solid}}}@layer theme{:root,:host{--skippr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--skippr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--skippr-color-red-50:oklch(97.1% .013 17.38);--skippr-color-red-100:oklch(93.6% .032 17.717);--skippr-color-red-200:oklch(88.5% .062 18.334);--skippr-color-red-300:oklch(80.8% .114 19.571);--skippr-color-red-400:oklch(70.4% .191 22.216);--skippr-color-red-500:oklch(63.7% .237 25.331);--skippr-color-red-600:oklch(57.7% .245 27.325);--skippr-color-red-700:oklch(50.5% .213 27.518);--skippr-color-amber-50:oklch(98.7% .022 95.277);--skippr-color-amber-100:oklch(96.2% .059 95.617);--skippr-color-amber-400:oklch(82.8% .189 84.429);--skippr-color-amber-700:oklch(55.5% .163 48.998);--skippr-color-amber-950:oklch(27.9% .077 45.635);--skippr-color-emerald-400:oklch(76.5% .177 163.223);--skippr-color-neutral-100:oklch(97% 0 0);--skippr-color-neutral-200:oklch(92.2% 0 0);--skippr-color-neutral-500:oklch(55.6% 0 0);--skippr-color-neutral-700:oklch(37.1% 0 0);--skippr-color-black:#000;--skippr-color-white:#fff;--skippr-spacing:.25rem;--skippr-text-xs:.75rem;--skippr-text-xs--line-height:calc(1/.75);--skippr-text-sm:.875rem;--skippr-text-sm--line-height:calc(1.25/.875);--skippr-font-weight-medium:500;--skippr-font-weight-semibold:600;--skippr-font-weight-bold:700;--skippr-leading-snug:1.375;--skippr-leading-relaxed:1.625;--skippr-ease-out:cubic-bezier(0,0,.2,1);--skippr-ease-in-out:cubic-bezier(.4,0,.2,1);--skippr-animate-spin:spin 1s linear infinite;--skippr-animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--skippr-animate-bounce:bounce 1s infinite;--skippr-blur-sm:8px;--skippr-default-transition-duration:.15s;--skippr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--skippr-default-font-family:var(--skippr-font-sans);--skippr-default-mono-font-family:var(--skippr-font-mono)}}@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(--skippr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--skippr-default-font-feature-settings,normal);font-variation-settings:var(--skippr-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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--skippr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--skippr-default-mono-font-feature-settings,normal);font-variation-settings:var(--skippr-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{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{.skippr\\:pointer-events-auto{pointer-events:auto}.skippr\\:pointer-events-none{pointer-events:none}.skippr\\:absolute{position:absolute}.skippr\\:fixed{position:fixed}.skippr\\:relative{position:relative}.skippr\\:sticky{position:sticky}.skippr\\:-inset-\\[3px\\]{inset:-3px}.skippr\\:inset-0{inset:calc(var(--skippr-spacing)*0)}.skippr\\:inset-y-0{inset-block:calc(var(--skippr-spacing)*0)}.skippr\\:-top-1{top:calc(var(--skippr-spacing)*-1)}.skippr\\:-top-6{top:calc(var(--skippr-spacing)*-6)}.skippr\\:-top-8{top:calc(var(--skippr-spacing)*-8)}.skippr\\:-top-\\[2px\\]{top:-2px}.skippr\\:-top-\\[3px\\]{top:-3px}.skippr\\:-top-\\[13px\\]{top:-13px}.skippr\\:top-0{top:calc(var(--skippr-spacing)*0)}.skippr\\:top-1\\/2{top:50%}.skippr\\:top-\\[8px\\]{top:8px}.skippr\\:top-full{top:100%}.skippr\\:-right-1{right:calc(var(--skippr-spacing)*-1)}.skippr\\:-right-8{right:calc(var(--skippr-spacing)*-8)}.skippr\\:-right-\\[2px\\]{right:-2px}.skippr\\:-right-\\[6px\\]{right:-6px}.skippr\\:right-0{right:calc(var(--skippr-spacing)*0)}.skippr\\:right-3{right:calc(var(--skippr-spacing)*3)}.skippr\\:right-5{right:calc(var(--skippr-spacing)*5)}.skippr\\:right-6{right:calc(var(--skippr-spacing)*6)}.skippr\\:right-\\[4px\\]{right:4px}.skippr\\:right-\\[8px\\]{right:8px}.skippr\\:-bottom-\\[2px\\]{bottom:-2px}.skippr\\:bottom-3{bottom:calc(var(--skippr-spacing)*3)}.skippr\\:bottom-4{bottom:calc(var(--skippr-spacing)*4)}.skippr\\:bottom-20{bottom:calc(var(--skippr-spacing)*20)}.skippr\\:bottom-\\[calc\\(100\\%\\+8px\\)\\]{bottom:calc(100% + 8px)}.skippr\\:bottom-\\[calc\\(100\\%\\+11px\\)\\]{bottom:calc(100% + 11px)}.skippr\\:bottom-full{bottom:100%}.skippr\\:-left-8{left:calc(var(--skippr-spacing)*-8)}.skippr\\:-left-\\[2px\\]{left:-2px}.skippr\\:-left-\\[6px\\]{left:-6px}.skippr\\:left-0{left:calc(var(--skippr-spacing)*0)}.skippr\\:left-1\\/2{left:50%}.skippr\\:left-2{left:calc(var(--skippr-spacing)*2)}.skippr\\:left-3{left:calc(var(--skippr-spacing)*3)}.skippr\\:left-5{left:calc(var(--skippr-spacing)*5)}.skippr\\:left-6{left:calc(var(--skippr-spacing)*6)}.skippr\\:z-10{z-index:10}.skippr\\:z-20{z-index:20}.skippr\\:z-\\[1\\]{z-index:1}.skippr\\:z-\\[2\\]{z-index:2}.skippr\\:z-\\[4\\]{z-index:4}.skippr\\:z-\\[5\\]{z-index:5}.skippr\\:z-\\[6\\]{z-index:6}.skippr\\:z-\\[7\\]{z-index:7}.skippr\\:z-\\[8\\]{z-index:8}.skippr\\:z-\\[9998\\]{z-index:9998}.skippr\\:z-\\[9999\\]{z-index:9999}.skippr\\:z-\\[10000\\]{z-index:10000}.skippr\\:order-first{order:-9999}.skippr\\:order-last{order:9999}.skippr\\:mx-auto{margin-inline:auto}.skippr\\:-mt-1{margin-top:calc(var(--skippr-spacing)*-1)}.skippr\\:-mt-\\[5px\\]{margin-top:-5px}.skippr\\:-mt-\\[27px\\]{margin-top:-27px}.skippr\\:mt-1{margin-top:calc(var(--skippr-spacing)*1)}.skippr\\:mt-1\\.5{margin-top:calc(var(--skippr-spacing)*1.5)}.skippr\\:mt-2{margin-top:calc(var(--skippr-spacing)*2)}.skippr\\:mt-3{margin-top:calc(var(--skippr-spacing)*3)}.skippr\\:mt-3\\.5{margin-top:calc(var(--skippr-spacing)*3.5)}.skippr\\:mt-\\[1px\\]{margin-top:1px}.skippr\\:mt-\\[6px\\]{margin-top:6px}.skippr\\:mt-\\[8px\\]{margin-top:8px}.skippr\\:mt-\\[9px\\]{margin-top:9px}.skippr\\:-mr-1{margin-right:calc(var(--skippr-spacing)*-1)}.skippr\\:mr-7{margin-right:calc(var(--skippr-spacing)*7)}.skippr\\:mr-\\[22px\\]{margin-right:22px}.skippr\\:-mb-\\[5px\\]{margin-bottom:-5px}.skippr\\:mb-1{margin-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:mb-1\\.5{margin-bottom:calc(var(--skippr-spacing)*1.5)}.skippr\\:mb-2{margin-bottom:calc(var(--skippr-spacing)*2)}.skippr\\:mb-3{margin-bottom:calc(var(--skippr-spacing)*3)}.skippr\\:mb-4{margin-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:mb-\\[14px\\]{margin-bottom:14px}.skippr\\:-ml-\\[2px\\]{margin-left:-2px}.skippr\\:ml-0\\.5{margin-left:calc(var(--skippr-spacing)*.5)}.skippr\\:ml-1{margin-left:calc(var(--skippr-spacing)*1)}.skippr\\:ml-7{margin-left:calc(var(--skippr-spacing)*7)}.skippr\\:ml-auto{margin-left:auto}.skippr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.skippr\\:block{display:block}.skippr\\:flex{display:flex}.skippr\\:hidden{display:none}.skippr\\:inline-flex{display:inline-flex}.skippr\\:size-1{width:calc(var(--skippr-spacing)*1);height:calc(var(--skippr-spacing)*1)}.skippr\\:size-1\\.5{width:calc(var(--skippr-spacing)*1.5);height:calc(var(--skippr-spacing)*1.5)}.skippr\\:size-2{width:calc(var(--skippr-spacing)*2);height:calc(var(--skippr-spacing)*2)}.skippr\\:size-2\\.5{width:calc(var(--skippr-spacing)*2.5);height:calc(var(--skippr-spacing)*2.5)}.skippr\\:size-3{width:calc(var(--skippr-spacing)*3);height:calc(var(--skippr-spacing)*3)}.skippr\\:size-3\\.5{width:calc(var(--skippr-spacing)*3.5);height:calc(var(--skippr-spacing)*3.5)}.skippr\\:size-4{width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}.skippr\\:size-5{width:calc(var(--skippr-spacing)*5);height:calc(var(--skippr-spacing)*5)}.skippr\\:size-6{width:calc(var(--skippr-spacing)*6);height:calc(var(--skippr-spacing)*6)}.skippr\\:size-7{width:calc(var(--skippr-spacing)*7);height:calc(var(--skippr-spacing)*7)}.skippr\\:size-8{width:calc(var(--skippr-spacing)*8);height:calc(var(--skippr-spacing)*8)}.skippr\\:size-9{width:calc(var(--skippr-spacing)*9);height:calc(var(--skippr-spacing)*9)}.skippr\\:size-10{width:calc(var(--skippr-spacing)*10);height:calc(var(--skippr-spacing)*10)}.skippr\\:size-12{width:calc(var(--skippr-spacing)*12);height:calc(var(--skippr-spacing)*12)}.skippr\\:size-\\[3px\\]{width:3px;height:3px}.skippr\\:size-\\[4px\\]{width:4px;height:4px}.skippr\\:size-\\[5px\\]{width:5px;height:5px}.skippr\\:size-\\[6px\\]{width:6px;height:6px}.skippr\\:size-\\[7px\\]{width:7px;height:7px}.skippr\\:size-\\[8px\\]{width:8px;height:8px}.skippr\\:size-\\[9px\\]{width:9px;height:9px}.skippr\\:size-\\[10px\\]{width:10px;height:10px}.skippr\\:size-\\[11px\\]{width:11px;height:11px}.skippr\\:size-\\[12px\\]{width:12px;height:12px}.skippr\\:size-\\[13px\\]{width:13px;height:13px}.skippr\\:size-\\[14px\\]{width:14px;height:14px}.skippr\\:size-\\[15px\\]{width:15px;height:15px}.skippr\\:size-\\[16px\\]{width:16px;height:16px}.skippr\\:size-\\[17px\\]{width:17px;height:17px}.skippr\\:size-\\[18px\\]{width:18px;height:18px}.skippr\\:size-\\[19px\\]{width:19px;height:19px}.skippr\\:size-\\[20px\\]{width:20px;height:20px}.skippr\\:size-\\[22px\\]{width:22px;height:22px}.skippr\\:size-\\[26px\\]{width:26px;height:26px}.skippr\\:size-\\[28px\\]{width:28px;height:28px}.skippr\\:size-\\[30px\\]{width:30px;height:30px}.skippr\\:size-\\[32px\\]{width:32px;height:32px}.skippr\\:size-\\[34px\\]{width:34px;height:34px}.skippr\\:size-\\[38px\\]{width:38px;height:38px}.skippr\\:size-\\[46px\\]{width:46px;height:46px}.skippr\\:size-full{width:100%;height:100%}.skippr\\:h-0{height:calc(var(--skippr-spacing)*0)}.skippr\\:h-1{height:calc(var(--skippr-spacing)*1)}.skippr\\:h-1\\.5{height:calc(var(--skippr-spacing)*1.5)}.skippr\\:h-2{height:calc(var(--skippr-spacing)*2)}.skippr\\:h-3{height:calc(var(--skippr-spacing)*3)}.skippr\\:h-3\\.5{height:calc(var(--skippr-spacing)*3.5)}.skippr\\:h-5{height:calc(var(--skippr-spacing)*5)}.skippr\\:h-6{height:calc(var(--skippr-spacing)*6)}.skippr\\:h-7{height:calc(var(--skippr-spacing)*7)}.skippr\\:h-8{height:calc(var(--skippr-spacing)*8)}.skippr\\:h-9{height:calc(var(--skippr-spacing)*9)}.skippr\\:h-10{height:calc(var(--skippr-spacing)*10)}.skippr\\:h-\\[5px\\]{height:5px}.skippr\\:h-\\[11px\\]{height:11px}.skippr\\:h-\\[14px\\]{height:14px}.skippr\\:h-\\[16px\\]{height:16px}.skippr\\:h-\\[18\\.5px\\]{height:18.5px}.skippr\\:h-\\[18px\\]{height:18px}.skippr\\:h-\\[22px\\]{height:22px}.skippr\\:h-\\[24px\\]{height:24px}.skippr\\:h-\\[26px\\]{height:26px}.skippr\\:h-\\[36px\\]{height:36px}.skippr\\:h-\\[38px\\]{height:38px}.skippr\\:h-\\[48px\\]{height:48px}.skippr\\:h-\\[54px\\]{height:54px}.skippr\\:h-full{height:100%}.skippr\\:h-px{height:1px}.skippr\\:max-h-\\[132px\\]{max-height:132px}.skippr\\:min-h-0{min-height:calc(var(--skippr-spacing)*0)}.skippr\\:min-h-11{min-height:calc(var(--skippr-spacing)*11)}.skippr\\:min-h-\\[16px\\]{min-height:16px}.skippr\\:w-0{width:calc(var(--skippr-spacing)*0)}.skippr\\:w-3\\.5{width:calc(var(--skippr-spacing)*3.5)}.skippr\\:w-5{width:calc(var(--skippr-spacing)*5)}.skippr\\:w-6{width:calc(var(--skippr-spacing)*6)}.skippr\\:w-7{width:calc(var(--skippr-spacing)*7)}.skippr\\:w-10{width:calc(var(--skippr-spacing)*10)}.skippr\\:w-40{width:calc(var(--skippr-spacing)*40)}.skippr\\:w-\\[2\\.5px\\]{width:2.5px}.skippr\\:w-\\[2px\\]{width:2px}.skippr\\:w-\\[3px\\]{width:3px}.skippr\\:w-\\[9px\\]{width:9px}.skippr\\:w-\\[14px\\]{width:14px}.skippr\\:w-\\[15\\.4px\\]{width:15.4px}.skippr\\:w-\\[15px\\]{width:15px}.skippr\\:w-\\[16px\\]{width:16px}.skippr\\:w-\\[22px\\]{width:22px}.skippr\\:w-\\[36px\\]{width:36px}.skippr\\:w-\\[38px\\]{width:38px}.skippr\\:w-\\[50px\\]{width:50px}.skippr\\:w-\\[120px\\]{width:120px}.skippr\\:w-\\[148px\\]{width:148px}.skippr\\:w-\\[150px\\]{width:150px}.skippr\\:w-\\[156px\\]{width:156px}.skippr\\:w-\\[220px\\]{width:220px}.skippr\\:w-\\[225px\\]{width:225px}.skippr\\:w-\\[240px\\]{width:240px}.skippr\\:w-\\[255px\\]{width:255px}.skippr\\:w-\\[320px\\]{width:320px}.skippr\\:w-fit{width:fit-content}.skippr\\:w-full{width:100%}.skippr\\:w-px{width:1px}.skippr\\:max-w-64{max-width:calc(var(--skippr-spacing)*64)}.skippr\\:max-w-72{max-width:calc(var(--skippr-spacing)*72)}.skippr\\:max-w-\\[80\\%\\]{max-width:80%}.skippr\\:max-w-\\[280px\\]{max-width:280px}.skippr\\:min-w-0{min-width:calc(var(--skippr-spacing)*0)}.skippr\\:min-w-11{min-width:calc(var(--skippr-spacing)*11)}.skippr\\:min-w-\\[96px\\]{min-width:96px}.skippr\\:flex-1{flex:1}.skippr\\:shrink-0{flex-shrink:0}.skippr\\:origin-bottom{transform-origin:bottom}.skippr\\:origin-bottom-left{transform-origin:0 100%}.skippr\\:origin-bottom-right{transform-origin:100% 100%}.skippr\\:origin-center{transform-origin:50%}.skippr\\:origin-left{transform-origin:0}.skippr\\:origin-right{transform-origin:100%}.skippr\\:origin-top{transform-origin:top}.skippr\\:origin-top-left{transform-origin:0 0}.skippr\\:origin-top-right{transform-origin:100% 0}.skippr\\:-translate-x-1\\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*-7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-3{--tw-translate-x:calc(var(--skippr-spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:translate-x-7{--tw-translate-x:calc(var(--skippr-spacing)*7);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:-translate-y-\\[4px\\]{--tw-translate-y:calc(4px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:scale-\\[0\\.94\\]{scale:.94}.skippr\\:-rotate-90{rotate:-90deg}.skippr\\:rotate-45{rotate:45deg}.skippr\\:rotate-\\[225deg\\]{rotate:225deg}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out\\]{animation:.2s ease-out skippr-agent-in}.skippr\\:\\[animation\\:skippr-agent-in_200ms_ease-out_240ms_both\\]{animation:.2s ease-out .24s both skippr-agent-in}.skippr\\:\\[animation\\:skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:\\[animation\\:skippr-block-reveal_320ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.32s cubic-bezier(.22,1,.36,1) skippr-block-reveal}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.18s_infinite\\]{animation:1.1s ease-in-out .18s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0\\.36s_infinite\\]{animation:1.1s ease-in-out .36s infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-breathe_1\\.1s_ease-in-out_0s_infinite\\]{animation:1.1s ease-in-out infinite skippr-breathe}.skippr\\:\\[animation\\:skippr-evaporate_3\\.2s_ease-in_forwards\\]{animation:3.2s ease-in forwards skippr-evaporate}.skippr\\:\\[animation\\:skippr-fade-in_0\\.2s_ease\\]{animation:.2s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.16s_ease\\]{animation:.16s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.22s_ease\\]{animation:.22s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.24s_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.24s cubic-bezier(.22,1,.36,1) skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-in_0\\.25s_ease\\]{animation:.25s skippr-fade-in}.skippr\\:\\[animation\\:skippr-fade-out_0\\.18s_ease-in_forwards\\]{animation:.18s ease-in forwards skippr-fade-out}.skippr\\:\\[animation\\:skippr-finger-tap_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-finger-tap}.skippr\\:\\[animation\\:skippr-mote-rise_1\\.6s_ease-out_infinite\\]{animation:1.6s ease-out infinite skippr-mote-rise}.skippr\\:\\[animation\\:skippr-orb-in_320ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.32s cubic-bezier(.34,1.3,.64,1) skippr-orb-in}.skippr\\:\\[animation\\:skippr-pop_0\\.2s_ease\\]{animation:.2s skippr-pop}.skippr\\:\\[animation\\:skippr-stage-fade_240ms_ease-out\\]{animation:.24s ease-out skippr-stage-fade}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) skippr-tip-in}.skippr\\:\\[animation\\:skippr-tip-in_360ms_cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)_backwards\\]{animation:.36s cubic-bezier(.34,1.3,.64,1) backwards skippr-tip-in}.skippr\\:\\[animation\\:skippr-toolset-pop_280ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.28s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:\\[animation\\:skippr-toolset-pop_440ms_cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{animation:.44s cubic-bezier(.22,1,.36,1) skippr-toolset-pop}.skippr\\:animate-\\[skippr-banner-look_2\\.4s_ease-in-out_infinite\\]{animation:2.4s ease-in-out infinite skippr-banner-look}.skippr\\:animate-\\[skippr-bubble-in_0\\.28s_ease-out\\]{animation:.28s ease-out skippr-bubble-in}.skippr\\:animate-\\[skippr-fade-in_0\\.3s_ease-out\\]{animation:.3s ease-out skippr-fade-in}.skippr\\:animate-\\[skippr-pill-content_0\\.22s_ease-out\\]{animation:.22s ease-out skippr-pill-content}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.3s_infinite\\]{animation:1.1s ease-in-out .3s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.6s_infinite\\]{animation:1.1s ease-in-out .6s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.15s_infinite\\]{animation:1.1s ease-in-out .15s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_0\\.45s_infinite\\]{animation:1.1s ease-in-out .45s infinite skippr-speak}.skippr\\:animate-\\[skippr-speak_1\\.1s_ease-in-out_infinite\\]{animation:1.1s ease-in-out infinite skippr-speak}.skippr\\:animate-bounce{animation:var(--skippr-animate-bounce)}.skippr\\:animate-ping{animation:var(--skippr-animate-ping)}.skippr\\:animate-skippr-annotation-pulse{animation:1.8s ease-in-out infinite skippr-annotation-pulse}.skippr\\:animate-skippr-click-ping{animation:.5s ease-out forwards skippr-click-ping}.skippr\\:animate-skippr-cursor-pop{animation:.22s ease-out skippr-cursor-pop}.skippr\\:animate-skippr-flow{animation:3.6s linear infinite skippr-flow}.skippr\\:animate-skippr-press{animation:.5s ease-in-out skippr-press}.skippr\\:animate-skippr-ptt-transmit{animation:1.4s ease-out infinite skippr-ptt-transmit}.skippr\\:animate-skippr-rec-ring{animation:2s ease-out infinite skippr-rec-ring}.skippr\\:animate-skippr-tab-fade{animation:.2s ease-out skippr-tab-fade}.skippr\\:animate-skippr-thinking-dot{animation:1.2s ease-in-out infinite skippr-thinking-dot}.skippr\\:animate-skippr-voice-pulse{animation:1.6s ease-out infinite skippr-voice-pulse}.skippr\\:animate-spin{animation:var(--skippr-animate-spin)}.skippr\\:cursor-default{cursor:default}.skippr\\:cursor-grab{cursor:grab}.skippr\\:cursor-not-allowed{cursor:not-allowed}.skippr\\:cursor-pointer{cursor:pointer}.skippr\\:touch-none{touch-action:none}.skippr\\:resize-none{resize:none}.skippr\\:flex-col{flex-direction:column}.skippr\\:flex-col-reverse{flex-direction:column-reverse}.skippr\\:flex-row{flex-direction:row}.skippr\\:flex-row-reverse{flex-direction:row-reverse}.skippr\\:items-baseline{align-items:baseline}.skippr\\:items-center{align-items:center}.skippr\\:items-end{align-items:flex-end}.skippr\\:items-start{align-items:flex-start}.skippr\\:justify-between{justify-content:space-between}.skippr\\:justify-center{justify-content:center}.skippr\\:justify-end{justify-content:flex-end}.skippr\\:justify-start{justify-content:flex-start}.skippr\\:gap-0\\.5{gap:calc(var(--skippr-spacing)*.5)}.skippr\\:gap-1{gap:calc(var(--skippr-spacing)*1)}.skippr\\:gap-1\\.5{gap:calc(var(--skippr-spacing)*1.5)}.skippr\\:gap-2{gap:calc(var(--skippr-spacing)*2)}.skippr\\:gap-2\\.5{gap:calc(var(--skippr-spacing)*2.5)}.skippr\\:gap-3{gap:calc(var(--skippr-spacing)*3)}.skippr\\:gap-\\[1px\\]{gap:1px}.skippr\\:gap-\\[2px\\]{gap:2px}.skippr\\:gap-\\[3px\\]{gap:3px}.skippr\\:gap-\\[4px\\]{gap:4px}.skippr\\:gap-\\[5px\\]{gap:5px}.skippr\\:gap-\\[6px\\]{gap:6px}.skippr\\:gap-\\[7px\\]{gap:7px}.skippr\\:gap-\\[8px\\]{gap:8px}.skippr\\:gap-\\[9px\\]{gap:9px}.skippr\\:gap-\\[10px\\]{gap:10px}.skippr\\:gap-\\[14px\\]{gap:14px}.skippr\\:gap-px{gap:1px}:where(.skippr\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--skippr-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--skippr-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.skippr\\:space-y-\\[6px\\]>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(6px*var(--tw-space-y-reverse));margin-block-end:calc(6px*calc(1 - var(--tw-space-y-reverse)))}.skippr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.skippr\\:overflow-hidden{overflow:hidden}.skippr\\:overflow-visible{overflow:visible}.skippr\\:overflow-y-auto{overflow-y:auto}.skippr\\:overscroll-contain{overscroll-behavior:contain}.skippr\\:rounded{border-radius:.25rem}.skippr\\:rounded-2xl{border-radius:1.125rem}.skippr\\:rounded-\\[1rem\\]{border-radius:1rem}.skippr\\:rounded-\\[4px\\]{border-radius:4px}.skippr\\:rounded-\\[5px\\]{border-radius:5px}.skippr\\:rounded-\\[10px\\]{border-radius:10px}.skippr\\:rounded-\\[11px\\]{border-radius:11px}.skippr\\:rounded-\\[12px\\]{border-radius:12px}.skippr\\:rounded-\\[14px\\]{border-radius:14px}.skippr\\:rounded-\\[16px\\]{border-radius:16px}.skippr\\:rounded-\\[20px\\]{border-radius:20px}.skippr\\:rounded-full{border-radius:3.40282e38px}.skippr\\:rounded-md{border-radius:.5rem}.skippr\\:rounded-sm{border-radius:.375rem}.skippr\\:rounded-xl{border-radius:.875rem}.skippr\\:rounded-t-\\[6px\\]{border-top-left-radius:6px;border-top-right-radius:6px}.skippr\\:rounded-t-\\[18px\\]{border-top-left-radius:18px;border-top-right-radius:18px}.skippr\\:rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.skippr\\:rounded-l-\\[6px\\]{border-top-left-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-l-\\[18px\\]{border-top-left-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-tl-\\[6px\\]{border-top-left-radius:6px}.skippr\\:rounded-tl-md{border-top-left-radius:.5rem}.skippr\\:rounded-r-\\[6px\\]{border-top-right-radius:6px;border-bottom-right-radius:6px}.skippr\\:rounded-r-\\[18px\\]{border-top-right-radius:18px;border-bottom-right-radius:18px}.skippr\\:rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.skippr\\:rounded-tr-\\[6px\\]{border-top-right-radius:6px}.skippr\\:rounded-b-\\[6px\\]{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.skippr\\:rounded-b-\\[18px\\]{border-bottom-right-radius:18px;border-bottom-left-radius:18px}.skippr\\:rounded-b-full{border-bottom-right-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.skippr\\:rounded-bl-\\[6px\\]{border-bottom-left-radius:6px}.skippr\\:border{border-style:var(--tw-border-style);border-width:1px}.skippr\\:border-0{border-style:var(--tw-border-style);border-width:0}.skippr\\:border-2{border-style:var(--tw-border-style);border-width:2px}.skippr\\:border-\\[2\\.5px\\]{border-style:var(--tw-border-style);border-width:2.5px}.skippr\\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.skippr\\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.skippr\\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.skippr\\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.skippr\\:border-none{--tw-border-style:none;border-style:none}.skippr\\:border-\\[\\#d8d3ca\\]{border-color:#d8d3ca}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{border-color:#2d2d3f1a}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{border-color:#2d2d3f0f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{border-color:#2d2d3f14}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.12\\)\\]{border-color:#2d2d3f1f}.skippr\\:border-\\[rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{border-color:#2d2d3f24}.skippr\\:border-\\[var\\(--skippr-brand-ring\\)\\]{border-color:var(--skippr-brand-ring)}.skippr\\:border-black\\/25{border-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-black\\/25{border-color:color-mix(in oklab,var(--skippr-color-black)25%,transparent)}}.skippr\\:border-border{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-brand{border-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-input{border-color:oklch(92.3% .003 48.717)}.skippr\\:border-primary\\/20{border-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-primary\\/20{border-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)20%,transparent)}}.skippr\\:border-transparent{border-color:#0000}.skippr\\:border-white,.skippr\\:border-white\\/30{border-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:border-white\\/30{border-color:color-mix(in oklab,var(--skippr-color-white)30%,transparent)}}.skippr\\:border-t-brand{border-top-color:var(--skippr-brand,#2bc0ae)}.skippr\\:border-t-white{border-top-color:var(--skippr-color-white)}.skippr\\:border-r-border{border-right-color:oklch(92.3% .003 48.717)}.skippr\\:border-l-border{border-left-color:oklch(92.3% .003 48.717)}.skippr\\:bg-\\[\\#2D2D3F\\]{background-color:#2d2d3f}.skippr\\:bg-\\[\\#F1EFEA\\]{background-color:#f1efea}.skippr\\:bg-\\[\\#b9b4ab\\]{background-color:#b9b4ab}.skippr\\:bg-\\[\\#dc2626\\]{background-color:#dc2626}.skippr\\:bg-\\[\\#eeeae4\\]{background-color:#eeeae4}.skippr\\:bg-\\[\\#f2f0eb\\]{background-color:#f2f0eb}.skippr\\:bg-\\[\\#f4ecd8\\]{background-color:#f4ecd8}.skippr\\:bg-\\[\\#f4f2ee\\]{background-color:#f4f2ee}.skippr\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.03\\)\\]{background-color:#2d2d3f08}.skippr\\:bg-amber-50{background-color:var(--skippr-color-amber-50)}.skippr\\:bg-amber-400{background-color:var(--skippr-color-amber-400)}.skippr\\:bg-background{background-color:oklch(100% 0 0)}.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-black\\/\\[0\\.07\\]{background-color:color-mix(in oklab,var(--skippr-color-black)7.0%,transparent)}}.skippr\\:bg-brand,.skippr\\:bg-brand\\/50{background-color:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-brand\\/50{background-color:color-mix(in oklab,var(--skippr-brand,#2bc0ae)50%,transparent)}}.skippr\\:bg-bubble{background-color:#2d2b3d}.skippr\\:bg-bubble\\/95{background-color:oklab(29.9244% .0107414 -.0305411/.95)}.skippr\\:bg-card{background-color:oklch(100% 0 0)}.skippr\\:bg-current{background-color:currentColor}.skippr\\:bg-destructive{background-color:#d94f4f}.skippr\\:bg-emerald-400{background-color:var(--skippr-color-emerald-400)}.skippr\\:bg-foreground{background-color:oklch(14.7% .004 49.25)}.skippr\\:bg-foreground\\/10{background-color:oklab(14.7% .00261104 .00303026/.1)}.skippr\\:bg-launcher{background-color:#2d2d3f}.skippr\\:bg-muted-foreground\\/40{background-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:bg-neutral-100{background-color:var(--skippr-color-neutral-100)}.skippr\\:bg-primary,.skippr\\:bg-primary\\/10{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-primary\\/10{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)10%,transparent)}}.skippr\\:bg-red-50{background-color:var(--skippr-color-red-50)}.skippr\\:bg-red-100{background-color:var(--skippr-color-red-100)}.skippr\\:bg-red-500{background-color:var(--skippr-color-red-500)}.skippr\\:bg-secondary{background-color:#ffdfb5}.skippr\\:bg-transparent{background-color:#0000}.skippr\\:bg-white,.skippr\\:bg-white\\/70{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/70{background-color:color-mix(in oklab,var(--skippr-color-white)70%,transparent)}}.skippr\\:bg-white\\/80{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/80{background-color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:bg-white\\/95{background-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:bg-white\\/95{background-color:color-mix(in oklab,var(--skippr-color-white)95%,transparent)}}.skippr\\:fill-brand{fill:var(--skippr-brand,#2bc0ae)}.skippr\\:fill-current{fill:currentColor}.skippr\\:fill-primary\\/30{fill:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:fill-primary\\/30{fill:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:fill-white{fill:var(--skippr-color-white)}.skippr\\:stroke-black\\/15{stroke:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:stroke-black\\/15{stroke:color-mix(in oklab,var(--skippr-color-black)15%,transparent)}}.skippr\\:stroke-bubble{stroke:#2d2b3d}.skippr\\:object-contain{object-fit:contain}.skippr\\:object-cover{object-fit:cover}.skippr\\:p-0{padding:calc(var(--skippr-spacing)*0)}.skippr\\:p-1\\.5{padding:calc(var(--skippr-spacing)*1.5)}.skippr\\:p-2{padding:calc(var(--skippr-spacing)*2)}.skippr\\:p-3{padding:calc(var(--skippr-spacing)*3)}.skippr\\:p-3\\.5{padding:calc(var(--skippr-spacing)*3.5)}.skippr\\:p-4{padding:calc(var(--skippr-spacing)*4)}.skippr\\:p-\\[2px\\]{padding:2px}.skippr\\:p-\\[3px\\]{padding:3px}.skippr\\:p-\\[9px\\]{padding:9px}.skippr\\:p-\\[14px\\]{padding:14px}.skippr\\:px-1{padding-inline:calc(var(--skippr-spacing)*1)}.skippr\\:px-1\\.5{padding-inline:calc(var(--skippr-spacing)*1.5)}.skippr\\:px-2{padding-inline:calc(var(--skippr-spacing)*2)}.skippr\\:px-2\\.5{padding-inline:calc(var(--skippr-spacing)*2.5)}.skippr\\:px-3{padding-inline:calc(var(--skippr-spacing)*3)}.skippr\\:px-3\\.5{padding-inline:calc(var(--skippr-spacing)*3.5)}.skippr\\:px-4{padding-inline:calc(var(--skippr-spacing)*4)}.skippr\\:px-5{padding-inline:calc(var(--skippr-spacing)*5)}.skippr\\:px-6{padding-inline:calc(var(--skippr-spacing)*6)}.skippr\\:px-8{padding-inline:calc(var(--skippr-spacing)*8)}.skippr\\:px-\\[5px\\]{padding-inline:5px}.skippr\\:px-\\[7px\\]{padding-inline:7px}.skippr\\:px-\\[9px\\]{padding-inline:9px}.skippr\\:px-\\[10px\\]{padding-inline:10px}.skippr\\:px-\\[11px\\]{padding-inline:11px}.skippr\\:px-\\[12px\\]{padding-inline:12px}.skippr\\:px-\\[18px\\]{padding-inline:18px}.skippr\\:px-\\[22px\\]{padding-inline:22px}.skippr\\:py-0\\.5{padding-block:calc(var(--skippr-spacing)*.5)}.skippr\\:py-1{padding-block:calc(var(--skippr-spacing)*1)}.skippr\\:py-1\\.5{padding-block:calc(var(--skippr-spacing)*1.5)}.skippr\\:py-2{padding-block:calc(var(--skippr-spacing)*2)}.skippr\\:py-2\\.5{padding-block:calc(var(--skippr-spacing)*2.5)}.skippr\\:py-3{padding-block:calc(var(--skippr-spacing)*3)}.skippr\\:py-4{padding-block:calc(var(--skippr-spacing)*4)}.skippr\\:py-6{padding-block:calc(var(--skippr-spacing)*6)}.skippr\\:py-\\[1px\\]{padding-block:1px}.skippr\\:py-\\[3px\\]{padding-block:3px}.skippr\\:py-\\[4px\\]{padding-block:4px}.skippr\\:py-\\[5px\\]{padding-block:5px}.skippr\\:py-\\[6px\\]{padding-block:6px}.skippr\\:py-\\[7px\\]{padding-block:7px}.skippr\\:py-\\[13px\\]{padding-block:13px}.skippr\\:pt-1{padding-top:calc(var(--skippr-spacing)*1)}.skippr\\:pt-5{padding-top:calc(var(--skippr-spacing)*5)}.skippr\\:pt-\\[8px\\]{padding-top:8px}.skippr\\:pt-\\[9px\\]{padding-top:9px}.skippr\\:pt-\\[10px\\]{padding-top:10px}.skippr\\:pt-\\[18px\\]{padding-top:18px}.skippr\\:pt-\\[22px\\]{padding-top:22px}.skippr\\:pr-2\\.5{padding-right:calc(var(--skippr-spacing)*2.5)}.skippr\\:pr-3{padding-right:calc(var(--skippr-spacing)*3)}.skippr\\:pr-\\[5px\\]{padding-right:5px}.skippr\\:pr-\\[6px\\]{padding-right:6px}.skippr\\:pr-\\[9px\\]{padding-right:9px}.skippr\\:pr-\\[10px\\]{padding-right:10px}.skippr\\:pb-0\\.5{padding-bottom:calc(var(--skippr-spacing)*.5)}.skippr\\:pb-1{padding-bottom:calc(var(--skippr-spacing)*1)}.skippr\\:pb-4{padding-bottom:calc(var(--skippr-spacing)*4)}.skippr\\:pb-\\[8px\\]{padding-bottom:8px}.skippr\\:pb-\\[10px\\]{padding-bottom:10px}.skippr\\:pb-\\[22px\\]{padding-bottom:22px}.skippr\\:pl-1\\.5{padding-left:calc(var(--skippr-spacing)*1.5)}.skippr\\:pl-2\\.5{padding-left:calc(var(--skippr-spacing)*2.5)}.skippr\\:pl-3\\.5{padding-left:calc(var(--skippr-spacing)*3.5)}.skippr\\:pl-\\[9px\\]{padding-left:9px}.skippr\\:pl-\\[13px\\]{padding-left:13px}.skippr\\:text-center{text-align:center}.skippr\\:text-left{text-align:left}.skippr\\:font-mono{font-family:var(--skippr-font-mono)}.skippr\\:text-sm{font-size:var(--skippr-text-sm);line-height:var(--tw-leading,var(--skippr-text-sm--line-height))}.skippr\\:text-xs{font-size:var(--skippr-text-xs);line-height:var(--tw-leading,var(--skippr-text-xs--line-height))}.skippr\\:text-\\[8\\.5px\\]{font-size:8.5px}.skippr\\:text-\\[9\\.5px\\]{font-size:9.5px}.skippr\\:text-\\[9px\\]{font-size:9px}.skippr\\:text-\\[10\\.5px\\]{font-size:10.5px}.skippr\\:text-\\[10px\\]{font-size:10px}.skippr\\:text-\\[11\\.5px\\]{font-size:11.5px}.skippr\\:text-\\[11px\\]{font-size:11px}.skippr\\:text-\\[12\\.5px\\]{font-size:12.5px}.skippr\\:text-\\[12px\\]{font-size:12px}.skippr\\:text-\\[13px\\]{font-size:13px}.skippr\\:text-\\[14px\\]{font-size:14px}.skippr\\:text-\\[16px\\]{font-size:16px}.skippr\\:text-\\[18px\\]{font-size:18px}.skippr\\:leading-5{--tw-leading:calc(var(--skippr-spacing)*5);line-height:calc(var(--skippr-spacing)*5)}.skippr\\:leading-\\[1\\.2\\]{--tw-leading:1.2;line-height:1.2}.skippr\\:leading-\\[1\\.25\\]{--tw-leading:1.25;line-height:1.25}.skippr\\:leading-none{--tw-leading:1;line-height:1}.skippr\\:leading-relaxed{--tw-leading:var(--skippr-leading-relaxed);line-height:var(--skippr-leading-relaxed)}.skippr\\:leading-snug{--tw-leading:var(--skippr-leading-snug);line-height:var(--skippr-leading-snug)}.skippr\\:font-bold{--tw-font-weight:var(--skippr-font-weight-bold);font-weight:var(--skippr-font-weight-bold)}.skippr\\:font-medium{--tw-font-weight:var(--skippr-font-weight-medium);font-weight:var(--skippr-font-weight-medium)}.skippr\\:font-semibold{--tw-font-weight:var(--skippr-font-weight-semibold);font-weight:var(--skippr-font-weight-semibold)}.skippr\\:tracking-\\[-0\\.01em\\]{--tw-tracking:-.01em;letter-spacing:-.01em}.skippr\\:tracking-\\[-0\\.0125em\\]{--tw-tracking:-.0125em;letter-spacing:-.0125em}.skippr\\:tracking-\\[0\\.02em\\]{--tw-tracking:.02em;letter-spacing:.02em}.skippr\\:tracking-\\[0\\.05em\\]{--tw-tracking:.05em;letter-spacing:.05em}.skippr\\:whitespace-nowrap{white-space:nowrap}.skippr\\:text-\\[\\#2D2D3F\\]{color:#2d2d3f}.skippr\\:text-\\[\\#5a5650\\]{color:#5a5650}.skippr\\:text-\\[\\#5c5850\\]{color:#5c5850}.skippr\\:text-\\[\\#6b6660\\]{color:#6b6660}.skippr\\:text-\\[\\#6b6875\\]{color:#6b6875}.skippr\\:text-\\[\\#8b877f\\]{color:#8b877f}.skippr\\:text-\\[\\#92400e\\]{color:#92400e}.skippr\\:text-\\[\\#a8a49c\\]{color:#a8a49c}.skippr\\:text-\\[\\#b8b4ac\\]{color:#b8b4ac}.skippr\\:text-\\[\\#c9c5bd\\]{color:#c9c5bd}.skippr\\:text-\\[\\#cbc7bf\\]{color:#cbc7bf}.skippr\\:text-\\[\\#dc2626\\]{color:#dc2626}.skippr\\:text-\\[var\\(--skippr-brand-deep\\)\\]{color:var(--skippr-brand-deep)}.skippr\\:text-amber-700{color:var(--skippr-color-amber-700)}.skippr\\:text-amber-950{color:var(--skippr-color-amber-950)}.skippr\\:text-background{color:oklch(100% 0 0)}.skippr\\:text-black,.skippr\\:text-black\\/40{color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-black\\/40{color:color-mix(in oklab,var(--skippr-color-black)40%,transparent)}}.skippr\\:text-brand{color:var(--skippr-brand,#2bc0ae)}.skippr\\:text-brand-on-white{color:var(--skippr-brand-on-white,#1e8478)}.skippr\\:text-bubble{color:#2d2b3d}.skippr\\:text-chart-3{color:oklch(66.6% .179 58.318)}.skippr\\:text-destructive{color:#d94f4f}.skippr\\:text-foreground{color:oklch(14.7% .004 49.25)}.skippr\\:text-muted-foreground{color:oklch(55.3% .013 58.071)}.skippr\\:text-muted-foreground\\/30{color:oklab(55.3% .00687528 .0110332/.3)}.skippr\\:text-muted-foreground\\/60{color:oklab(55.3% .00687528 .0110332/.6)}.skippr\\:text-neutral-500{color:var(--skippr-color-neutral-500)}.skippr\\:text-neutral-700{color:var(--skippr-color-neutral-700)}.skippr\\:text-primary{color:var(--skippr-brand,#2d2b3d)}.skippr\\:text-primary-foreground{color:var(--skippr-brand-foreground,#fff)}.skippr\\:text-red-400{color:var(--skippr-color-red-400)}.skippr\\:text-red-600{color:var(--skippr-color-red-600)}.skippr\\:text-red-700{color:var(--skippr-color-red-700)}.skippr\\:text-secondary-foreground{color:#613700}.skippr\\:text-white,.skippr\\:text-white\\/60{color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:text-white\\/60{color:color-mix(in oklab,var(--skippr-color-white)60%,transparent)}}.skippr\\:capitalize{text-transform:capitalize}.skippr\\:uppercase{text-transform:uppercase}.skippr\\:tabular-nums{--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,)}.skippr\\:line-through{text-decoration-line:line-through}.skippr\\:underline{text-decoration-line:underline}.skippr\\:decoration-muted-foreground\\/40{text-decoration-color:oklab(55.3% .00687528 .0110332/.4)}.skippr\\:underline-offset-2,.skippr\\:underline-offset-\\[2px\\]{text-underline-offset:2px}.skippr\\:placeholder-muted-foreground::placeholder{color:oklch(55.3% .013 58.071)}.skippr\\:opacity-0{opacity:0}.skippr\\:opacity-40{opacity:.4}.skippr\\:opacity-75{opacity:.75}.skippr\\:opacity-85{opacity:.85}.skippr\\:opacity-100{opacity:1}.skippr\\:shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:-3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:-4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[-6px_8px_30px_rgba\\(15\\,18\\,26\\,0\\.32\\)\\]{--tw-shadow:-6px 8px 30px var(--tw-shadow-color,#0f121a52);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 -3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_-6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 -6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1\\.5px_rgba\\(255\\,255\\,255\\,0\\.85\\)\\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,#ffffffd9);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_1px_rgba\\(45\\,45\\,63\\,0\\.10\\)\\,0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,#2d2d3f1a),0 1px 2px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_0_0_4px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_1px_2px_rgba\\(45\\,45\\,63\\,0\\.08\\)\\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#2d2d3f14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(0\\,0\\,0\\,0\\.28\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#00000047);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 2px 6px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_3px_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:0 3px 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_12px_rgba\\(45\\,45\\,63\\,0\\.1\\)\\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#2d2d3f1a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(0\\,0\\,0\\,0\\.12\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#0000001f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_14px_rgba\\(239\\,68\\,68\\,0\\.45\\)\\]{--tw-shadow:0 4px 14px var(--tw-shadow-color,#ef444473);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_4px_16px_rgba\\(45\\,43\\,61\\,0\\.45\\)\\,0_2px_4px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#2d2b3d73),0 2px 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)}.skippr\\:shadow-\\[0_6px_16px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\]{--tw-shadow:0 6px 16px var(--tw-shadow-color,#2d2d3f24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_22px_rgba\\(45\\,45\\,63\\,0\\.12\\)\\,0_1px_3px_rgba\\(45\\,45\\,63\\,0\\.04\\)\\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#2d2d3f1f),0 1px 3px var(--tw-shadow-color,#2d2d3f0a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_24px_rgba\\(45\\,43\\,61\\,0\\.35\\)\\]{--tw-shadow:0 8px 24px var(--tw-shadow-color,#2d2b3d59);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_8px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#2d2d3f24),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_26px_rgba\\(45\\,45\\,63\\,0\\.13\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.05\\)\\]{--tw-shadow:0 10px 26px var(--tw-shadow-color,#2d2d3f21),0 2px 6px var(--tw-shadow-color,#2d2d3f0d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_28px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_30px_rgba\\(45\\,45\\,63\\,0\\.14\\)\\,0_0_0_1\\.5px_var\\(--skippr-brand-ring\\)\\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#2d2d3f24),0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand-ring));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_10px_32px_rgba\\(0\\,0\\,0\\,0\\.18\\)\\]{--tw-shadow:0 10px 32px var(--tw-shadow-color,#0000002e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[0_14px_34px_rgba\\(45\\,45\\,63\\,0\\.15\\)\\,0_2px_6px_rgba\\(45\\,45\\,63\\,0\\.06\\)\\]{--tw-shadow:0 14px 34px var(--tw-shadow-color,#2d2d3f26),0 2px 6px var(--tw-shadow-color,#2d2d3f0f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[3px_0_14px_var\\(--skippr-brand-halo\\)\\]{--tw-shadow:3px 0 14px var(--tw-shadow-color,var(--skippr-brand-halo));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[4px_6px_18px_rgba\\(45\\,45\\,63\\,0\\.16\\)\\]{--tw-shadow:4px 6px 18px var(--tw-shadow-color,#2d2d3f29);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-\\[inset_0_0_0_1\\.5px_var\\(--skippr-brand\\,\\#2bc0ae\\)\\]{--tw-shadow:inset 0 0 0 1.5px var(--tw-shadow-color,var(--skippr-brand,#2bc0ae));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\: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)}.skippr\\:shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.skippr\\:shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.skippr\\:ring-1{--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)}.skippr\\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:ring-black\\/5{--tw-ring-color:var(--skippr-color-black)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-black\\/5{--tw-ring-color:color-mix(in oklab,var(--skippr-color-black)5%,transparent)}}.skippr\\:ring-brand{--tw-ring-color:var(--skippr-brand,#2bc0ae)}.skippr\\:ring-white\\/15{--tw-ring-color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:ring-white\\/15{--tw-ring-color:color-mix(in oklab,var(--skippr-color-white)15%,transparent)}}.skippr\\:ring-offset-background{--tw-ring-offset-color:oklch(100% 0 0)}.skippr\\:drop-shadow-\\[0_2px_5px_rgba\\(0\\,0\\,0\\,0\\.4\\)\\]{--tw-drop-shadow-size:drop-shadow(0 2px 5px var(--tw-drop-shadow-color,#0006));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.skippr\\:backdrop-blur-sm{--tw-backdrop-blur:blur(var(--skippr-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,)}.skippr\\:transition-\\[filter\\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[gap\\]{transition-property:gap;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[height\\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[left\\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,color\\]{transition-property:opacity,color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[opacity\\,transform\\,height\\]{transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,height\\,background-color\\,border-color\\]{transition-property:width,height,background-color,border-color;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\,margin\\]{transition-property:width,margin;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\: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(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--skippr-default-transition-timing-function));transition-duration:var(--tw-duration,var(--skippr-default-transition-duration))}.skippr\\:duration-75{--tw-duration:75ms;transition-duration:75ms}.skippr\\:duration-100{--tw-duration:.1s;transition-duration:.1s}.skippr\\:duration-150{--tw-duration:.15s;transition-duration:.15s}.skippr\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.skippr\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.skippr\\:duration-\\[400ms\\]{--tw-duration:.4s;transition-duration:.4s}.skippr\\:ease-\\[cubic-bezier\\(0\\.22\\,1\\,0\\.36\\,1\\)\\]{--tw-ease:cubic-bezier(.22,1,.36,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.3\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.3,.64,1);transition-timing-function:cubic-bezier(.34,1.3,.64,1)}.skippr\\:ease-\\[cubic-bezier\\(0\\.34\\,1\\.56\\,0\\.64\\,1\\)\\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.skippr\\:ease-in-out{--tw-ease:var(--skippr-ease-in-out);transition-timing-function:var(--skippr-ease-in-out)}.skippr\\:ease-out{--tw-ease:var(--skippr-ease-out);transition-timing-function:var(--skippr-ease-out)}.skippr\\:outline-none{--tw-outline-style:none;outline-style:none}.skippr\\:select-none{-webkit-user-select:none;user-select:none}.skippr\\:select-text{-webkit-user-select:text;user-select:text}.skippr\\:\\[animation-delay\\:0ms\\]{animation-delay:0s}.skippr\\:\\[animation-delay\\:150ms\\]{animation-delay:.15s}.skippr\\:\\[animation-delay\\:200ms\\]{animation-delay:.2s}.skippr\\:\\[animation-delay\\:300ms\\]{animation-delay:.3s}.skippr\\:\\[animation-delay\\:400ms\\]{animation-delay:.4s}.skippr\\:\\[overflow-anchor\\:none\\]{overflow-anchor:none}.skippr\\:group-focus-within\\:scale-100:is(:where(.skippr\\:group):focus-within *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-focus-within\\:opacity-100:is(:where(.skippr\\:group):focus-within *){opacity:1}@media (hover:hover){.skippr\\:group-hover\\:scale-100:is(:where(.skippr\\:group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:group-hover\\:text-red-300:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-red-300)}.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:var(--skippr-color-white)}@supports (color:color-mix(in lab, red, red)){.skippr\\:group-hover\\:text-white\\/80:is(:where(.skippr\\:group):hover *){color:color-mix(in oklab,var(--skippr-color-white)80%,transparent)}}.skippr\\:group-hover\\:opacity-100:is(:where(.skippr\\:group):hover *){opacity:1}}.skippr\\:placeholder\\:text-\\[\\#b0aca4\\]::placeholder{color:#b0aca4}.skippr\\:first\\:mt-0:first-child{margin-top:calc(var(--skippr-spacing)*0)}@media (hover:hover){.skippr\\:hover\\:-translate-y-0\\.5:hover{--tw-translate-y:calc(var(--skippr-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:hover\\:bg-\\[\\#3a384b\\]:hover{background-color:#3a384b}.skippr\\:hover\\:bg-\\[\\#3d3d52\\]:hover{background-color:#3d3d52}.skippr\\:hover\\:bg-\\[\\#f2f0eb\\]:hover{background-color:#f2f0eb}.skippr\\:hover\\:bg-\\[\\#f4f2ee\\]:hover{background-color:#f4f2ee}.skippr\\:hover\\:bg-\\[\\#f6f4f0\\]:hover{background-color:#f6f4f0}.skippr\\:hover\\:bg-\\[rgba\\(45\\,45\\,63\\,0\\.04\\)\\]:hover{background-color:#2d2d3f0a}.skippr\\:hover\\:bg-accent:hover{background-color:#e7e5e4}.skippr\\:hover\\:bg-amber-100:hover{background-color:var(--skippr-color-amber-100)}.skippr\\:hover\\:bg-bubble:hover{background-color:#2d2b3d}.skippr\\:hover\\:bg-destructive\\/90:hover{background-color:oklab(61.4357% .15892 .0698893/.9)}.skippr\\:hover\\:bg-foreground\\/8:hover{background-color:oklab(14.7% .00261104 .00303026/.08)}.skippr\\:hover\\:bg-muted:hover{background-color:oklch(97% .001 106.424)}.skippr\\:hover\\:bg-neutral-100:hover{background-color:var(--skippr-color-neutral-100)}.skippr\\:hover\\:bg-neutral-200:hover{background-color:var(--skippr-color-neutral-200)}.skippr\\:hover\\:bg-primary\\/90:hover{background-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:hover\\:bg-primary\\/90:hover{background-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)90%,transparent)}}.skippr\\:hover\\:bg-red-200:hover{background-color:var(--skippr-color-red-200)}.skippr\\:hover\\:bg-red-600:hover{background-color:var(--skippr-color-red-600)}.skippr\\:hover\\:bg-secondary\\/80:hover{background-color:oklab(91.9963% .0175391 .0626889/.8)}.skippr\\:hover\\:bg-transparent:hover{background-color:#0000}.skippr\\:hover\\:text-\\[\\#2D2D3F\\]:hover{color:#2d2d3f}.skippr\\:hover\\:text-\\[\\#5a5650\\]:hover{color:#5a5650}.skippr\\:hover\\:text-accent-foreground:hover{color:oklch(21.6% .006 56.043)}.skippr\\:hover\\:text-destructive:hover{color:#d94f4f}.skippr\\:hover\\:text-foreground:hover{color:oklch(14.7% .004 49.25)}.skippr\\:hover\\:underline:hover{text-decoration-line:underline}.skippr\\:hover\\:decoration-muted-foreground:hover{text-decoration-color:oklch(55.3% .013 58.071)}.skippr\\:hover\\:opacity-80:hover{opacity:.8}.skippr\\:hover\\:opacity-100:hover{opacity:1}.skippr\\:hover\\:brightness-110:hover{--tw-brightness:brightness(110%);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,)}.skippr\\:hover\\:brightness-\\[1\\.04\\]:hover{--tw-brightness:brightness(1.04);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,)}.skippr\\:hover\\:brightness-\\[1\\.06\\]:hover{--tw-brightness:brightness(1.06);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,)}}.skippr\\:focus\\:border-primary:focus{border-color:var(--skippr-brand,#2d2b3d)}.skippr\\:focus\\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:var(--skippr-brand,#2d2b3d)}@supports (color:color-mix(in lab, red, red)){.skippr\\:focus\\:ring-primary\\/30:focus{--tw-ring-color:color-mix(in oklab,var(--skippr-brand,#2d2b3d)30%,transparent)}}.skippr\\:focus-visible\\:border-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{border-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.skippr\\:focus-visible\\:ring-\\[var\\(--skippr-brand-ring\\)\\]:focus-visible{--tw-ring-color:var(--skippr-brand-ring)}.skippr\\:focus-visible\\:ring-bubble\\/60:focus-visible{--tw-ring-color:oklab(29.9244% .0107414 -.0305411/.6)}.skippr\\:focus-visible\\:ring-ring:focus-visible{--tw-ring-color:oklch(70.9% .01 56.259)}.skippr\\:focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.skippr\\:focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.skippr\\:focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.skippr\\:focus-visible\\:outline-\\[var\\(--skippr-brand\\)\\]:focus-visible{outline-color:var(--skippr-brand)}.skippr\\:focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.skippr\\:active\\:translate-y-0:active{--tw-translate-y:calc(var(--skippr-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.skippr\\:active\\:scale-\\[0\\.98\\]:active{scale:.98}.skippr\\:disabled\\:pointer-events-none:disabled{pointer-events:none}.skippr\\:disabled\\:cursor-default:disabled{cursor:default}.skippr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.skippr\\:disabled\\:opacity-50:disabled{opacity:.5}.skippr\\:disabled\\:opacity-60:disabled{opacity:.6}.skippr\\:disabled\\:opacity-80:disabled{opacity:.8}@media (hover:hover){.skippr\\:disabled\\:hover\\:bg-\\[\\#2D2D3F\\]:disabled:hover{background-color:#2d2d3f}.skippr\\:disabled\\:hover\\:bg-white:disabled:hover{background-color:var(--skippr-color-white)}}@media (prefers-reduced-motion:reduce){.skippr\\:motion-reduce\\:hidden{display:none}.skippr\\:motion-reduce\\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.skippr\\:motion-reduce\\:animate-none{animation:none}}.skippr\\:\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.skippr\\:\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.skippr\\:\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--skippr-spacing)*4);height:calc(var(--skippr-spacing)*4)}}:host{--skippr-brand-active:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-active:color-mix(in srgb,var(--skippr-brand,#2bc0ae)93%,#000)}}:host{--skippr-brand-deep:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-deep:color-mix(in srgb,var(--skippr-brand,#2bc0ae)78%,#000)}}:host{--skippr-brand-ring:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-ring:color-mix(in srgb,var(--skippr-brand,#2bc0ae)22%,transparent)}}:host{--skippr-brand-halo:var(--skippr-brand,#2bc0ae)}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-halo:color-mix(in srgb,var(--skippr-brand,#2bc0ae)40%,transparent)}}:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae),var(--skippr-brand,#2bc0ae))}@supports (color:color-mix(in lab, red, red)){:host{--skippr-brand-glow:linear-gradient(90deg,var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,#fff),color-mix(in srgb,var(--skippr-brand,#2bc0ae)72%,#fff),var(--skippr-brand,#2bc0ae),color-mix(in srgb,var(--skippr-brand,#2bc0ae)42%,#fff))}}@keyframes skippr-tap{0%{transform:scale(1)}45%{transform:scale(.7)}to{transform:scale(1)}}@keyframes skippr-press{0%{transform:scale(1)}55%{transform:scale(1)}85%{transform:scale(.68)}to{transform:scale(1)}}@keyframes skippr-cursor-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes skippr-click-ping{0%{opacity:.9;transform:translate(-50%,-50%)scale(.4)}to{opacity:0;transform:translate(-50%,-50%)scale(2.4)}}@keyframes skippr-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-speak{0%,to{opacity:.6;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-thinking-dot{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes skippr-pulse-ring{0%,to{box-shadow:0 0 #2d2b3d66}50%{box-shadow:0 0 0 10px #2d2b3d00}}@keyframes skippr-rec-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)55%,transparent)}70%{box-shadow:0 0 0 11px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-voice-pulse{0%{box-shadow:0 0 0 0 var(--skippr-pulse-color,#2bc0ae80)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}@keyframes skippr-ptt-transmit{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)60%,transparent),0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)35%,transparent)}70%{box-shadow:0 0 0 9px #0000,0 0 0 16px #0000}to{box-shadow:0 0 #0000,0 0 #0000}}@keyframes skippr-annotation-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--skippr-brand,#2bc0ae)50%,transparent)}50%{box-shadow:0 0 0 6px #0000}}@keyframes skippr-speak-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes skippr-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes skippr-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes skippr-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skippr-evaporate{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}55%{opacity:.85;filter:blur()}to{opacity:0;filter:blur(2.5px);transform:translateY(-7px)scale(.965)}}@keyframes skippr-mote-rise{0%{opacity:0;transform:translateY(2px)scale(.5)}25%{opacity:.85}to{opacity:0;transform:translateY(-24px)scale(1)}}@keyframes skippr-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skippr-wave{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes skippr-bubble-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-tip-in{0%{opacity:0;transform:translateY(14px)scale(.96)}60%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes skippr-pill-content{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes skippr-banner-look{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes skippr-finger-tap{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(2px)rotate(-6deg)}}@keyframes skippr-toolset-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes skippr-stage-fade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes skippr-agent-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-orb-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes skippr-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes skippr-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}.skippr-buddy-blink{transform-box:fill-box;transform-origin:50%;animation:5s linear infinite skippr-blink}@keyframes skippr-avatar-eyes-bob{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(0)}18%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(24px)}33.33%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}48%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-7px)}64%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(-30px)}82%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translateY(31px)}96%,to{transform:translateY(0)}}@keyframes skippr-avatar-pupil-glance{0%,21.33%{transform:translate(0)}28%,68%{transform:translate(-30px)}74%,to{transform:translate(0)}}@keyframes skippr-avatar-body-vibe{0%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}17.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}33.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}49.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}65.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1)}81.67%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:scale(1.08,.95)}96%,to{transform:scale(1)}}@keyframes skippr-avatar-blink{0%,40%{transform:scaleY(1)}41.3%,42%{transform:scaleY(.08)}43.3%,70%{transform:scaleY(1)}71.3%,72%{transform:scaleY(.08)}73.3%,to{transform:scaleY(1)}}@keyframes skippr-avatar-bub-tail-drift{0%,10%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(0)}45%,60%{animation-timing-function:cubic-bezier(.65,0,.36,1);transform:translate(-24px)}95%,to{transform:translate(0)}}@keyframes skippr-avatar-antenna-shake{0%,to{transform:rotate(-4deg)}25%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.skippr-avatar-eyes{animation:5s infinite skippr-avatar-eyes-bob}.skippr-avatar-pupil{animation:5s linear infinite skippr-avatar-pupil-glance}.skippr-avatar-body{transform-box:fill-box;transform-origin:50% 100%;animation:5s infinite skippr-avatar-body-vibe}.skippr-avatar-blink{transform-box:fill-box;transform-origin:50%;animation:5s infinite skippr-avatar-blink}.skippr-avatar-body .skippr-avatar-antenna{transform-box:view-box;transform-origin:48px 22px;animation:1.6s ease-in-out infinite skippr-avatar-antenna-shake}.skippr-avatar-body .skippr-avatar-bub-tail{animation:5s infinite skippr-avatar-bub-tail-drift}@keyframes skippr-buddy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes skippr-buddy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes skippr-buddy-pop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes skippr-buddy-sleep{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(1px)scale(.995)}}@keyframes skippr-buddy-zfloat{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes skippr-peek-left{0%,20%{transform:translate(-58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(-58%)}}@keyframes skippr-peek-right{0%,20%{transform:translate(58%)}46%,66%{transform:translate(0)}92%,to{transform:translate(58%)}}@keyframes skippr-peek-top{0%,20%{transform:translateY(-58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(-58%)}}@keyframes skippr-peek-bottom{0%,20%{transform:translateY(58%)}46%,66%{transform:translateY(0)}92%,to{transform:translateY(58%)}}.skippr-peek-left{animation:3.6s ease-in-out infinite skippr-peek-left}.skippr-peek-right{animation:3.6s ease-in-out infinite skippr-peek-right}.skippr-peek-top{animation:3.6s ease-in-out infinite skippr-peek-top}.skippr-peek-bottom{animation:3.6s ease-in-out infinite skippr-peek-bottom}.skippr-peek-out{animation:none;transform:none}@keyframes skippr-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes skippr-block-reveal{0%{opacity:0;max-height:0;transform:translateY(-4px)}55%{opacity:1}to{opacity:1;max-height:260px;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.skippr-buddy-blink,[style*=skippr-blink],[style*=skippr-buddy-bob],[style*=skippr-buddy-breathe],[style*=skippr-buddy-pop],[style*=skippr-buddy-sleep],[style*=skippr-buddy-zfloat],.skippr-avatar-eyes,.skippr-avatar-pupil,.skippr-avatar-body,.skippr-avatar-blink,.skippr-avatar-body .skippr-avatar-antenna,.skippr-avatar-body .skippr-avatar-bub-tail,.skippr-peek-left,.skippr-peek-right,.skippr-peek-top,.skippr-peek-bottom{animation-play-state:paused}}.skippr-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.skippr-no-scrollbar::-webkit-scrollbar{display:none}:host{color:var(--color-foreground)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}`;
   const hostStyle = accentColor && isHexColor(accentColor) ? {
     "--skippr-brand": accentColor,
     "--skippr-brand-foreground": brandForeground(accentColor),
@@ -8865,12 +8896,36 @@ function LoadingDots({ label }) {
   });
 }
 
+// src/components/LogoMark.tsx
+import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+function LogoMark({ className, decorative }) {
+  return /* @__PURE__ */ jsxs24("svg", {
+    viewBox: "21 21 109 109",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    role: decorative ? undefined : "img",
+    "aria-label": decorative ? undefined : "Skippr",
+    "aria-hidden": decorative || undefined,
+    className,
+    children: [
+      /* @__PURE__ */ jsx30("path", {
+        d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
+        fill: "currentColor"
+      }),
+      /* @__PURE__ */ jsx30("path", {
+        d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
+        className: "skippr:fill-brand"
+      })
+    ]
+  });
+}
+
 // src/components/MessageList.tsx
 import { useCallback as useCallback25, useLayoutEffect as useLayoutEffect3, useRef as useRef31, useState as useState27 } from "react";
 
 // src/components/ChatInput.tsx
 import { useContext as useContext16, useEffect as useEffect33, useRef as useRef29, useState as useState24 } from "react";
-import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
 var MAX_INPUT_HEIGHT = 60;
 function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
   const ctx = useContext16(LiveAgentContext);
@@ -8912,12 +8967,12 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
       handleSubmit(e);
     }
   }
-  return /* @__PURE__ */ jsxs24("form", {
+  return /* @__PURE__ */ jsxs25("form", {
     onSubmit: handleSubmit,
     "data-skippr-no-drag": "",
     className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:border-t skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:p-[9px]",
     children: [
-      /* @__PURE__ */ jsx30("textarea", {
+      /* @__PURE__ */ jsx31("textarea", {
         ref: textareaRef,
         rows: 1,
         value: inputText,
@@ -8928,7 +8983,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
         className: "skippr:min-w-0 skippr:flex-1 skippr:resize-none skippr:overflow-y-auto skippr:rounded-[10px] skippr:border skippr:border-[rgba(45,45,63,0.14)] skippr:bg-white skippr:px-[10px] skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:leading-5 skippr:text-[#2D2D3F] skippr:shadow-[0_1px_2px_rgba(45,45,63,0.05)] skippr:outline-none skippr:focus-visible:border-[var(--skippr-brand-ring)] skippr:focus-visible:ring-2 skippr:focus-visible:ring-[var(--skippr-brand-ring)] skippr:placeholder:text-[#b0aca4]",
         style: { maxHeight: `${MAX_INPUT_HEIGHT}px` }
       }),
-      /* @__PURE__ */ jsx30("button", {
+      /* @__PURE__ */ jsx31("button", {
         type: "submit",
         disabled: !canSend,
         "aria-label": "Send message",
@@ -8937,7 +8992,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
           color: "var(--skippr-brand-foreground, #2d2b3d)"
         },
         className: cn("skippr:flex skippr:size-[34px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]", canSend ? "skippr:cursor-pointer skippr:hover:brightness-[1.06]" : "skippr:cursor-not-allowed"),
-        children: /* @__PURE__ */ jsx30(Send, {
+        children: /* @__PURE__ */ jsx31(Send, {
           className: "skippr:size-[16px]",
           strokeWidth: 2
         })
@@ -8947,7 +9002,7 @@ function ChatInput({ sendChatMessage, isSendingChat, autoFocus = false }) {
 }
 
 // src/components/ChatMessage.tsx
-import { jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 function formatTimestamp(ts) {
   return new Date(ts).toLocaleTimeString("en-US", {
     hour: "numeric",
@@ -8957,16 +9012,16 @@ function formatTimestamp(ts) {
 }
 function ChatMessage({ message }) {
   const isAgent = message.role === "assistant";
-  return /* @__PURE__ */ jsx31("div", {
+  return /* @__PURE__ */ jsx32("div", {
     className: cn("skippr:flex skippr:gap-2", isAgent ? "skippr:items-start" : "skippr:justify-end"),
-    children: /* @__PURE__ */ jsxs25("div", {
+    children: /* @__PURE__ */ jsxs26("div", {
       className: cn("skippr:flex skippr:max-w-[80%] skippr:flex-col", isAgent ? "skippr:items-start" : "skippr:items-end"),
       children: [
-        /* @__PURE__ */ jsx31("div", {
+        /* @__PURE__ */ jsx32("div", {
           className: cn("skippr:rounded-2xl skippr:px-4 skippr:py-2.5 skippr:text-sm skippr:leading-relaxed", isAgent ? "skippr:border skippr:border-border skippr:bg-card skippr:text-foreground" : "skippr:bg-primary skippr:text-primary-foreground"),
           children: message.content
         }),
-        message.timestamp && /* @__PURE__ */ jsx31("span", {
+        message.timestamp && /* @__PURE__ */ jsx32("span", {
           className: "skippr:mt-1 skippr:px-1 skippr:text-[10px] skippr:text-muted-foreground/60",
           children: formatTimestamp(message.timestamp)
         })
@@ -8989,7 +9044,7 @@ async function copyToClipboard(text) {
 }
 
 // src/components/LinkCard.tsx
-import { jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
 var COPIED_RESET_MS = 2000;
 var DISMISS_AFTER_COPY_MS = 3000;
 function LinkCard({ card, onDismiss }) {
@@ -9014,56 +9069,56 @@ function LinkCard({ card, onDismiss }) {
     setCopied(true);
     dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS);
   }, [card.url, onDismiss]);
-  return /* @__PURE__ */ jsxs26("div", {
+  return /* @__PURE__ */ jsxs27("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "skippr:mb-1 skippr:flex skippr:items-start skippr:justify-between skippr:gap-2",
         children: [
-          card.title && /* @__PURE__ */ jsx32("p", {
+          card.title && /* @__PURE__ */ jsx33("p", {
             className: "skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
             children: card.title
           }),
-          /* @__PURE__ */ jsx32("button", {
+          /* @__PURE__ */ jsx33("button", {
             type: "button",
             onClick: onDismiss,
             "aria-label": "Dismiss link",
             className: "skippr:-mr-1 skippr:-mt-1 skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-muted-foreground skippr:transition-colors skippr:hover:bg-muted skippr:hover:text-foreground",
-            children: /* @__PURE__ */ jsx32(X, {
+            children: /* @__PURE__ */ jsx33(X, {
               className: "skippr:size-3.5",
               strokeWidth: 2.5
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsx32("p", {
+      /* @__PURE__ */ jsx33("p", {
         className: "skippr:mb-3 skippr:truncate skippr:text-xs skippr:text-muted-foreground",
         children: card.url
       }),
-      /* @__PURE__ */ jsxs26("div", {
+      /* @__PURE__ */ jsxs27("div", {
         className: "skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsxs26("a", {
+          /* @__PURE__ */ jsxs27("a", {
             href: card.url,
             target: "_blank",
             rel: "noopener noreferrer",
             className: "skippr:inline-flex skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-md skippr:bg-primary skippr:py-2 skippr:text-sm skippr:font-medium skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90 skippr:focus-visible:outline-none skippr:focus-visible:ring-2 skippr:focus-visible:ring-ring skippr:focus-visible:ring-offset-2",
             children: [
-              /* @__PURE__ */ jsx32(ExternalLink, {
+              /* @__PURE__ */ jsx33(ExternalLink, {
                 className: "skippr:size-4"
               }),
               "Open"
             ]
           }),
-          /* @__PURE__ */ jsxs26(Button, {
+          /* @__PURE__ */ jsxs27(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             onClick: handleCopy,
             "aria-label": "Copy link",
             children: [
-              copied ? /* @__PURE__ */ jsx32(Check, {
+              copied ? /* @__PURE__ */ jsx33(Check, {
                 className: "skippr:size-4"
-              }) : /* @__PURE__ */ jsx32(Copy, {
+              }) : /* @__PURE__ */ jsx33(Copy, {
                 className: "skippr:size-4"
               }),
               copied ? "Copied" : "Copy link"
@@ -9077,28 +9132,28 @@ function LinkCard({ card, onDismiss }) {
 
 // src/components/PlanCard.tsx
 import { useEffect as useEffect35, useState as useState26 } from "react";
-import { jsx as jsx33, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
 var APPROVE_MESSAGE = "Yes, go ahead.";
 var CANCEL_MESSAGE = "No, cancel that.";
 var COMPLETED_CARD_VISIBLE_MS = 2500;
 var APPROVING_RESET_MS = 8000;
 function StepIcon({ status }) {
   if (status === "done") {
-    return /* @__PURE__ */ jsx33(CircleCheck, {
+    return /* @__PURE__ */ jsx34(CircleCheck, {
       className: "skippr:size-4 skippr:text-chart-3"
     });
   }
   if (status === "failed") {
-    return /* @__PURE__ */ jsx33(CircleX, {
+    return /* @__PURE__ */ jsx34(CircleX, {
       className: "skippr:size-4 skippr:text-destructive"
     });
   }
   if (status === "active") {
-    return /* @__PURE__ */ jsx33(Circle, {
+    return /* @__PURE__ */ jsx34(Circle, {
       className: "skippr:size-4 skippr:fill-primary/30 skippr:text-primary"
     });
   }
-  return /* @__PURE__ */ jsx33(Circle, {
+  return /* @__PURE__ */ jsx34(Circle, {
     className: "skippr:size-4 skippr:text-muted-foreground/30"
   });
 }
@@ -9129,43 +9184,43 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs27("div", {
+  return /* @__PURE__ */ jsxs28("div", {
     className: "skippr:rounded-2xl skippr:rounded-tl-md skippr:bg-card skippr:p-3.5 skippr:ring-2 skippr:ring-brand",
     children: [
-      /* @__PURE__ */ jsx33("p", {
+      /* @__PURE__ */ jsx34("p", {
         className: "skippr:mb-3 skippr:text-sm skippr:font-semibold skippr:leading-snug skippr:text-foreground",
         children: "Plan"
       }),
-      /* @__PURE__ */ jsx33("div", {
+      /* @__PURE__ */ jsx34("div", {
         className: "skippr:space-y-2",
-        children: plan.steps.map((step) => /* @__PURE__ */ jsxs27("div", {
+        children: plan.steps.map((step) => /* @__PURE__ */ jsxs28("div", {
           className: "skippr:flex skippr:items-center skippr:gap-2",
           children: [
-            /* @__PURE__ */ jsx33(StepIcon, {
+            /* @__PURE__ */ jsx34(StepIcon, {
               status: step.status
             }),
-            /* @__PURE__ */ jsx33("p", {
+            /* @__PURE__ */ jsx34("p", {
               className: cn("skippr:text-sm skippr:leading-snug", step.status === "done" && "skippr:text-muted-foreground skippr:line-through", step.status === "active" && "skippr:font-medium skippr:text-foreground", step.status === "pending" && "skippr:text-muted-foreground", step.status === "failed" && "skippr:text-destructive"),
               children: step.label
             })
           ]
         }, step.index))
       }),
-      awaitingApproval && /* @__PURE__ */ jsxs27("div", {
+      awaitingApproval && /* @__PURE__ */ jsxs28("div", {
         className: "skippr:mt-3.5 skippr:flex skippr:gap-2",
         children: [
-          /* @__PURE__ */ jsxs27(Button, {
+          /* @__PURE__ */ jsxs28(Button, {
             className: "skippr:flex-1 skippr:gap-1.5 skippr:py-2",
             disabled: isApproving,
             onClick: approve,
             children: [
-              isApproving && /* @__PURE__ */ jsx33("span", {
+              isApproving && /* @__PURE__ */ jsx34("span", {
                 className: "skippr:size-3 skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
               }),
               isApproving ? "Approving…" : "Approve"
             ]
           }),
-          /* @__PURE__ */ jsx33(Button, {
+          /* @__PURE__ */ jsx34(Button, {
             variant: "outline",
             className: "skippr:flex-1 skippr:py-2",
             disabled: isApproving,
@@ -9179,26 +9234,26 @@ function PlanCard({ plan, sendChatMessage, onDismiss }) {
 }
 
 // src/components/TypingIndicator.tsx
-import { jsx as jsx34, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
 function TypingIndicator() {
-  return /* @__PURE__ */ jsx34("div", {
+  return /* @__PURE__ */ jsx35("div", {
     className: "skippr:flex skippr:items-start skippr:gap-2 skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsxs28("div", {
+    children: /* @__PURE__ */ jsxs29("div", {
       className: "skippr:inline-flex skippr:items-center skippr:gap-1 skippr:rounded-2xl skippr:border skippr:border-primary/20 skippr:bg-primary/10 skippr:px-4 skippr:py-2 skippr:text-xs skippr:text-primary",
       children: [
-        /* @__PURE__ */ jsx34("span", {
+        /* @__PURE__ */ jsx35("span", {
           children: "Agent is analyzing your screen"
         }),
-        /* @__PURE__ */ jsxs28("span", {
+        /* @__PURE__ */ jsxs29("span", {
           className: "skippr:inline-flex skippr:items-center skippr:gap-[2px]",
           children: [
-            /* @__PURE__ */ jsx34("span", {
+            /* @__PURE__ */ jsx35("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:0ms]"
             }),
-            /* @__PURE__ */ jsx34("span", {
+            /* @__PURE__ */ jsx35("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:200ms]"
             }),
-            /* @__PURE__ */ jsx34("span", {
+            /* @__PURE__ */ jsx35("span", {
               className: "skippr:size-1 skippr:rounded-full skippr:bg-primary skippr:animate-skippr-thinking-dot skippr:[animation-delay:400ms]"
             })
           ]
@@ -9209,7 +9264,7 @@ function TypingIndicator() {
 }
 
 // src/components/MessageList.tsx
-import { jsx as jsx35, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
 var BOTTOM_THRESHOLD_PX = 32;
 function MessageList({
   messages,
@@ -9268,59 +9323,59 @@ function MessageList({
     container.scrollTop = container.scrollHeight;
   }, [messages.length, lastMessage?.content]);
   const showTyping = isStreaming && lastMessage?.role === "assistant" && lastMessage.content === "";
-  return /* @__PURE__ */ jsxs29("div", {
+  return /* @__PURE__ */ jsxs30("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
     children: [
-      /* @__PURE__ */ jsxs29("div", {
+      /* @__PURE__ */ jsxs30("div", {
         className: "skippr:relative skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
         children: [
-          /* @__PURE__ */ jsxs29("div", {
+          /* @__PURE__ */ jsxs30("div", {
             ref: containerRef,
             onScroll: handleScroll,
             "data-skippr-no-drag": "",
             className: "skippr:min-h-0 skippr:flex-1 skippr:select-text skippr:space-y-4 skippr:overflow-y-auto skippr:p-4 skippr:[overflow-anchor:none]",
             children: [
-              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx35("p", {
+              messages.length === 0 && !showTyping && (readOnly ? /* @__PURE__ */ jsx36("p", {
                 className: "skippr:px-2 skippr:py-6 skippr:text-center skippr:text-sm skippr:text-muted-foreground",
                 children: "No messages in this conversation yet."
-              }) : /* @__PURE__ */ jsx35(LoadingDots, {
+              }) : /* @__PURE__ */ jsx36(LoadingDots, {
                 label: "Waiting for conversation to begin..."
               })),
-              messages.map((message) => /* @__PURE__ */ jsx35(ChatMessage, {
+              messages.map((message) => /* @__PURE__ */ jsx36(ChatMessage, {
                 message
               }, message.id)),
-              showTyping && /* @__PURE__ */ jsx35(TypingIndicator, {})
+              showTyping && /* @__PURE__ */ jsx36(TypingIndicator, {})
             ]
           }),
-          showJumpToLatest && /* @__PURE__ */ jsx35("button", {
+          showJumpToLatest && /* @__PURE__ */ jsx36("button", {
             type: "button",
             onClick: jumpToLatest,
             "aria-label": "Jump to latest message",
             className: "skippr:-translate-x-1/2 skippr:absolute skippr:bottom-3 skippr:left-1/2 skippr:flex skippr:min-h-11 skippr:min-w-11 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:border skippr:border-border skippr:bg-background skippr:p-1.5 skippr:text-foreground skippr:shadow-md skippr:transition-colors skippr:hover:bg-muted",
-            children: /* @__PURE__ */ jsx35(ChevronDown, {
+            children: /* @__PURE__ */ jsx36(ChevronDown, {
               className: "skippr:size-4"
             })
           })
         ]
       }),
-      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx35("div", {
+      sendChatMessage && isPlanVisible(plan) && plan.planId !== dismissedPlanId && /* @__PURE__ */ jsx36("div", {
         "data-skippr-no-drag": "",
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
-        children: /* @__PURE__ */ jsx35(PlanCard, {
+        children: /* @__PURE__ */ jsx36(PlanCard, {
           plan,
           sendChatMessage,
           onDismiss: dismissPlan
         }, plan.planId)
       }),
-      linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */ jsx35("div", {
+      linkCard && linkCard.cardId !== dismissedLinkCardId && /* @__PURE__ */ jsx36("div", {
         "data-skippr-no-drag": "",
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
-        children: /* @__PURE__ */ jsx35(LinkCard, {
+        children: /* @__PURE__ */ jsx36(LinkCard, {
           card: linkCard,
           onDismiss: dismissLinkCard
         }, linkCard.cardId)
       }),
-      !readOnly && sendChatMessage && /* @__PURE__ */ jsx35(ChatInput, {
+      !readOnly && sendChatMessage && /* @__PURE__ */ jsx36(ChatInput, {
         sendChatMessage,
         isSendingChat,
         autoFocus
@@ -9331,14 +9386,14 @@ function MessageList({
 
 // src/components/SessionAgenda.tsx
 import { useContext as useContext17 } from "react";
-import { jsx as jsx36, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "react/jsx-runtime";
 function SessionAgenda({ phases, hasStarted }) {
   const ctx = useContext17(LiveAgentContext);
   const title = ctx?.activeModule?.name ?? "Agenda";
   if (phases.length === 0 || !hasStarted) {
-    return /* @__PURE__ */ jsx36("div", {
+    return /* @__PURE__ */ jsx37("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx36(LoadingDots, {
+      children: /* @__PURE__ */ jsx37(LoadingDots, {
         label: "Waiting for agenda to load..."
       })
     });
@@ -9348,17 +9403,17 @@ function SessionAgenda({ phases, hasStarted }) {
   const activeIndex = phases.findIndex((p) => p.status === "active");
   const currentStep = activeIndex >= 0 ? activeIndex + 1 : Math.min(completedCount + 1, total);
   const progressPct = Math.round(completedCount / total * 100);
-  return /* @__PURE__ */ jsxs30("div", {
+  return /* @__PURE__ */ jsxs31("div", {
     className: "skippr:flex-1 skippr:overflow-y-auto skippr:p-[14px]",
     children: [
-      /* @__PURE__ */ jsxs30("div", {
+      /* @__PURE__ */ jsxs31("div", {
         className: "skippr:mb-2 skippr:flex skippr:items-baseline skippr:justify-between",
         children: [
-          /* @__PURE__ */ jsx36("span", {
+          /* @__PURE__ */ jsx37("span", {
             className: "skippr:text-[12.5px] skippr:font-semibold skippr:text-[#2D2D3F]",
             children: title
           }),
-          /* @__PURE__ */ jsxs30("span", {
+          /* @__PURE__ */ jsxs31("span", {
             className: "skippr:text-[11px] skippr:font-semibold skippr:text-[var(--skippr-brand-deep)]",
             children: [
               "step ",
@@ -9369,14 +9424,14 @@ function SessionAgenda({ phases, hasStarted }) {
           })
         ]
       }),
-      /* @__PURE__ */ jsx36("div", {
+      /* @__PURE__ */ jsx37("div", {
         role: "progressbar",
         "aria-label": "Agenda progress",
         "aria-valuenow": Math.round(progressPct),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         className: "skippr:mb-[14px] skippr:h-[5px] skippr:overflow-hidden skippr:rounded-full skippr:bg-[#eeeae4]",
-        children: /* @__PURE__ */ jsx36("div", {
+        children: /* @__PURE__ */ jsx37("div", {
           className: "skippr:h-full skippr:rounded-full skippr:bg-brand",
           style: { width: `${progressPct}%` }
         })
@@ -9384,29 +9439,29 @@ function SessionAgenda({ phases, hasStarted }) {
       phases.map((phase) => {
         const isActive = phase.status === "active";
         const isCompleted = phase.status === "completed";
-        return /* @__PURE__ */ jsxs30("div", {
+        return /* @__PURE__ */ jsxs31("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[9px] skippr:py-[5px]",
           children: [
-            isCompleted ? /* @__PURE__ */ jsx36("span", {
+            isCompleted ? /* @__PURE__ */ jsx37("span", {
               className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
-              children: /* @__PURE__ */ jsx36(Check, {
+              children: /* @__PURE__ */ jsx37(Check, {
                 className: "skippr:size-[11px]",
                 style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
                 strokeWidth: 3
               })
-            }) : isActive ? /* @__PURE__ */ jsx36("span", {
+            }) : isActive ? /* @__PURE__ */ jsx37("span", {
               className: "skippr:flex skippr:size-[19px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand skippr:shadow-[0_0_0_4px_var(--skippr-brand-ring)]",
-              children: /* @__PURE__ */ jsx36("span", {
+              children: /* @__PURE__ */ jsx37("span", {
                 className: "skippr:size-[6px] skippr:rounded-full skippr:bg-white"
               })
-            }) : /* @__PURE__ */ jsx36("span", {
+            }) : /* @__PURE__ */ jsx37("span", {
               className: "skippr:size-[19px] skippr:shrink-0 skippr:rounded-full skippr:border-2 skippr:border-[#d8d3ca] skippr:bg-white"
             }),
-            /* @__PURE__ */ jsx36("span", {
+            /* @__PURE__ */ jsx37("span", {
               className: cn("skippr:text-[12.5px]", isActive || isCompleted ? "skippr:font-semibold skippr:text-[#2D2D3F]" : "skippr:font-medium skippr:text-[#a8a49c]"),
               children: phase.name
             }),
-            isActive && /* @__PURE__ */ jsx36("span", {
+            isActive && /* @__PURE__ */ jsx37("span", {
               className: "skippr:ml-auto skippr:text-[9.5px] skippr:font-bold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[var(--skippr-brand-deep)]",
               children: "now"
             })
@@ -9418,12 +9473,12 @@ function SessionAgenda({ phases, hasStarted }) {
 }
 
 // src/components/SessionWarningBanner.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var SESSION_WARNING_THRESHOLD_SECS = 60;
 function SessionWarningBanner({ remaining }) {
   if (remaining === null || remaining <= 0 || remaining > SESSION_WARNING_THRESHOLD_SECS)
     return null;
-  return /* @__PURE__ */ jsx37("div", {
+  return /* @__PURE__ */ jsx38("div", {
     "data-testid": "session-warning-banner",
     role: "alert",
     className: "skippr:bg-red-50 skippr:px-4 skippr:py-1.5 skippr:text-center skippr:text-xs skippr:font-medium skippr:text-red-700",
@@ -9432,7 +9487,7 @@ function SessionWarningBanner({ remaining }) {
 }
 
 // src/components/Sidebar.tsx
-import { jsx as jsx38, jsxs as jsxs31, Fragment as Fragment4 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs32, Fragment as Fragment4 } from "react/jsx-runtime";
 var PANEL_GAP_PX = 12;
 var PANEL_VIEWPORT_MARGIN_PX = 24;
 var PANEL_MAX_HEIGHT_PX = 460;
@@ -9542,17 +9597,17 @@ function Sidebar({
       document.body.style.transition = "";
     };
   }, [isSidebar, isPanelOpen, position]);
-  return /* @__PURE__ */ jsxs31("div", {
+  return /* @__PURE__ */ jsxs32("div", {
     ref: internalCtx?.panelRef,
     className: cn("skippr:fixed skippr:z-[9999]", "skippr:bg-card", "skippr:flex skippr:flex-col", "skippr:overflow-hidden", isFloating && "skippr:rounded-[16px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:shadow-[0_14px_34px_rgba(45,45,63,0.15),0_2px_6px_rgba(45,45,63,0.06)]", isFloating && "skippr:transition-[opacity,transform,height] skippr:duration-300 skippr:ease-in-out", isFloating && (popsDown ? isLeftAligned ? "skippr:origin-top-left" : "skippr:origin-top-right" : isLeftAligned ? "skippr:origin-bottom-left" : "skippr:origin-bottom-right"), isFloating && !isPanelOpen && "skippr:scale-0 skippr:opacity-0 skippr:pointer-events-none", isFloating && isPanelOpen && "skippr:scale-100 skippr:opacity-100", followsPanel && "skippr:select-none", isSidebar && "skippr:top-0 skippr:h-full", isSidebar && "skippr:transition-[width] skippr:duration-300 skippr:ease-in-out", isSidebar && position === "right" && "skippr:right-0 skippr:border-l skippr:border-l-border", isSidebar && position === "left" && "skippr:left-0 skippr:border-r skippr:border-r-border", isSidebar && !isPanelOpen && "skippr:w-0 skippr:border-0"),
     style: { width: isPanelOpen ? SIDEBAR_WIDTH : undefined, ...floatingStyle },
     children: [
-      !hideHeader && /* @__PURE__ */ jsx38(ChatHeader, {
+      !hideHeader && /* @__PURE__ */ jsx39(ChatHeader, {
         wasDraggedRef,
         draggable: followsPanel,
         headerRef
       }),
-      authFailed ? /* @__PURE__ */ jsx38(AuthError, {}) : isAuthenticated && hasResolvedModules ? /* @__PURE__ */ jsx38(AuthenticatedContent, {
+      authFailed ? /* @__PURE__ */ jsx39(AuthError, {}) : isAuthenticated && hasResolvedModules ? /* @__PURE__ */ jsx39(AuthenticatedContent, {
         isConnected,
         isPaused,
         isPausing,
@@ -9568,14 +9623,14 @@ function Sidebar({
         talkLabel: startSessionLabel,
         talkDisabled,
         showTalk: !isFloating
-      }) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx38("div", {
+      }) : usesHostAuth || isValidating || isAuthenticated ? /* @__PURE__ */ jsx39("div", {
         className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-        children: /* @__PURE__ */ jsx38(LoadingDots, {
+        children: /* @__PURE__ */ jsx39(LoadingDots, {
           label: "Loading..."
         })
-      }) : /* @__PURE__ */ jsx38("div", {
+      }) : /* @__PURE__ */ jsx39("div", {
         "data-skippr-no-drag": "",
-        children: /* @__PURE__ */ jsx38(LoginFlow, {
+        children: /* @__PURE__ */ jsx39(LoginFlow, {
           requestOtp,
           verifyOtp,
           error: authError,
@@ -9604,20 +9659,20 @@ function AuthenticatedContent({
 }) {
   const inSession = isConnected || isStarting || isPaused || isPausing;
   const effectiveTab = showAgenda ? activeTab : "chat";
-  return /* @__PURE__ */ jsxs31(Fragment4, {
+  return /* @__PURE__ */ jsxs32(Fragment4, {
     children: [
-      isConnected && /* @__PURE__ */ jsx38(ConnectedBanner, {}),
-      /* @__PURE__ */ jsx38("div", {
+      isConnected && /* @__PURE__ */ jsx39(ConnectedBanner, {}),
+      /* @__PURE__ */ jsx39("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col",
-        children: isDisconnecting ? /* @__PURE__ */ jsx38("div", {
+        children: isDisconnecting ? /* @__PURE__ */ jsx39("div", {
           className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-          children: /* @__PURE__ */ jsx38(LoadingDots, {
+          children: /* @__PURE__ */ jsx39(LoadingDots, {
             label: "Ending session..."
           })
-        }) : inSession ? /* @__PURE__ */ jsx38(ConnectedBody, {
+        }) : inSession ? /* @__PURE__ */ jsx39(ConnectedBody, {
           activeTab: effectiveTab,
           autoFocusChat
-        }) : /* @__PURE__ */ jsx38(IdleHistory, {
+        }) : /* @__PURE__ */ jsx39(IdleHistory, {
           activeTab: effectiveTab,
           history: idleHistory,
           onTalk,
@@ -9627,36 +9682,24 @@ function AuthenticatedContent({
           error
         })
       }),
-      !hideControls && /* @__PURE__ */ jsx38("div", {
+      !hideControls && /* @__PURE__ */ jsx39("div", {
         "data-skippr-no-drag": "",
         className: "skippr:shrink-0 skippr:border-t skippr:border-border",
-        children: /* @__PURE__ */ jsx38("div", {
+        children: /* @__PURE__ */ jsx39("div", {
           className: "skippr:flex skippr:items-center skippr:justify-center skippr:px-4 skippr:pt-1 skippr:pb-0.5 skippr:text-[10px] skippr:text-muted-foreground",
-          children: /* @__PURE__ */ jsxs31("a", {
+          children: /* @__PURE__ */ jsxs32("a", {
             href: ATTRIBUTION_URL,
             target: "_blank",
             rel: "noopener noreferrer",
             className: `${FOCUS_RING2} skippr:flex skippr:w-fit skippr:items-center skippr:gap-1 skippr:rounded-[4px] skippr:transition-colors skippr:hover:text-foreground`,
             children: [
-              /* @__PURE__ */ jsxs31("svg", {
-                viewBox: "21 21 109 109",
-                className: "skippr:size-3",
-                fill: "none",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ jsx38("path", {
-                    d: "M119.497 24C124.193 24 128 27.8071 128 32.5033V81.3974C128 83.0339 127.536 84.5616 126.735 85.8587L89.8936 57.4811L89.8943 57.4804C80.4203 50.1648 66.2971 56.7058 66.297 69.0147V89.9007H29.5033C24.8071 89.9007 21 86.0936 21 81.3974V32.5033C21 27.8071 24.8071 24 29.5033 24H119.497ZM76.2715 69.0147C76.2716 65.1724 80.7356 63.0111 83.7978 65.3755L115.637 89.9007H76.2715V69.0147Z",
-                    fill: "currentColor"
-                  }),
-                  /* @__PURE__ */ jsx38("path", {
-                    d: "M83.7979 64.8856C80.7358 62.5211 76.2716 64.6824 76.2716 68.5247V120.892C76.2716 125.27 81.8518 127.191 84.5938 123.755L97.6194 107.437C98.1001 106.836 98.7119 106.35 99.4091 106.016C100.106 105.683 100.871 105.51 101.645 105.51H122.946C127.386 105.51 129.316 99.9436 125.81 97.2466L83.7979 64.8856Z",
-                    className: "skippr:fill-brand"
-                  })
-                ]
+              /* @__PURE__ */ jsx39(LogoMark, {
+                decorative: true,
+                className: "skippr:size-3"
               }),
               ATTRIBUTION_PREFIX,
               " ",
-              /* @__PURE__ */ jsx38("span", {
+              /* @__PURE__ */ jsx39("span", {
                 className: "skippr:font-medium skippr:text-foreground skippr:underline skippr:underline-offset-2",
                 children: ATTRIBUTION_BRAND
               })
@@ -9664,10 +9707,10 @@ function AuthenticatedContent({
           })
         })
       }),
-      /* @__PURE__ */ jsx38("div", {
+      /* @__PURE__ */ jsx39("div", {
         "data-skippr-no-drag": "",
         className: `skippr:shrink-0 skippr:px-2${hideControls ? " skippr:pb-4 skippr:border-t skippr:border-border skippr:pt-1" : " skippr:pb-1"}`,
-        children: /* @__PURE__ */ jsx38(ConsentNotice, {
+        children: /* @__PURE__ */ jsx39(ConsentNotice, {
           leadIn: "By continuing",
           determiner: "the",
           className: "skippr:whitespace-nowrap skippr:text-[10px]"
@@ -9677,17 +9720,17 @@ function AuthenticatedContent({
   });
 }
 function AuthError() {
-  return /* @__PURE__ */ jsxs31("div", {
+  return /* @__PURE__ */ jsxs32("div", {
     className: "skippr:flex skippr:flex-1 skippr:flex-col skippr:items-center skippr:justify-center skippr:px-6 skippr:py-4 skippr:text-center",
     children: [
-      /* @__PURE__ */ jsx38(CircleAlert, {
+      /* @__PURE__ */ jsx39(CircleAlert, {
         className: "skippr:mb-3 skippr:size-7 skippr:text-destructive"
       }),
-      /* @__PURE__ */ jsx38("p", {
+      /* @__PURE__ */ jsx39("p", {
         className: "skippr:text-sm skippr:font-medium skippr:text-foreground",
         children: "We couldn't verify your session"
       }),
-      /* @__PURE__ */ jsx38("p", {
+      /* @__PURE__ */ jsx39("p", {
         className: "skippr:mt-1 skippr:text-xs skippr:text-muted-foreground",
         children: "Please contact administrator."
       })
@@ -9696,7 +9739,7 @@ function AuthError() {
 }
 function ConnectedBanner() {
   const remaining = useSessionRemaining();
-  return /* @__PURE__ */ jsx38(SessionWarningBanner, {
+  return /* @__PURE__ */ jsx39(SessionWarningBanner, {
     remaining
   });
 }
@@ -9710,45 +9753,45 @@ function IdleHistory({
   error
 }) {
   if (history2.isLoading) {
-    return /* @__PURE__ */ jsx38("div", {
+    return /* @__PURE__ */ jsx39("div", {
       className: "skippr:flex skippr:flex-1 skippr:items-center skippr:justify-center",
-      children: /* @__PURE__ */ jsx38(LoadingDots, {
+      children: /* @__PURE__ */ jsx39(LoadingDots, {
         label: "Loading conversation..."
       })
     });
   }
-  return /* @__PURE__ */ jsxs31("div", {
+  return /* @__PURE__ */ jsxs32("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
     children: [
-      activeTab === "agenda" ? /* @__PURE__ */ jsx38("div", {
+      activeTab === "agenda" ? /* @__PURE__ */ jsx39("div", {
         "data-skippr-no-drag": "",
         className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto",
-        children: /* @__PURE__ */ jsx38(SessionAgenda, {
+        children: /* @__PURE__ */ jsx39(SessionAgenda, {
           phases: history2.phases,
           hasStarted: history2.phases.length > 0
         })
-      }) : /* @__PURE__ */ jsx38(MessageList, {
+      }) : /* @__PURE__ */ jsx39(MessageList, {
         messages: history2.messages,
         isStreaming: false,
         readOnly: true
       }),
-      (showTalk || error) && /* @__PURE__ */ jsxs31("div", {
+      (showTalk || error) && /* @__PURE__ */ jsxs32("div", {
         "data-skippr-no-drag": "",
         className: "skippr:shrink-0 skippr:border-t skippr:border-border skippr:p-3",
         children: [
-          showTalk && /* @__PURE__ */ jsxs31("button", {
+          showTalk && /* @__PURE__ */ jsxs32("button", {
             type: "button",
             onClick: onTalk,
             disabled: talkDisabled,
             className: "skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-xl skippr:bg-primary skippr:px-4 skippr:py-3 skippr:font-semibold skippr:text-[13px] skippr:text-primary-foreground skippr:transition-colors skippr:hover:bg-primary/90 skippr:disabled:cursor-not-allowed skippr:disabled:opacity-50",
             children: [
-              /* @__PURE__ */ jsx38(Mic, {
+              /* @__PURE__ */ jsx39(Mic, {
                 className: "skippr:size-4"
               }),
               talkLabel
             ]
           }),
-          error && /* @__PURE__ */ jsx38("p", {
+          error && /* @__PURE__ */ jsx39("p", {
             role: "alert",
             className: cn("skippr:text-center skippr:text-xs skippr:text-destructive", showTalk && "skippr:mt-2"),
             children: error
@@ -9769,18 +9812,18 @@ function ConnectedBody({
   const { agentControls, isPaused } = useLiveAgent();
   const { isHeld } = useSessionHoldContext();
   if (activeTab === "agenda") {
-    return /* @__PURE__ */ jsx38("div", {
+    return /* @__PURE__ */ jsx39("div", {
       "data-skippr-no-drag": "",
       className: "skippr:min-h-0 skippr:flex-1 skippr:overflow-y-auto skippr:animate-skippr-tab-fade",
-      children: /* @__PURE__ */ jsx38(SessionAgenda, {
+      children: /* @__PURE__ */ jsx39(SessionAgenda, {
         phases,
         hasStarted: allMessages.length > 0 || agentState === "speaking"
       })
     }, "agenda");
   }
-  return /* @__PURE__ */ jsx38("div", {
+  return /* @__PURE__ */ jsx39("div", {
     className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:animate-skippr-tab-fade",
-    children: /* @__PURE__ */ jsx38(MessageList, {
+    children: /* @__PURE__ */ jsx39(MessageList, {
       messages: allMessages,
       isStreaming: agentState === "speaking",
       sendChatMessage,
@@ -9797,9 +9840,9 @@ function ConnectedBody({
 import { useContext as useContext19 } from "react";
 
 // src/components/Logo.tsx
-import { jsx as jsx39, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs33 } from "react/jsx-runtime";
 function Logo({ className, decorative }) {
-  return /* @__PURE__ */ jsxs32("svg", {
+  return /* @__PURE__ */ jsxs33("svg", {
     width: "1em",
     height: "1em",
     viewBox: "0 0 200 200",
@@ -9810,20 +9853,20 @@ function Logo({ className, decorative }) {
     "aria-hidden": decorative || undefined,
     className,
     children: [
-      /* @__PURE__ */ jsx39("rect", {
+      /* @__PURE__ */ jsx40("rect", {
         width: "200",
         height: "200",
         rx: "40",
         fill: "#2D2D3F"
       }),
-      /* @__PURE__ */ jsxs32("g", {
+      /* @__PURE__ */ jsxs33("g", {
         transform: "translate(100 100) scale(0.8) translate(-100 -100)",
         children: [
-          /* @__PURE__ */ jsx39("path", {
+          /* @__PURE__ */ jsx40("path", {
             d: "M144.497 59C149.193 59 153 62.8071 153 67.5033V116.397C153 118.034 152.536 119.562 151.735 120.859L114.894 92.4811L114.894 92.4804C105.42 85.1648 91.2971 91.7058 91.297 104.015V124.901H54.5033C49.8071 124.901 46 121.094 46 116.397V67.5033C46 62.8071 49.8071 59 54.5033 59H144.497ZM101.272 104.015C101.272 100.172 105.736 98.0111 108.798 100.375L140.637 124.901H101.272V104.015Z",
             fill: "white"
           }),
-          /* @__PURE__ */ jsx39("path", {
+          /* @__PURE__ */ jsx40("path", {
             d: "M108.798 99.8856C105.736 97.5211 101.271 99.6824 101.271 103.525V155.892C101.271 160.27 106.852 162.191 109.594 158.755L122.619 142.437C123.1 141.836 123.712 141.35 124.409 141.016C125.106 140.683 125.871 140.51 126.645 140.51H147.946C152.386 140.51 154.316 134.944 150.81 132.247L108.798 99.8856Z",
             className: "skippr:fill-brand"
           })
@@ -9834,7 +9877,7 @@ function Logo({ className, decorative }) {
 }
 
 // src/components/SidebarTrigger.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function SidebarTrigger() {
   const {
     isPanelOpen,
@@ -9854,27 +9897,27 @@ function SidebarTrigger() {
   if (isMinimized || isConnected || isStarting || isPausing)
     return null;
   const handleClick = isPanelOpen && minimizable ? minimizePanel : togglePanel;
-  return /* @__PURE__ */ jsx40("button", {
+  return /* @__PURE__ */ jsx41("button", {
     type: "button",
     onClick: handleClick,
     title: isPanelOpen ? "Close chat" : "Open chat",
     "aria-label": isPanelOpen ? "Close chat" : "Open chat",
     style: { bottom: triggerBottomPx(launcherBottomPx, popsDown) },
     className: cn("skippr:fixed skippr:z-[9998]", "skippr:flex skippr:size-12 skippr:items-center skippr:justify-center", "skippr:shadow-[0_4px_16px_rgba(45,43,61,0.45),0_2px_4px_rgba(0,0,0,0.1)] skippr:transition-all", "skippr:cursor-pointer skippr:hover:brightness-110 skippr:hover:-translate-y-0.5 skippr:active:translate-y-0", isPanelOpen ? "skippr:rounded-[14px] skippr:bg-bubble skippr:text-white" : "skippr:rounded-[10px] skippr:overflow-hidden", position === "right" ? "skippr:right-6" : "skippr:left-6"),
-    children: isPanelOpen ? /* @__PURE__ */ jsx40(ChevronDown, {
+    children: isPanelOpen ? /* @__PURE__ */ jsx41(ChevronDown, {
       className: "skippr:size-5"
-    }) : logoUrl ? /* @__PURE__ */ jsx40("img", {
+    }) : logoUrl ? /* @__PURE__ */ jsx41("img", {
       src: logoUrl,
       alt: "",
       className: "skippr:size-12 skippr:object-cover"
-    }) : /* @__PURE__ */ jsx40(Logo, {
+    }) : /* @__PURE__ */ jsx41(Logo, {
       className: "skippr:size-12"
     })
   });
 }
 
 // src/components/VoiceBar.tsx
-import { useCallback as useCallback32, useContext as useContext24, useState as useState38 } from "react";
+import { useCallback as useCallback31, useContext as useContext24, useState as useState37 } from "react";
 
 // src/hooks/useBarNotifications.ts
 import { useContext as useContext21 } from "react";
@@ -9938,37 +9981,15 @@ function useBarNotifications() {
 }
 
 // src/components/VoiceBarFrame.tsx
-import { useIsSpeaking, useLocalParticipant as useLocalParticipant13 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback30, useContext as useContext23, useEffect as useEffect46, useRef as useRef39, useState as useState35 } from "react";
-
-// src/hooks/useHighlightControl.ts
-import { useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
-import { useCallback as useCallback27, useEffect as useEffect37, useState as useState28 } from "react";
-var textEncoder7 = new TextEncoder;
-function useHighlightControl() {
-  const { localParticipant } = useLocalParticipant12();
-  const [active, setActive] = useState28(isHighlightActive);
-  useEffect37(() => subscribeHighlightActive(setActive), []);
-  const requestClear = useCallback27(async () => {
-    clearHighlight();
-    try {
-      await localParticipant.publishData(textEncoder7.encode(JSON.stringify({ type: "dismiss" })), {
-        reliable: true,
-        topic: HIGHLIGHT_TOPIC
-      });
-    } catch (error) {
-      console.error("Failed to send highlight dismiss:", error);
-    }
-  }, [localParticipant]);
-  return { highlightActive: active, clearHighlight: requestClear };
-}
+import { useIsSpeaking, useLocalParticipant as useLocalParticipant12 } from "@livekit/components-react/hooks";
+import { useCallback as useCallback29, useContext as useContext23, useEffect as useEffect45, useRef as useRef39, useState as useState34 } from "react";
 
 // src/hooks/useKeyboardStop.ts
-import { useEffect as useEffect38, useRef as useRef33 } from "react";
+import { useEffect as useEffect37, useRef as useRef33 } from "react";
 function useKeyboardStop({ enabled, onStop }) {
   const handler = useRef33(onStop);
   handler.current = onStop;
-  useEffect38(() => {
+  useEffect37(() => {
     if (!enabled)
       return;
     const onKeyDown = (event) => {
@@ -9985,18 +10006,18 @@ function useKeyboardStop({ enabled, onStop }) {
 }
 
 // src/hooks/useSessionTimer.ts
-import { useEffect as useEffect40, useState as useState30 } from "react";
+import { useEffect as useEffect39, useState as useState29 } from "react";
 
 // src/hooks/useElapsedSeconds.ts
-import { useEffect as useEffect39, useRef as useRef34, useState as useState29 } from "react";
+import { useEffect as useEffect38, useRef as useRef34, useState as useState28 } from "react";
 function useElapsedSeconds(isRunning, resetSignal) {
-  const [elapsed, setElapsed] = useState29(0);
+  const [elapsed, setElapsed] = useState28(0);
   const accumulatedSecondsRef = useRef34(0);
-  useEffect39(() => {
+  useEffect38(() => {
     accumulatedSecondsRef.current = 0;
     setElapsed(0);
   }, [resetSignal]);
-  useEffect39(() => {
+  useEffect38(() => {
     if (!isRunning)
       return;
     const resumedAt = Date.now();
@@ -10021,8 +10042,8 @@ function useSessionTimer(isRunning, resetSignal) {
   const active = isRunning && remaining !== null;
   const warning = active && remaining !== null && remaining <= SESSION_TIMER_WARNING_S;
   const revealCycle = !active ? null : warning ? "warning" : "normal";
-  const [revealed, setRevealed] = useState30(false);
-  useEffect40(() => {
+  const [revealed, setRevealed] = useState29(false);
+  useEffect39(() => {
     if (!revealCycle) {
       setRevealed(false);
       return;
@@ -10050,7 +10071,7 @@ function useSessionTimer(isRunning, resetSignal) {
 }
 
 // src/hooks/useVoiceBarDrag.ts
-import { useEffect as useEffect41, useRef as useRef35 } from "react";
+import { useEffect as useEffect40, useRef as useRef35 } from "react";
 import { flushSync as flushSync2 } from "react-dom";
 var DRAG_THRESHOLD_PX2 = 5;
 function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
@@ -10061,7 +10082,7 @@ function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
   followTargetsRef.current = followRefs;
   const reportDraggingRef = useRef35(reportDragging);
   reportDraggingRef.current = reportDragging;
-  useEffect41(() => {
+  useEffect40(() => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -10211,8 +10232,8 @@ function useVoiceBarDrag(containerRef, onDrop, followRefs, reportDragging) {
 }
 
 // src/components/VoiceBarChatLine.tsx
-import { useCallback as useCallback28, useContext as useContext22, useEffect as useEffect42, useRef as useRef36, useState as useState31 } from "react";
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import { useCallback as useCallback27, useContext as useContext22, useEffect as useEffect41, useRef as useRef36, useState as useState30 } from "react";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 var IDLE_HIDE_MS = 6000;
 function VoiceBarChatLine({
   popsDown,
@@ -10223,19 +10244,19 @@ function VoiceBarChatLine({
   const { sendChatMessage, isSendingChat } = useChatMessages();
   const ctx = useContext22(LiveAgentContext);
   const reportChatActivity = ctx?.reportChatActivity;
-  const [localDraft, setLocalDraft] = useState31("");
+  const [localDraft, setLocalDraft] = useState30("");
   const text = ctx?.chatDraft ?? localDraft;
   const setText = ctx?.setChatDraft ?? setLocalDraft;
   const inputRef = useRef36(null);
   const idleTimerRef = useRef36(null);
   const onCloseRef = useRef36(onClose);
   onCloseRef.current = onClose;
-  const armIdle = useCallback28(() => {
+  const armIdle = useCallback27(() => {
     if (idleTimerRef.current)
       clearTimeout(idleTimerRef.current);
     idleTimerRef.current = setTimeout(() => onCloseRef.current(), IDLE_HIDE_MS);
   }, []);
-  useEffect42(() => {
+  useEffect41(() => {
     inputRef.current?.focus();
     armIdle();
     return () => {
@@ -10261,12 +10282,12 @@ function VoiceBarChatLine({
     width: 255,
     ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
   };
-  return /* @__PURE__ */ jsxs33("div", {
+  return /* @__PURE__ */ jsxs34("div", {
     style: embedded ? undefined : style,
     onPointerDown: (event) => event.stopPropagation(),
     className: cn("skippr:flex skippr:items-center skippr:gap-[7px] skippr:py-[4px] skippr:pl-[13px] skippr:pr-[5px]", !embedded && "skippr:z-[4] skippr:rounded-[12px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)] skippr:[animation:skippr-fade-in_0.16s_ease]"),
     children: [
-      /* @__PURE__ */ jsx41("input", {
+      /* @__PURE__ */ jsx42("input", {
         ref: inputRef,
         value: text,
         onChange: (event) => {
@@ -10284,7 +10305,7 @@ function VoiceBarChatLine({
         "aria-label": "Message",
         className: "skippr:min-w-0 skippr:flex-1 skippr:border-none skippr:bg-transparent skippr:py-[7px] skippr:text-[13px] skippr:font-medium skippr:text-[#2D2D3F] skippr:outline-none skippr:placeholder:text-[#b0aca4]"
       }),
-      /* @__PURE__ */ jsx41("button", {
+      /* @__PURE__ */ jsx42("button", {
         type: "button",
         onClick: submit,
         disabled: !sendReady,
@@ -10294,7 +10315,7 @@ function VoiceBarChatLine({
         },
         "aria-label": "Send",
         className: "skippr:flex skippr:size-[32px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:transition-[filter] skippr:hover:brightness-[1.06] skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)] skippr:disabled:cursor-not-allowed",
-        children: /* @__PURE__ */ jsx41(Send, {
+        children: /* @__PURE__ */ jsx42(Send, {
           className: "skippr:size-[15px]",
           strokeWidth: 2
         })
@@ -10304,78 +10325,78 @@ function VoiceBarChatLine({
 }
 
 // src/components/VoiceBarLinkCard.tsx
-import { useCallback as useCallback29, useEffect as useEffect43, useRef as useRef37, useState as useState32 } from "react";
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { useCallback as useCallback28, useEffect as useEffect42, useRef as useRef37, useState as useState31 } from "react";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 var COPIED_RESET_MS2 = 2000;
 var DISMISS_AFTER_COPY_MS2 = 3000;
 function VoiceBarLinkCard({ card, onDismiss }) {
-  const [copied, setCopied] = useState32(false);
+  const [copied, setCopied] = useState31(false);
   const dismissTimerRef = useRef37(null);
-  useEffect43(() => {
+  useEffect42(() => {
     if (!copied)
       return;
     const timer = setTimeout(() => setCopied(false), COPIED_RESET_MS2);
     return () => clearTimeout(timer);
   }, [copied]);
-  useEffect43(() => {
+  useEffect42(() => {
     return () => {
       if (dismissTimerRef.current)
         clearTimeout(dismissTimerRef.current);
     };
   }, []);
-  const handleCopy = useCallback29(async () => {
+  const handleCopy = useCallback28(async () => {
     const ok = await copyToClipboard(card.url);
     if (!ok)
       return;
     setCopied(true);
     dismissTimerRef.current = setTimeout(onDismiss, DISMISS_AFTER_COPY_MS2);
   }, [card.url, onDismiss]);
-  return /* @__PURE__ */ jsxs34("div", {
+  return /* @__PURE__ */ jsxs35("div", {
     className: "skippr:relative skippr:w-[225px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
     children: [
-      /* @__PURE__ */ jsx42("button", {
+      /* @__PURE__ */ jsx43("button", {
         type: "button",
         onClick: onDismiss,
         "aria-label": "Dismiss link",
         className: "skippr:absolute skippr:right-[8px] skippr:top-[8px] skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
-        children: /* @__PURE__ */ jsx42(X, {
+        children: /* @__PURE__ */ jsx43(X, {
           className: "skippr:size-[12px]",
           strokeWidth: 2.5
         })
       }),
-      /* @__PURE__ */ jsxs34("div", {
+      /* @__PURE__ */ jsxs35("div", {
         className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[10px]",
         children: [
-          /* @__PURE__ */ jsx42("p", {
+          /* @__PURE__ */ jsx43("p", {
             className: "skippr:mr-[22px] skippr:truncate skippr:text-[10px] skippr:text-[#8b877f]",
             children: card.url
           }),
-          /* @__PURE__ */ jsxs34("div", {
+          /* @__PURE__ */ jsxs35("div", {
             className: "skippr:mt-[9px] skippr:flex skippr:gap-[8px]",
             children: [
-              /* @__PURE__ */ jsxs34("a", {
+              /* @__PURE__ */ jsxs35("a", {
                 href: card.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
                 children: [
-                  /* @__PURE__ */ jsx42(ExternalLink, {
+                  /* @__PURE__ */ jsx43(ExternalLink, {
                     className: "skippr:size-[11px]",
                     strokeWidth: 2.5
                   }),
                   "open"
                 ]
               }),
-              /* @__PURE__ */ jsxs34("button", {
+              /* @__PURE__ */ jsxs35("button", {
                 type: "button",
                 onClick: handleCopy,
                 "aria-label": "Copy link",
                 className: "skippr:flex skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.12)] skippr:bg-white skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-[#2D2D3F] skippr:transition-colors skippr:hover:bg-[#f2f0eb]",
                 children: [
-                  copied ? /* @__PURE__ */ jsx42(Check, {
+                  copied ? /* @__PURE__ */ jsx43(Check, {
                     className: "skippr:size-[11px]",
                     strokeWidth: 3
-                  }) : /* @__PURE__ */ jsx42(Copy, {
+                  }) : /* @__PURE__ */ jsx43(Copy, {
                     className: "skippr:size-[11px]",
                     strokeWidth: 2.5
                   }),
@@ -10391,13 +10412,13 @@ function VoiceBarLinkCard({ card, onDismiss }) {
 }
 
 // src/components/VoiceBarNotification.tsx
-import { useEffect as useEffect44, useRef as useRef38, useState as useState33 } from "react";
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { useEffect as useEffect43, useRef as useRef38, useState as useState32 } from "react";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 function VoiceBarNotification({ notifications, pos, onDismiss }) {
-  const [index2, setIndex] = useState33(0);
-  const [paused, setPaused] = useState33(false);
+  const [index2, setIndex] = useState32(0);
+  const [paused, setPaused] = useState32(false);
   const cardRef = useRef38(null);
-  useEffect44(() => {
+  useEffect43(() => {
     const el = cardRef.current;
     if (!el)
       return;
@@ -10410,7 +10431,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
       el.removeEventListener("mouseleave", leave);
     };
   }, []);
-  useEffect44(() => {
+  useEffect43(() => {
     if (paused)
       return;
     const rotate = setInterval(() => setIndex((current) => (current + 1) % notifications.length), TIP_ROTATE_MS);
@@ -10437,21 +10458,21 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
     zIndex: 6,
     ...popsDown ? { top: "calc(100% + 10px)" } : { bottom: "calc(100% + 10px)" }
   };
-  return /* @__PURE__ */ jsx43("div", {
+  return /* @__PURE__ */ jsx44("div", {
     style: wrapperStyle,
     "data-skippr-no-drag": "",
-    children: /* @__PURE__ */ jsxs35("div", {
+    children: /* @__PURE__ */ jsxs36("div", {
       ref: cardRef,
       className: "skippr:flex skippr:w-[255px] skippr:items-center skippr:gap-[8px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
       children: [
-        /* @__PURE__ */ jsx43("span", {
+        /* @__PURE__ */ jsx44("span", {
           className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[10px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
-          children: /* @__PURE__ */ jsx43("span", {
+          children: /* @__PURE__ */ jsx44("span", {
             className: "skippr:line-clamp-2",
             children: notification.message
           })
         }),
-        /* @__PURE__ */ jsx43("button", {
+        /* @__PURE__ */ jsx44("button", {
           type: "button",
           onClick: () => {
             notification.activate();
@@ -10460,7 +10481,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
           className: "skippr:shrink-0 skippr:cursor-pointer skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[9px] skippr:py-[3px] skippr:text-[9.5px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
           children: "start"
         }),
-        hasMultiple && /* @__PURE__ */ jsxs35("button", {
+        hasMultiple && /* @__PURE__ */ jsxs36("button", {
           type: "button",
           onClick: () => setIndex((current) => (current + 1) % notifications.length),
           "aria-label": "Next",
@@ -10470,7 +10491,7 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
             safeIndex + 1,
             "/",
             notifications.length,
-            /* @__PURE__ */ jsx43(ChevronRight, {
+            /* @__PURE__ */ jsx44(ChevronRight, {
               className: "skippr:size-[11px]",
               strokeWidth: 2.5
             })
@@ -10482,14 +10503,14 @@ function VoiceBarNotification({ notifications, pos, onDismiss }) {
 }
 
 // src/components/VoiceBarPlanCard.tsx
-import { useEffect as useEffect45, useState as useState34 } from "react";
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import { useEffect as useEffect44, useState as useState33 } from "react";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 var APPROVING_RESET_MS2 = 8000;
 function StepIndicator({ step }) {
   if (step.status === "done") {
-    return /* @__PURE__ */ jsx44("span", {
+    return /* @__PURE__ */ jsx45("span", {
       className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-brand",
-      children: /* @__PURE__ */ jsx44(Check, {
+      children: /* @__PURE__ */ jsx45(Check, {
         className: "skippr:size-[10px]",
         style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
         strokeWidth: 3
@@ -10497,15 +10518,15 @@ function StepIndicator({ step }) {
     });
   }
   if (step.status === "failed") {
-    return /* @__PURE__ */ jsx44("span", {
+    return /* @__PURE__ */ jsx45("span", {
       className: "skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#dc2626]",
-      children: /* @__PURE__ */ jsx44(X, {
+      children: /* @__PURE__ */ jsx45(X, {
         className: "skippr:size-[10px] skippr:text-white",
         strokeWidth: 3
       })
     });
   }
-  return /* @__PURE__ */ jsx44("span", {
+  return /* @__PURE__ */ jsx45("span", {
     className: cn("skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[9px] skippr:font-bold skippr:text-[#8b877f]", step.status === "active" && "skippr:bg-white skippr:text-brand skippr:shadow-[inset_0_0_0_1.5px_var(--skippr-brand,#2bc0ae)]"),
     children: step.index + 1
   });
@@ -10517,8 +10538,8 @@ function VoiceBarPlanCard({
   embedded = false
 }) {
   const awaitingApproval = plan.state === "proposed";
-  const [isApproving, setIsApproving] = useState34(false);
-  const [lastPlanId, setLastPlanId] = useState34(plan.planId);
+  const [isApproving, setIsApproving] = useState33(false);
+  const [lastPlanId, setLastPlanId] = useState33(plan.planId);
   if (plan.planId !== lastPlanId) {
     setLastPlanId(plan.planId);
     setIsApproving(false);
@@ -10533,87 +10554,87 @@ function VoiceBarPlanCard({
   const cancel = () => {
     sendChatMessage(CANCEL_MESSAGE).catch((e) => console.warn("[Skippr] plan reply failed", e));
   };
-  useEffect45(() => {
+  useEffect44(() => {
     if (!isApproving)
       return;
     const timer = setTimeout(() => setIsApproving(false), APPROVING_RESET_MS2);
     return () => clearTimeout(timer);
   }, [isApproving]);
-  useEffect45(() => {
+  useEffect44(() => {
     if (plan.state !== "completed")
       return;
     const timer = setTimeout(onDismiss, COMPLETED_CARD_VISIBLE_MS);
     return () => clearTimeout(timer);
   }, [plan.state, onDismiss]);
-  return /* @__PURE__ */ jsxs36("div", {
+  return /* @__PURE__ */ jsxs37("div", {
     className: cn(!embedded && "skippr:w-[255px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]"),
     children: [
-      /* @__PURE__ */ jsxs36("div", {
+      /* @__PURE__ */ jsxs37("div", {
         className: "skippr:flex skippr:items-center skippr:justify-between skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:px-[12px] skippr:py-[6px]",
         children: [
-          /* @__PURE__ */ jsx44("span", {
+          /* @__PURE__ */ jsx45("span", {
             className: "skippr:text-[11px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
             children: "Plan"
           }),
-          /* @__PURE__ */ jsx44("button", {
+          /* @__PURE__ */ jsx45("button", {
             type: "button",
             onClick: onDismiss,
             "aria-label": "Dismiss plan",
             className: "skippr:flex skippr:size-[20px] skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#b8b4ac] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]",
-            children: /* @__PURE__ */ jsx44(X, {
+            children: /* @__PURE__ */ jsx45(X, {
               className: "skippr:size-[12px]",
               strokeWidth: 2.5
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsxs36("div", {
+      /* @__PURE__ */ jsxs37("div", {
         className: "skippr:px-[12px] skippr:pb-[10px] skippr:pt-[8px]",
         children: [
-          /* @__PURE__ */ jsx44("p", {
+          /* @__PURE__ */ jsx45("p", {
             className: "skippr:text-[11.5px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#2D2D3F]",
             children: "Here's my plan"
           }),
-          awaitingApproval && /* @__PURE__ */ jsxs36("p", {
+          awaitingApproval && /* @__PURE__ */ jsxs37("p", {
             className: "skippr:mt-[1px] skippr:text-[10px] skippr:text-[#8b877f]",
             children: [
               plan.steps.length,
               " steps · review and approve to run"
             ]
           }),
-          /* @__PURE__ */ jsx44("div", {
+          /* @__PURE__ */ jsx45("div", {
             className: "skippr:mt-[8px] skippr:max-h-[132px] skippr:space-y-[6px] skippr:overflow-y-auto skippr:overscroll-contain",
-            children: plan.steps.map((step) => /* @__PURE__ */ jsxs36("div", {
+            children: plan.steps.map((step) => /* @__PURE__ */ jsxs37("div", {
               className: "skippr:flex skippr:items-center skippr:gap-[7px]",
               children: [
-                /* @__PURE__ */ jsx44(StepIndicator, {
+                /* @__PURE__ */ jsx45(StepIndicator, {
                   step
                 }),
-                /* @__PURE__ */ jsx44("p", {
+                /* @__PURE__ */ jsx45("p", {
                   className: cn("skippr:min-w-0 skippr:text-[11px] skippr:leading-snug skippr:text-[#2D2D3F]", step.status === "pending" && "skippr:text-[#8b877f]", step.status === "failed" && "skippr:text-[#dc2626]"),
                   children: step.label
                 })
               ]
             }, step.index))
           }),
-          /* @__PURE__ */ jsx44("div", {
+          /* @__PURE__ */ jsx45("div", {
             className: "skippr:mt-[9px]",
-            children: awaitingApproval ? /* @__PURE__ */ jsxs36("div", {
+            children: awaitingApproval ? /* @__PURE__ */ jsxs37("div", {
               className: "skippr:flex skippr:gap-[8px]",
               children: [
-                /* @__PURE__ */ jsxs36("button", {
+                /* @__PURE__ */ jsxs37("button", {
                   type: "button",
                   disabled: isApproving,
                   onClick: approve,
                   className: "skippr:flex skippr:flex-1 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:rounded-full skippr:bg-[#2D2D3F] skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52] skippr:disabled:cursor-default skippr:disabled:opacity-80 skippr:disabled:hover:bg-[#2D2D3F]",
                   children: [
-                    isApproving && /* @__PURE__ */ jsx44("span", {
+                    isApproving && /* @__PURE__ */ jsx45("span", {
                       className: "skippr:size-[10px] skippr:shrink-0 skippr:animate-spin skippr:rounded-full skippr:border-2 skippr:border-white/30 skippr:border-t-white"
                     }),
                     isApproving ? "approving…" : "approve plan"
                   ]
                 }),
-                /* @__PURE__ */ jsx44("button", {
+                /* @__PURE__ */ jsx45("button", {
                   type: "button",
                   disabled: isApproving,
                   onClick: cancel,
@@ -10621,11 +10642,11 @@ function VoiceBarPlanCard({
                   children: "cancel"
                 })
               ]
-            }) : /* @__PURE__ */ jsxs36("span", {
+            }) : /* @__PURE__ */ jsxs37("span", {
               style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
               className: "skippr:flex skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:rounded-full skippr:bg-brand skippr:px-[10px] skippr:py-[6px] skippr:text-[11px] skippr:font-semibold",
               children: [
-                /* @__PURE__ */ jsx44(Check, {
+                /* @__PURE__ */ jsx45(Check, {
                   className: "skippr:size-[11px]",
                   strokeWidth: 3
                 }),
@@ -10640,7 +10661,7 @@ function VoiceBarPlanCard({
 }
 
 // src/components/VoiceBarFrame.tsx
-import { jsx as jsx45, jsxs as jsxs37, Fragment as Fragment5 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 var AUTO_OFF_MOTES = [
   { left: "13%", delay: "0s", size: 4 },
   { left: "27%", delay: "0.4s", size: 3 },
@@ -10650,22 +10671,22 @@ var AUTO_OFF_MOTES = [
   { left: "79%", delay: "0.55s", size: 3 },
   { left: "90%", delay: "1.2s", size: 4 }
 ];
-var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#b8b4ac] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]";
+var EDGE_BUTTON = "skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:text-[#2D2D3F] skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-[#f2f0eb]";
 var PILL = "skippr:relative skippr:flex skippr:h-[36px] skippr:min-w-[96px] skippr:flex-1 skippr:items-center skippr:justify-center skippr:gap-[8px] skippr:rounded-full skippr:text-[13px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-white";
 function LoadingAvatar({ logoUrl }) {
-  return /* @__PURE__ */ jsxs37("span", {
+  return /* @__PURE__ */ jsxs38("span", {
     className: "skippr:relative skippr:size-[22px] skippr:shrink-0",
     children: [
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: "skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand skippr:animate-spin"
       }),
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: "skippr:absolute skippr:inset-0 skippr:overflow-hidden skippr:rounded-full",
-        children: logoUrl ? /* @__PURE__ */ jsx45("img", {
+        children: logoUrl ? /* @__PURE__ */ jsx46("img", {
           src: logoUrl,
           alt: "",
           className: "skippr:block skippr:size-full skippr:object-cover"
-        }) : /* @__PURE__ */ jsx45("span", {
+        }) : /* @__PURE__ */ jsx46("span", {
           className: "skippr:block skippr:size-full skippr:bg-launcher"
         })
       })
@@ -10673,39 +10694,21 @@ function LoadingAvatar({ logoUrl }) {
   });
 }
 function BusyRing({ tone }) {
-  return /* @__PURE__ */ jsx45("span", {
+  return /* @__PURE__ */ jsx46("span", {
     className: cn("skippr:pointer-events-none skippr:absolute skippr:-inset-[3px] skippr:rounded-full skippr:border-2 skippr:animate-spin", tone === "white" ? "skippr:border-white/30 skippr:border-t-white" : "skippr:border-[var(--skippr-brand-ring)] skippr:border-t-brand")
   });
 }
-function useTransientHint(timeoutMs) {
-  const [visible, setVisible] = useState35(false);
-  const hideTimer = useRef39(null);
-  useEffect46(() => () => clearTimeout(hideTimer.current ?? undefined), []);
-  const show = () => {
-    setVisible(true);
-    clearTimeout(hideTimer.current ?? undefined);
-    hideTimer.current = setTimeout(() => setVisible(false), timeoutMs);
-  };
-  const hide = () => {
-    clearTimeout(hideTimer.current ?? undefined);
-    setVisible(false);
-  };
-  return {
-    visible,
-    hintProps: { onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide }
-  };
-}
 function AgentDots() {
-  return /* @__PURE__ */ jsxs37("span", {
+  return /* @__PURE__ */ jsxs38("span", {
     className: "skippr:flex skippr:items-center skippr:gap-[4px]",
     children: [
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
       }),
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
       }),
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: "skippr:size-[4px] skippr:rounded-full skippr:bg-current skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
       })
     ]
@@ -10713,9 +10716,9 @@ function AgentDots() {
 }
 function SpeakingBars() {
   const { barRefs } = useMicLevel(true);
-  return /* @__PURE__ */ jsx45("span", {
+  return /* @__PURE__ */ jsx46("span", {
     className: "skippr:flex skippr:h-[22px] skippr:items-center skippr:gap-[3px]",
-    children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx45("span", {
+    children: Array.from({ length: MIC_BARS }).map((_, index2) => /* @__PURE__ */ jsx46("span", {
       ref: (el) => {
         barRefs.current[index2] = el;
       },
@@ -10724,27 +10727,41 @@ function SpeakingBars() {
     }, index2))
   });
 }
-var MIC_HALO_IDLE_PX = 30;
-var MIC_HALO_GROWTH_PX = 12;
-var MIC_HALO_NOISE_GATE = 0.15;
-function MicLevelHalo({ enabled }) {
-  const { microphoneTrack } = useLocalParticipant13();
-  const { barRefs } = useAudioLevelBars(enabled ? microphoneTrack?.track?.mediaStreamTrack : undefined, {
-    barCount: 1,
-    idleHeightPx: MIC_HALO_IDLE_PX,
-    maxGrowthPx: MIC_HALO_GROWTH_PX,
-    noiseGate: MIC_HALO_NOISE_GATE
-  });
-  return /* @__PURE__ */ jsx45("span", {
-    ref: (el) => {
-      barRefs.current[0] = el;
-    },
-    style: { height: MIC_HALO_IDLE_PX },
-    className: "skippr:absolute skippr:left-1/2 skippr:top-1/2 skippr:-translate-x-1/2 skippr:-translate-y-1/2 skippr:aspect-square skippr:rounded-full skippr:bg-white/40 skippr:transition-[height] skippr:duration-75"
+var MIC_LEVEL_BARS = 3;
+var MIC_LEVEL_IDLE_PX = 3;
+var MIC_LEVEL_GROWTH_PX = 8;
+var MIC_LEVEL_NOISE_GATE = 0.15;
+function MicLevelGlyph({ muted }) {
+  const { microphoneTrack } = useLocalParticipant12();
+  const { barRefs, isTalking } = useAudioLevelBars(muted ? undefined : microphoneTrack?.track?.mediaStreamTrack, {
+    barCount: MIC_LEVEL_BARS,
+    idleHeightPx: MIC_LEVEL_IDLE_PX,
+    maxGrowthPx: MIC_LEVEL_GROWTH_PX,
+    noiseGate: MIC_LEVEL_NOISE_GATE
+  });
+  if (muted)
+    return /* @__PURE__ */ jsx46(MicOff, {
+      className: "skippr:size-[13px]",
+      strokeWidth: 2
+    });
+  if (!isTalking)
+    return /* @__PURE__ */ jsx46(Mic, {
+      className: "skippr:size-[13px]",
+      strokeWidth: 2
+    });
+  return /* @__PURE__ */ jsx46("span", {
+    className: "skippr:flex skippr:h-[11px] skippr:w-[9px] skippr:items-center skippr:justify-between",
+    children: Array.from({ length: MIC_LEVEL_BARS }).map((_, index2) => /* @__PURE__ */ jsx46("span", {
+      ref: (el) => {
+        barRefs.current[index2] = el;
+      },
+      className: "skippr:w-[2px] skippr:rounded-full skippr:bg-current skippr:transition-[height] skippr:duration-75",
+      style: { height: MIC_LEVEL_IDLE_PX }
+    }, index2))
   });
 }
 function ShortcutChip({ children }) {
-  return /* @__PURE__ */ jsx45("span", {
+  return /* @__PURE__ */ jsx46("span", {
     className: "skippr:rounded-[5px] skippr:border skippr:border-[rgba(45,45,63,0.1)] skippr:bg-[#f2f0eb] skippr:px-[5px] skippr:py-[1px] skippr:font-mono skippr:text-[10px] skippr:font-semibold skippr:text-[#6b6660]",
     children
   });
@@ -10756,8 +10773,8 @@ function ShortcutHint({
   children
 }) {
   const ref = useRef39(null);
-  const [visible, setVisible] = useState35(false);
-  useEffect46(() => {
+  const [visible, setVisible] = useState34(false);
+  useEffect45(() => {
     if (!enabled)
       return;
     const el = ref.current;
@@ -10780,56 +10797,56 @@ function ShortcutHint({
       el.removeEventListener("mouseleave", leave);
     };
   }, [enabled, seenRef]);
-  return /* @__PURE__ */ jsxs37("div", {
+  return /* @__PURE__ */ jsxs38("div", {
     ref,
     className: "skippr:relative skippr:flex skippr:min-w-[96px] skippr:flex-1",
     children: [
-      enabled && visible && !suppressed && /* @__PURE__ */ jsxs37("div", {
+      enabled && visible && !suppressed && /* @__PURE__ */ jsxs38("div", {
         className: "skippr:pointer-events-none skippr:absolute skippr:bottom-[calc(100%+11px)] skippr:left-1/2 skippr:z-[8] skippr:flex skippr:-translate-x-1/2 skippr:items-center skippr:gap-[7px] skippr:whitespace-nowrap skippr:rounded-[11px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-[11px] skippr:py-[6px] skippr:shadow-[0_8px_22px_rgba(45,45,63,0.12),0_1px_3px_rgba(45,45,63,0.04)] skippr:[animation:skippr-fade-in_0.22s_ease]",
         children: [
-          /* @__PURE__ */ jsxs37("span", {
+          /* @__PURE__ */ jsxs38("span", {
             className: "skippr:flex skippr:items-center skippr:gap-[3px]",
             children: [
-              /* @__PURE__ */ jsx45(ShortcutChip, {
+              /* @__PURE__ */ jsx46(ShortcutChip, {
                 children: "Ctrl"
               }),
-              /* @__PURE__ */ jsx45("span", {
+              /* @__PURE__ */ jsx46("span", {
                 className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
                 children: "+"
               }),
-              /* @__PURE__ */ jsx45(ShortcutChip, {
+              /* @__PURE__ */ jsx46(ShortcutChip, {
                 children: "Space"
               })
             ]
           }),
-          /* @__PURE__ */ jsx45("span", {
+          /* @__PURE__ */ jsx46("span", {
             className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
             children: "talk"
           }),
-          /* @__PURE__ */ jsx45("span", {
+          /* @__PURE__ */ jsx46("span", {
             className: "skippr:text-[10px] skippr:text-[#cbc7bf]",
             children: "·"
           }),
-          /* @__PURE__ */ jsxs37("span", {
+          /* @__PURE__ */ jsxs38("span", {
             className: "skippr:flex skippr:items-center skippr:gap-[3px]",
             children: [
-              /* @__PURE__ */ jsx45(ShortcutChip, {
+              /* @__PURE__ */ jsx46(ShortcutChip, {
                 children: "Ctrl"
               }),
-              /* @__PURE__ */ jsx45("span", {
+              /* @__PURE__ */ jsx46("span", {
                 className: "skippr:text-[9px] skippr:text-[#c9c5bd]",
                 children: "+"
               }),
-              /* @__PURE__ */ jsx45(ShortcutChip, {
+              /* @__PURE__ */ jsx46(ShortcutChip, {
                 children: "X"
               })
             ]
           }),
-          /* @__PURE__ */ jsx45("span", {
+          /* @__PURE__ */ jsx46("span", {
             className: "skippr:text-[10.5px] skippr:font-medium skippr:text-[#8b877f]",
-            children: "stop"
+            children: "end"
           }),
-          /* @__PURE__ */ jsx45("span", {
+          /* @__PURE__ */ jsx46("span", {
             className: "skippr:absolute skippr:left-1/2 skippr:top-full skippr:size-[9px] skippr:-translate-x-1/2 skippr:-translate-y-[4px] skippr:rotate-45 skippr:border-b skippr:border-r skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white"
           })
         ]
@@ -10875,48 +10892,46 @@ function VoiceBarFrame({
     setAutoStartAfterLogin
   } = ctx;
   const needsLogin = !usesHostAuth && !isAuthenticated;
-  const [loginOpen, setLoginOpen] = useState35(false);
-  useEffect46(() => {
+  const [loginOpen, setLoginOpen] = useState34(false);
+  useEffect45(() => {
     if (!needsLogin)
       setLoginOpen(false);
   }, [needsLogin]);
-  const [bannerOpen, setBannerOpen] = useState35(false);
+  const [bannerOpen, setBannerOpen] = useState34(false);
   const hasNotifications = notifications.length > 0;
   const notifAccent = notifications[0]?.accentColor;
-  const closeBanner = useCallback30(() => setBannerOpen(false), []);
+  const closeBanner = useCallback29(() => setBannerOpen(false), []);
   const containerRef = useRef39(null);
-  const setContainerRefs = useCallback30((node) => {
+  const setContainerRefs = useCallback29((node) => {
     containerRef.current = node;
     voiceBarRef.current = node;
   }, [voiceBarRef]);
   const dragFollowers = isPanelOpen ? [panelRef] : null;
   const { wasDraggedRef } = useVoiceBarDrag(containerRef, onDrop, dragFollowers, setDragging);
   const { isMuted, toggleMute } = useMediaControls();
-  const { localParticipant } = useLocalParticipant13();
+  const { localParticipant } = useLocalParticipant12();
   const isUserSpeaking = useIsSpeaking(localParticipant);
   const { state } = useAgentVoiceState();
   const { isCapturingSpeech, toggle: toggleTapToTalk, start, commit } = useVoiceTurnContext();
   const holdPushToTalk = usePointerHold(start, commit);
-  const { isHeld, countdown: holdCountdown, toggle: togglePause } = useSessionHoldContext();
+  const { isHeld, toggle: togglePause } = useSessionHoldContext();
   const plan = usePlanUpdates();
   const linkCard = useLinkCard();
   const { sendChatMessage } = useChatMessages();
-  const [dismissedFloatingPlanId, setDismissedFloatingPlanId] = useState35(null);
-  const [dismissedBlockPlanId, setDismissedBlockPlanId] = useState35(null);
-  const [dismissedLinkCardId, setDismissedLinkCardId] = useState35(null);
+  const [dismissedFloatingPlanId, setDismissedFloatingPlanId] = useState34(null);
+  const [dismissedBlockPlanId, setDismissedBlockPlanId] = useState34(null);
+  const [dismissedLinkCardId, setDismissedLinkCardId] = useState34(null);
   const micMode = agentControls?.micMode;
   const pushOrTap = isRequestResponseMicMode(micMode);
   const isPushToTalk = micMode === MIC_MODE.PushToTalk;
   const agentActive = state === "speaking" || state === "thinking";
-  const { actionsActive, stopActions: stopActions2 } = useActionControl();
-  const { highlightActive: highlightActive2, clearHighlight: clearHighlight2 } = useHighlightControl();
-  const { visible: stopHintVisible, hintProps: stopHintProps } = useTransientHint(1000);
+  const { actionsActive } = useActionControl();
   const showActionControl = isConnected && captureMode === CAPTURE_MODE.Auto && actionsActive;
   const chatSurface = agentControls?.chat ?? DEFAULT_CHAT_SURFACE;
   const isRoomChat = chatSurface === CHAT_SURFACE.Room;
-  const [chatLineOpen, setChatLineOpen] = useState35(false);
-  const [chatLineMounted, setChatLineMounted] = useState35(false);
-  const [chatLineClosing, setChatLineClosing] = useState35(false);
+  const [chatLineOpen, setChatLineOpen] = useState34(false);
+  const [chatLineMounted, setChatLineMounted] = useState34(false);
+  const [chatLineClosing, setChatLineClosing] = useState34(false);
   const chatOpen = isRoomChat ? isPanelOpen : chatLineOpen;
   const lineBlockOpen = !isRoomChat && chatLineMounted;
   const toggleChat = () => {
@@ -10926,7 +10941,7 @@ function VoiceBarFrame({
       setChatLineOpen((open) => !open);
     }
   };
-  useEffect46(() => {
+  useEffect45(() => {
     if (chatLineOpen) {
       setChatLineMounted(true);
       setChatLineClosing(false);
@@ -10952,6 +10967,8 @@ function VoiceBarFrame({
   const isLoading = isStarting || isExchanging;
   const canStart = isAuthenticated && (!!defaultAgentId || !!pendingStart);
   const showClose = canFold || sessionLive;
+  const showLivePill = !isLoading && isConnected && !textMode && !pushOrTap;
+  const barWidthClass = !showLivePill ? "skippr:w-[255px]" : isHeld ? "skippr:w-[120px]" : "skippr:w-[156px]";
   const logoUrl = appearance?.logoUrl ?? null;
   const ifNotDragged = (action) => () => {
     if (wasDraggedRef.current)
@@ -10973,17 +10990,17 @@ function VoiceBarFrame({
   const requestLabel = agentStateLabel ?? (isCapturingSpeech ? "listening…" : idleRequestLabel);
   const livePillBg = agentActive && !isHeld ? "var(--skippr-brand-active)" : "var(--skippr-brand, #2bc0ae)";
   const glow = isConnected && !isHeld && agentActive;
-  const [autoOffClosing, setAutoOffClosing] = useState35(false);
+  const [autoOffClosing, setAutoOffClosing] = useState34(false);
   const { reportActivity } = useIdleAutoOff({
     enabled: isConnected && !autoOffClosing,
     active: agentActive || isCapturingSpeech || isUserSpeaking,
     onExpire: () => setAutoOffClosing(true)
   });
-  useEffect46(() => {
+  useEffect45(() => {
     if (chatActivityAt)
       reportActivity();
   }, [chatActivityAt, reportActivity]);
-  useEffect46(() => {
+  useEffect45(() => {
     if (!autoOffClosing)
       return;
     if (!isConnected) {
@@ -10999,12 +11016,12 @@ function VoiceBarFrame({
   const floatingPlanActive = planEnabled && !isRoomChat && !lineBlockOpen && activePlan.planId !== dismissedFloatingPlanId;
   const planInLineBlock = planEnabled && lineBlockOpen && activePlan.planId !== dismissedBlockPlanId;
   const planCardActive = floatingPlanActive || planInLineBlock;
-  useEffect46(() => {
+  useEffect45(() => {
     if (lineBlockOpen)
       setDismissedBlockPlanId(null);
   }, [lineBlockOpen]);
-  const [autoOpenedPlanId, setAutoOpenedPlanId] = useState35(null);
-  useEffect46(() => {
+  const [autoOpenedPlanId, setAutoOpenedPlanId] = useState34(null);
+  useEffect45(() => {
     if (!isRoomChat || !planEnabled || !activePlan)
       return;
     if (activePlan.planId === autoOpenedPlanId)
@@ -11017,15 +11034,12 @@ function VoiceBarFrame({
   const linkCardActive = !!visibleLinkCard && isConnected && !planCardActive && !(isRoomChat && chatOpen) && !isCapturingSpeech && !isHeld && !autoOffClosing;
   const bannerActive = hasNotifications && bannerOpen;
   const slotClaimed = chatOpen || bannerActive || lineBlockOpen;
-  const autoBase = !isLoading && isConnected && !textMode && !pushOrTap && !autoOffClosing;
-  const showHeldStrip = !slotClaimed && autoBase && isHeld;
+  const autoBase = showLivePill && !autoOffClosing;
   const showLiveStrip = !slotClaimed && autoBase && !isHeld && !planCardActive && (state === "thinking" || showActionControl);
-  const showTimerStrip = !slotClaimed && !autoOffClosing && !isCapturingSpeech && !planCardActive && !showLiveStrip && !showHeldStrip && !!sessionTimer;
+  const showTimerStrip = !slotClaimed && !autoOffClosing && !isCapturingSpeech && !planCardActive && !showLiveStrip && !isHeld && !!sessionTimer;
   const showAutoOffStrip = !slotClaimed && autoOffClosing;
-  const hintSuppressed = slotClaimed || isCapturingSpeech || planCardActive || showLiveStrip || showHeldStrip || showTimerStrip || showAutoOffStrip;
+  const hintSuppressed = slotClaimed || isCapturingSpeech || planCardActive || showLiveStrip || isHeld || showTimerStrip || showAutoOffStrip;
   const liveStripLabel = showActionControl ? "working…" : "thinking…";
-  const heldMinutes = Math.floor(holdCountdown / 60);
-  const heldSeconds = String(holdCountdown % 60).padStart(2, "0");
   const popsDown = barPopsDown(pos);
   const isLeftAligned = barLeftAligned(pos);
   const stripStyle = {
@@ -11047,12 +11061,12 @@ function VoiceBarFrame({
     ...popsDown ? { top: "calc(100% + 12px)" } : { bottom: "calc(100% + 12px)" }
   };
   const pillEvaporate = autoOffClosing ? "skippr:[animation:skippr-evaporate_3.2s_ease-in_forwards] skippr:motion-reduce:animate-none" : "";
-  return /* @__PURE__ */ jsxs37("div", {
+  return /* @__PURE__ */ jsxs38("div", {
     ref: setContainerRefs,
     style: barPosStyle(pos),
-    className: "skippr:fixed skippr:z-[9999] skippr:flex skippr:w-[255px] skippr:touch-none skippr:cursor-grab skippr:items-center",
+    className: cn("skippr:fixed skippr:z-[9999] skippr:flex skippr:touch-none skippr:cursor-grab skippr:items-center", barWidthClass),
     children: [
-      glow && /* @__PURE__ */ jsx45("span", {
+      glow && /* @__PURE__ */ jsx46("span", {
         "aria-hidden": true,
         className: "skippr:pointer-events-none skippr:absolute skippr:-left-[6px] skippr:-right-[6px] skippr:-top-[13px] skippr:h-[24px] skippr:rounded-full skippr:animate-skippr-flow skippr:motion-reduce:animate-none",
         style: {
@@ -11062,13 +11076,13 @@ function VoiceBarFrame({
           backgroundSize: "300% 100%"
         }
       }),
-      /* @__PURE__ */ jsx45("span", {
+      /* @__PURE__ */ jsx46("span", {
         className: cn("skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:transition-shadow", glow ? "skippr:shadow-[0_10px_30px_rgba(45,45,63,0.14),0_0_0_1.5px_var(--skippr-brand-ring)]" : "skippr:shadow-[0_8px_30px_rgba(45,45,63,0.14),0_2px_6px_rgba(45,45,63,0.06)]", pillEvaporate)
       }),
-      autoOffClosing && /* @__PURE__ */ jsx45("span", {
+      autoOffClosing && /* @__PURE__ */ jsx46("span", {
         "aria-hidden": true,
         className: "skippr:pointer-events-none skippr:absolute skippr:inset-0 skippr:z-[4] skippr:overflow-visible",
-        children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx45("span", {
+        children: AUTO_OFF_MOTES.map((mote) => /* @__PURE__ */ jsx46("span", {
           className: "skippr:absolute skippr:top-1/2 skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-mote-rise_1.6s_ease-out_infinite] skippr:motion-reduce:animate-none",
           style: {
             left: mote.left,
@@ -11078,128 +11092,100 @@ function VoiceBarFrame({
           }
         }, mote.left))
       }),
-      showLiveStrip && /* @__PURE__ */ jsx45("div", {
+      showLiveStrip && /* @__PURE__ */ jsx46("div", {
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[5]",
-        children: /* @__PURE__ */ jsxs37("div", {
+        children: /* @__PURE__ */ jsxs38("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               style: { background: livePillBg },
               className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
             }),
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
               children: liveStripLabel
             })
           ]
         })
       }),
-      showHeldStrip && /* @__PURE__ */ jsx45("div", {
-        style: stripStyle,
-        className: "skippr:pointer-events-none skippr:z-[5]",
-        children: /* @__PURE__ */ jsxs37("div", {
-          role: "timer",
-          "aria-label": `Agent closes in ${holdCountdown} seconds`,
-          className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
-          children: [
-            /* @__PURE__ */ jsx45("span", {
-              className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab]"
-            }),
-            /* @__PURE__ */ jsxs37("span", {
-              className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
-              children: [
-                "Agent closes in",
-                /* @__PURE__ */ jsxs37("span", {
-                  className: "skippr:ml-1 skippr:tabular-nums",
-                  children: [
-                    heldMinutes,
-                    ":",
-                    heldSeconds
-                  ]
-                })
-              ]
-            })
-          ]
-        })
-      }),
-      showTimerStrip && sessionTimer && /* @__PURE__ */ jsx45("div", {
+      showTimerStrip && sessionTimer && /* @__PURE__ */ jsx46("div", {
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[5]",
-        children: /* @__PURE__ */ jsxs37("div", {
+        children: /* @__PURE__ */ jsxs38("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               style: { background: sessionTimer.warning ? "#f59e0b" : "#b9b4ab" },
               className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full"
             }),
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               className: cn("skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em]", sessionTimer.warning ? "skippr:text-[#92400e]" : "skippr:text-[#5a5650]"),
               children: sessionTimer.label
             })
           ]
         })
       }),
-      showAutoOffStrip && /* @__PURE__ */ jsx45("div", {
+      showAutoOffStrip && /* @__PURE__ */ jsx46("div", {
         role: "status",
         style: stripStyle,
         className: "skippr:pointer-events-none skippr:z-[6]",
-        children: /* @__PURE__ */ jsxs37("div", {
+        children: /* @__PURE__ */ jsxs38("div", {
           className: "skippr:flex skippr:items-center skippr:gap-[7px] skippr:rounded-full skippr:border skippr:border-[rgba(45,45,63,0.06)] skippr:bg-white/95 skippr:px-[12px] skippr:py-[5px] skippr:shadow-[0_4px_12px_rgba(45,45,63,0.1)] skippr:[animation:skippr-fade-in_0.25s_ease]",
           children: [
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               className: "skippr:size-[7px] skippr:shrink-0 skippr:rounded-full skippr:bg-[#b9b4ab] skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
             }),
-            /* @__PURE__ */ jsx45("span", {
+            /* @__PURE__ */ jsx46("span", {
               className: "skippr:whitespace-nowrap skippr:text-[12px] skippr:font-semibold skippr:tracking-[-0.01em] skippr:text-[#5a5650]",
               children: "No activity — closing…"
             })
           ]
         })
       }),
-      floatingPlanActive && activePlan && /* @__PURE__ */ jsx45("div", {
+      floatingPlanActive && activePlan && /* @__PURE__ */ jsx46("div", {
         style: planCardStyle,
         className: "skippr:z-[6]",
         "data-skippr-no-drag": "",
-        children: /* @__PURE__ */ jsx45(VoiceBarPlanCard, {
+        children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
           plan: activePlan,
           sendChatMessage,
           onDismiss: () => setDismissedFloatingPlanId(activePlan.planId)
         }, activePlan.planId)
       }),
-      linkCardActive && visibleLinkCard && /* @__PURE__ */ jsx45("div", {
+      linkCardActive && visibleLinkCard && /* @__PURE__ */ jsx46("div", {
         style: planCardStyle,
         className: "skippr:z-[6]",
         "data-skippr-no-drag": "",
-        children: /* @__PURE__ */ jsx45(VoiceBarLinkCard, {
+        children: /* @__PURE__ */ jsx46(VoiceBarLinkCard, {
           card: visibleLinkCard,
           onDismiss: () => setDismissedLinkCardId(visibleLinkCard.cardId)
         }, visibleLinkCard.cardId)
       }),
-      loginOpen && needsLogin && /* @__PURE__ */ jsx45("div", {
+      loginOpen && needsLogin && /* @__PURE__ */ jsx46("div", {
         style: planCardStyle,
         className: "skippr:z-[6]",
         "data-skippr-no-drag": "",
         onPointerDown: (event) => event.stopPropagation(),
-        children: /* @__PURE__ */ jsx45(VoiceBarLoginCard, {
+        children: /* @__PURE__ */ jsx46(VoiceBarLoginCard, {
           onDismiss: () => {
             setLoginOpen(false);
             setAutoStartAfterLogin(false);
           }
         })
       }),
-      !sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */ jsx45("div", {
+      !sessionLive && !needsLogin && !bannerActive && /* @__PURE__ */ jsx46("div", {
         style: planCardStyle,
         className: "skippr:z-[6]",
         "data-skippr-no-drag": "",
-        children: /* @__PURE__ */ jsx45("div", {
+        children: /* @__PURE__ */ jsx46("div", {
           className: "skippr:w-[220px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:px-3 skippr:py-2 skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
-          children: /* @__PURE__ */ jsx45(ConsentNotice, {
+          children: /* @__PURE__ */ jsx46(ConsentNotice, {
             leadIn: "By starting a session"
           })
         })
       }),
-      hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx45("button", {
+      hasNotifications && !bannerOpen && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46("button", {
         type: "button",
         onClick: ifNotDragged(() => setBannerOpen(true)),
         "aria-label": "Show notifications",
@@ -11209,61 +11195,61 @@ function VoiceBarFrame({
         },
         className: "skippr:absolute skippr:-top-[3px] skippr:right-[4px] skippr:z-[7] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none"
       }),
-      bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx45(VoiceBarNotification, {
+      bannerActive && !chatOpen && !isCapturingSpeech && !planCardActive && /* @__PURE__ */ jsx46(VoiceBarNotification, {
         notifications,
         pos,
         onDismiss: closeBanner
       }),
-      /* @__PURE__ */ jsxs37("div", {
+      /* @__PURE__ */ jsxs38("div", {
         className: cn("skippr:relative skippr:z-[1] skippr:flex skippr:w-full skippr:items-center skippr:gap-[7px] skippr:px-[7px] skippr:py-[5px]", pillEvaporate),
         children: [
-          showClose && /* @__PURE__ */ jsxs37("button", {
+          showClose && /* @__PURE__ */ jsxs38("button", {
             type: "button",
             onClick: ifNotDragged(closeBar),
             disabled: isPausing || isLoading,
             "aria-label": sessionLive ? "End session" : "Close",
-            className: cn(EDGE_BUTTON, "skippr:relative skippr:size-[26px]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#b8b4ac]"),
+            className: cn(EDGE_BUTTON, "skippr:relative skippr:size-[26px]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent"),
             children: [
-              isPausing && /* @__PURE__ */ jsx45(BusyRing, {
+              isPausing && /* @__PURE__ */ jsx46(BusyRing, {
                 tone: "brand"
               }),
-              /* @__PURE__ */ jsx45(X, {
-                className: "skippr:size-[14px]",
+              /* @__PURE__ */ jsx46(X, {
+                className: "skippr:size-[20px]",
                 strokeWidth: 2
               })
             ]
           }),
-          isLoading && /* @__PURE__ */ jsxs37("div", {
+          isLoading && /* @__PURE__ */ jsxs38("div", {
             className: cn(PILL, "skippr:bg-[#F1EFEA] skippr:overflow-hidden", !isExchanging && "skippr:[animation:skippr-fade-in_0.25s_ease]"),
             children: [
-              /* @__PURE__ */ jsx45(LoadingAvatar, {
+              /* @__PURE__ */ jsx46(LoadingAvatar, {
                 logoUrl
               }),
-              /* @__PURE__ */ jsx45("span", {
+              /* @__PURE__ */ jsx46("span", {
                 className: "skippr:whitespace-nowrap skippr:text-[12.5px] skippr:font-semibold skippr:text-[#5a5650]",
                 children: "Agent is loading"
               }),
-              /* @__PURE__ */ jsxs37("span", {
+              /* @__PURE__ */ jsxs38("span", {
                 className: "skippr:flex skippr:items-end skippr:gap-[3px]",
                 children: [
-                  /* @__PURE__ */ jsx45("span", {
+                  /* @__PURE__ */ jsx46("span", {
                     className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0s_infinite]"
                   }),
-                  /* @__PURE__ */ jsx45("span", {
+                  /* @__PURE__ */ jsx46("span", {
                     className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.18s_infinite]"
                   }),
-                  /* @__PURE__ */ jsx45("span", {
+                  /* @__PURE__ */ jsx46("span", {
                     className: "skippr:size-[3px] skippr:rounded-full skippr:bg-brand skippr:[animation:skippr-breathe_1.1s_ease-in-out_0.36s_infinite]"
                   })
                 ]
               })
             ]
           }),
-          !isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx45(ShortcutHint, {
+          !isLoading && isConnected && !textMode && pushOrTap && /* @__PURE__ */ jsx46(ShortcutHint, {
             enabled: isPushToTalk,
             seenRef: hintSeenRef,
             suppressed: hintSuppressed,
-            children: /* @__PURE__ */ jsxs37("button", {
+            children: /* @__PURE__ */ jsxs38("button", {
               type: "button",
               "data-skippr-no-drag": "",
               style: {
@@ -11282,7 +11268,7 @@ function VoiceBarFrame({
               "aria-label": requestLabel,
               className: cn(PILL, "skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98]", isCapturingSpeech && "skippr:animate-skippr-ptt-transmit skippr:motion-reduce:animate-none"),
               children: [
-                agentActive ? /* @__PURE__ */ jsx45(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx45(SpeakingBars, {}) : /* @__PURE__ */ jsx45(AudioLines, {
+                agentActive ? /* @__PURE__ */ jsx46(AgentDots, {}) : isCapturingSpeech ? /* @__PURE__ */ jsx46(SpeakingBars, {}) : /* @__PURE__ */ jsx46(AudioLines, {
                   className: "skippr:size-[17px]",
                   strokeWidth: 2
                 }),
@@ -11290,90 +11276,47 @@ function VoiceBarFrame({
               ]
             })
           }),
-          !isLoading && isConnected && !textMode && !pushOrTap && /* @__PURE__ */ jsxs37("div", {
+          showLivePill && /* @__PURE__ */ jsxs38("div", {
             style: { background: livePillBg, color: "var(--skippr-brand-foreground, #2d2b3d)" },
-            className: cn(PILL, "skippr:gap-[9px] skippr:px-[8px]"),
+            className: cn(PILL, "skippr:min-w-0 skippr:gap-[10px] skippr:px-[5px]"),
             children: [
-              /* @__PURE__ */ jsx45("button", {
+              !isHeld && /* @__PURE__ */ jsx46("button", {
+                type: "button",
+                onClick: ifNotDragged(() => void toggleMute()),
+                "aria-label": isMuted ? "Unmute" : "Mute",
+                className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:opacity-85 skippr:cursor-pointer skippr:transition-[opacity,color] skippr:hover:opacity-100 skippr:hover:text-destructive",
+                children: /* @__PURE__ */ jsx46(MicLevelGlyph, {
+                  muted: isMuted
+                })
+              }),
+              /* @__PURE__ */ jsx46("button", {
                 type: "button",
                 onClick: ifNotDragged(togglePause),
-                "aria-label": isHeld ? "Resume" : "Pause",
-                className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:cursor-pointer skippr:transition-colors skippr:hover:bg-white/20",
-                children: isHeld ? /* @__PURE__ */ jsx45(Play, {
+                "aria-label": isHeld ? "Resume" : "Stop",
+                className: cn("skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:cursor-pointer skippr:transition-colors", !isHeld && "skippr:hover:text-destructive"),
+                children: isHeld ? /* @__PURE__ */ jsx46(Play, {
                   className: "skippr:size-[13px]",
                   fill: "currentColor",
                   strokeWidth: 0
-                }) : /* @__PURE__ */ jsx45(Pause, {
-                  className: "skippr:size-[13px]",
+                }) : /* @__PURE__ */ jsx46(Square, {
+                  className: "skippr:size-[12px]",
                   fill: "currentColor",
                   strokeWidth: 0
                 })
-              }),
-              !isHeld && /* @__PURE__ */ jsxs37(Fragment5, {
-                children: [
-                  /* @__PURE__ */ jsxs37("span", {
-                    className: "skippr:relative skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center",
-                    children: [
-                      /* @__PURE__ */ jsx45(MicLevelHalo, {
-                        enabled: !isMuted
-                      }),
-                      /* @__PURE__ */ jsx45("button", {
-                        type: "button",
-                        onClick: ifNotDragged(() => void toggleMute()),
-                        style: { background: "#fff", color: "var(--skippr-brand-deep)" },
-                        "aria-label": isMuted ? "Unmute" : "Mute",
-                        className: "skippr:relative skippr:flex skippr:size-[30px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:cursor-pointer skippr:transition-[filter] skippr:hover:brightness-[1.06]",
-                        children: isMuted ? /* @__PURE__ */ jsx45(MicOff, {
-                          className: "skippr:size-[15px]",
-                          strokeWidth: 2
-                        }) : /* @__PURE__ */ jsx45(Mic, {
-                          className: "skippr:size-[15px]",
-                          strokeWidth: 2
-                        })
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxs37("span", {
-                    className: "skippr:relative skippr:inline-flex",
-                    children: [
-                      /* @__PURE__ */ jsx45("button", {
-                        type: "button",
-                        onClick: ifNotDragged(() => {
-                          stopActions2();
-                          if (highlightActive2)
-                            clearHighlight2();
-                        }),
-                        ...stopHintProps,
-                        "aria-label": "Stop live action",
-                        className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:transition-colors skippr:hover:bg-white/20",
-                        children: /* @__PURE__ */ jsx45(Square, {
-                          className: "skippr:size-[11px]",
-                          fill: "currentColor",
-                          strokeWidth: 0
-                        })
-                      }),
-                      stopHintVisible && /* @__PURE__ */ jsx45("span", {
-                        className: "skippr:pointer-events-none skippr:absolute skippr:bottom-full skippr:left-1/2 skippr:z-10 skippr:mb-1.5 skippr:-translate-x-1/2 skippr:whitespace-nowrap skippr:rounded skippr:bg-foreground skippr:px-1.5 skippr:py-0.5 skippr:text-[10px] skippr:font-medium skippr:text-background",
-                        "aria-hidden": "true",
-                        children: "Stop live action"
-                      })
-                    ]
-                  })
-                ]
               })
             ]
           }),
-          !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs37("div", {
+          !isLoading && isConnected && textMode && /* @__PURE__ */ jsxs38("div", {
             className: cn(PILL, "skippr:gap-[7px] skippr:bg-[#F1EFEA] skippr:text-[#5a5650] skippr:[animation:skippr-fade-in_0.25s_ease]"),
             children: [
-              /* @__PURE__ */ jsx45(MessageSquare, {
+              /* @__PURE__ */ jsx46(MessageSquare, {
                 className: "skippr:size-[15px] skippr:text-[#8b877f]",
                 strokeWidth: 2
               }),
               "Text mode"
             ]
           }),
-          !sessionLive && /* @__PURE__ */ jsxs37("button", {
+          !sessionLive && /* @__PURE__ */ jsxs38("button", {
             type: "button",
             onClick: ifNotDragged(() => {
               if (canStart) {
@@ -11388,48 +11331,48 @@ function VoiceBarFrame({
             style: { color: "var(--skippr-brand-foreground, #2d2b3d)" },
             className: cn(PILL, "skippr:cursor-pointer skippr:bg-brand skippr:px-[12px] skippr:transition-[filter] skippr:hover:brightness-[1.04] skippr:active:scale-[0.98] skippr:disabled:cursor-not-allowed skippr:disabled:opacity-60"),
             children: [
-              /* @__PURE__ */ jsx45("span", {
+              /* @__PURE__ */ jsx46("span", {
                 className: "skippr:size-[22px] skippr:shrink-0 skippr:overflow-hidden skippr:rounded-full skippr:shadow-[0_0_0_1.5px_rgba(255,255,255,0.85)]",
-                children: logoUrl ? /* @__PURE__ */ jsx45("img", {
+                children: logoUrl ? /* @__PURE__ */ jsx46("img", {
                   src: logoUrl,
                   alt: "",
                   className: "skippr:block skippr:size-full skippr:object-cover"
-                }) : /* @__PURE__ */ jsx45("span", {
+                }) : /* @__PURE__ */ jsx46("span", {
                   className: "skippr:block skippr:size-full skippr:bg-launcher"
                 })
               }),
               "Talk to AI Agent"
             ]
           }),
-          (sessionLive || isRoomChat) && /* @__PURE__ */ jsx45("button", {
+          (sessionLive || isRoomChat) && /* @__PURE__ */ jsx46("button", {
             type: "button",
             onClick: ifNotDragged(toggleChat),
             disabled: isLoading,
             "aria-label": "Open chat",
-            className: cn(EDGE_BUTTON, "skippr:size-[30px] skippr:text-[#8b877f]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent skippr:hover:text-[#8b877f]"),
-            children: /* @__PURE__ */ jsx45(MessageSquare, {
-              className: "skippr:size-[15px]",
+            className: cn(EDGE_BUTTON, "skippr:size-[30px]", isLoading && "skippr:cursor-not-allowed skippr:opacity-40 skippr:hover:bg-transparent"),
+            children: /* @__PURE__ */ jsx46(MessageSquare, {
+              className: "skippr:size-[18px]",
               strokeWidth: 2
             })
           })
         ]
       }),
-      lineBlockOpen && /* @__PURE__ */ jsxs37("div", {
+      lineBlockOpen && /* @__PURE__ */ jsxs38("div", {
         style: chatBlockStyle,
         "data-skippr-no-drag": "",
         onPointerDown: (event) => event.stopPropagation(),
         className: cn("skippr:z-[6] skippr:overflow-hidden skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:shadow-[0_10px_26px_rgba(45,45,63,0.13),0_2px_6px_rgba(45,45,63,0.05)]", chatLineClosing ? "skippr:[animation:skippr-fade-out_0.18s_ease-in_forwards]" : "skippr:[animation:skippr-fade-in_0.24s_cubic-bezier(0.22,1,0.36,1)]"),
         children: [
-          planInLineBlock && activePlan && /* @__PURE__ */ jsx45("div", {
+          planInLineBlock && activePlan && /* @__PURE__ */ jsx46("div", {
             className: "skippr:overflow-hidden skippr:border-b skippr:border-[rgba(45,45,63,0.08)] skippr:[animation:skippr-block-reveal_320ms_cubic-bezier(0.22,1,0.36,1)]",
-            children: /* @__PURE__ */ jsx45(VoiceBarPlanCard, {
+            children: /* @__PURE__ */ jsx46(VoiceBarPlanCard, {
               embedded: true,
               plan: activePlan,
               sendChatMessage,
               onDismiss: () => setDismissedBlockPlanId(activePlan.planId)
             }, activePlan.planId)
           }),
-          /* @__PURE__ */ jsx45(VoiceBarChatLine, {
+          /* @__PURE__ */ jsx46(VoiceBarChatLine, {
             embedded: true,
             popsDown,
             canSend: isConnected,
@@ -11442,21 +11385,21 @@ function VoiceBarFrame({
 }
 
 // src/components/VoiceBarLauncher.tsx
-import { useCallback as useCallback31, useEffect as useEffect48, useRef as useRef41, useState as useState37 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect47, useRef as useRef41, useState as useState36 } from "react";
 
 // src/components/LauncherNotification.tsx
-import { useEffect as useEffect47, useRef as useRef40, useState as useState36 } from "react";
-import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useEffect as useEffect46, useRef as useRef40, useState as useState35 } from "react";
+import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 function LauncherNotification({
   notifications,
   dock,
   mode,
   onDismiss
 }) {
-  const [index2, setIndex] = useState36(0);
-  const [paused, setPaused] = useState36(false);
+  const [index2, setIndex] = useState35(0);
+  const [paused, setPaused] = useState35(false);
   const cardRef = useRef40(null);
-  useEffect47(() => {
+  useEffect46(() => {
     const el = cardRef.current;
     if (!el)
       return;
@@ -11469,7 +11412,7 @@ function LauncherNotification({
       el.removeEventListener("mouseleave", leave);
     };
   }, []);
-  useEffect47(() => {
+  useEffect46(() => {
     if (paused)
       return;
     const rotate = setInterval(() => setIndex((current) => (current + 1) % notifications.length), TIP_ROTATE_MS);
@@ -11498,21 +11441,21 @@ function LauncherNotification({
     ...dock.edge === "left" ? { left: 0 } : { right: 0 },
     bottom: "calc(100% + 8px)"
   };
-  return /* @__PURE__ */ jsx46("div", {
+  return /* @__PURE__ */ jsx47("div", {
     style: wrapperStyle,
     "data-skippr-no-drag": "",
-    children: /* @__PURE__ */ jsxs38("div", {
+    children: /* @__PURE__ */ jsxs39("div", {
       ref: cardRef,
       className: "skippr:flex skippr:w-[148px] skippr:items-center skippr:gap-[4px] skippr:rounded-[14px] skippr:border skippr:border-[rgba(45,45,63,0.08)] skippr:bg-white skippr:pr-[6px] skippr:pl-[9px] skippr:py-[3px] skippr:shadow-[0_10px_28px_rgba(45,45,63,0.16)] skippr:[animation:skippr-tip-in_360ms_cubic-bezier(0.34,1.3,0.64,1)]",
       children: [
-        /* @__PURE__ */ jsx46("span", {
+        /* @__PURE__ */ jsx47("span", {
           className: "skippr:flex skippr:min-h-[16px] skippr:min-w-0 skippr:flex-1 skippr:items-center skippr:text-[9px] skippr:font-medium skippr:leading-[1.25] skippr:text-[#5a5650]",
-          children: /* @__PURE__ */ jsx46("span", {
+          children: /* @__PURE__ */ jsx47("span", {
             className: "skippr:line-clamp-2",
             children: notification.message
           })
         }),
-        /* @__PURE__ */ jsx46("button", {
+        /* @__PURE__ */ jsx47("button", {
           type: "button",
           onClick: () => {
             notification.activate();
@@ -11521,18 +11464,18 @@ function LauncherNotification({
           "aria-label": "Start",
           title: "Start",
           className: "skippr:flex skippr:size-[17px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#2D2D3F] skippr:text-white skippr:transition-colors skippr:hover:bg-[#3d3d52]",
-          children: /* @__PURE__ */ jsx46(Play, {
+          children: /* @__PURE__ */ jsx47(Play, {
             className: "skippr:size-[8px] skippr:fill-current",
             strokeWidth: 2
           })
         }),
-        hasMultiple && /* @__PURE__ */ jsx46("button", {
+        hasMultiple && /* @__PURE__ */ jsx47("button", {
           type: "button",
           onClick: () => setIndex((current) => (current + 1) % notifications.length),
           "aria-label": "Next",
           title: "Next",
           className: "skippr:-ml-[2px] skippr:flex skippr:size-[16px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#8b877f] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#5a5650]",
-          children: /* @__PURE__ */ jsx46(ChevronRight, {
+          children: /* @__PURE__ */ jsx47(ChevronRight, {
             className: "skippr:size-[12px]",
             strokeWidth: 2.5
           })
@@ -11543,14 +11486,14 @@ function LauncherNotification({
 }
 
 // src/components/VoiceBarLauncher.tsx
-import { jsx as jsx47, jsxs as jsxs39, Fragment as Fragment6 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40, Fragment as Fragment5 } from "react/jsx-runtime";
 function SkipprMark2() {
-  return /* @__PURE__ */ jsx47("svg", {
+  return /* @__PURE__ */ jsx48("svg", {
     viewBox: "0 0 15.4044 18.4853",
     className: "skippr:h-[18px] skippr:w-[15px]",
     fill: "none",
     "aria-hidden": "true",
-    children: /* @__PURE__ */ jsx47("path", {
+    children: /* @__PURE__ */ jsx48("path", {
       d: "M2.25789 0.295419C1.33925 -0.413932 0 0.234459 0 1.38715V17.0972C0 18.4106 1.67407 18.987 2.49664 17.9562L6.40435 13.061C6.54853 12.8805 6.73209 12.7348 6.94126 12.6347C7.15043 12.5345 7.37978 12.4826 7.6121 12.4828H14.0025C15.3343 12.4828 15.9134 10.8128 14.8614 10.0037L2.25789 0.295419Z",
       className: "skippr:fill-white"
     })
@@ -11629,7 +11572,7 @@ function LauncherChat({
   onClick
 }) {
   const vertical = isHorizontalEdge(edge);
-  return /* @__PURE__ */ jsxs39("div", {
+  return /* @__PURE__ */ jsxs40("div", {
     className: cn("skippr:flex skippr:shrink-0 skippr:items-center skippr:justify-center skippr:gap-[5px] skippr:overflow-hidden skippr:transition-all skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", AVATAR_FLEX[edge]),
     style: {
       width: vertical ? 46 : revealed ? 52 : 0,
@@ -11637,18 +11580,18 @@ function LauncherChat({
       opacity: revealed ? 1 : 0
     },
     children: [
-      /* @__PURE__ */ jsx47("button", {
+      /* @__PURE__ */ jsx48("button", {
         type: "button",
         onClick,
         "aria-label": "Open chat",
         tabIndex: revealed ? 0 : -1,
         className: "skippr:flex skippr:size-[46px] skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:text-foreground skippr:transition-colors skippr:hover:bg-foreground/8",
-        children: /* @__PURE__ */ jsx47(MessageSquare, {
+        children: /* @__PURE__ */ jsx48(MessageSquare, {
           className: "skippr:size-[18px] skippr:shrink-0",
           strokeWidth: 2
         })
       }),
-      /* @__PURE__ */ jsx47("span", {
+      /* @__PURE__ */ jsx48("span", {
         className: cn("skippr:shrink-0 skippr:bg-foreground/10", vertical ? "skippr:h-px skippr:w-[22px]" : "skippr:h-[22px] skippr:w-px")
       })
     ]
@@ -11685,7 +11628,7 @@ function VoiceBarLauncher({
 }) {
   const containerRef = useRef41(null);
   const closeTimerRef = useRef41(null);
-  const onDropPos = useCallback31((pos) => {
+  const onDropPos = useCallback30((pos) => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -11694,16 +11637,16 @@ function VoiceBarLauncher({
   }, [onDrop]);
   const { wasDraggedRef } = useVoiceBarDrag(containerRef, onDropPos, null, setDragging);
   const horizontal = isHorizontalEdge(dock.edge);
-  const [cardOpen, setCardOpen] = useState37(false);
-  const [loginOpen, setLoginOpen] = useState37(false);
-  const [hovered, setHovered] = useState37(false);
-  useEffect48(() => {
+  const [cardOpen, setCardOpen] = useState36(false);
+  const [loginOpen, setLoginOpen] = useState36(false);
+  const [hovered, setHovered] = useState36(false);
+  useEffect47(() => {
     if (!needsLogin)
       setLoginOpen(false);
   }, [needsLogin]);
   const hasNotif = notifications.length > 0;
   const dotColor = notifications.find((item) => item.kind === NOTIFICATION_KIND.Module)?.accentColor ?? notifications[0]?.accentColor ?? NOTIF_ACCENT_COLOR;
-  useEffect48(() => {
+  useEffect47(() => {
     const el = containerRef.current;
     if (!el)
       return;
@@ -11749,15 +11692,15 @@ function VoiceBarLauncher({
     }
     onChat?.();
   };
-  const closeLogin = useCallback31(() => {
+  const closeLogin = useCallback30(() => {
     setLoginOpen(false);
     onLoginDismiss();
   }, [onLoginDismiss]);
-  const loginCard = loginOpen && needsLogin && /* @__PURE__ */ jsx47("div", {
+  const loginCard = loginOpen && needsLogin && /* @__PURE__ */ jsx48("div", {
     style: loginCardWrapperStyle2(dock.edge),
     "data-skippr-no-drag": "",
     onPointerDown: (event) => event.stopPropagation(),
-    children: /* @__PURE__ */ jsx47(VoiceBarLoginCard, {
+    children: /* @__PURE__ */ jsx48(VoiceBarLoginCard, {
       onDismiss: closeLogin
     })
   });
@@ -11767,53 +11710,53 @@ function VoiceBarLauncher({
       return;
     setCardOpen((open2) => !open2);
   };
-  const closeCard = useCallback31(() => setCardOpen(false), []);
+  const closeCard = useCallback30(() => setCardOpen(false), []);
   if (mode === "strip") {
     const expanded = hovered && !!onChat;
     const length = expanded ? 84 : 40;
     const thickness = expanded ? 36 : 10;
-    return /* @__PURE__ */ jsxs39("div", {
+    return /* @__PURE__ */ jsxs40("div", {
       ref: containerRef,
       style: dockStyleFlush(dock),
       className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
       children: [
-        /* @__PURE__ */ jsx47("div", {
+        /* @__PURE__ */ jsx48("div", {
           style: horizontal ? { width: length, height: thickness } : { width: thickness, height: length },
           className: cn("skippr:relative skippr:flex skippr:items-center skippr:justify-center skippr:gap-[6px] skippr:border-2 skippr:transition-[width,height,background-color,border-color] skippr:duration-200 skippr:ease-out", !horizontal && "skippr:flex-col", expanded ? "skippr:border-brand skippr:bg-white" : "skippr:border-transparent skippr:bg-brand", expanded ? STRIP_ROUNDING_EXPANDED[dock.edge] : STRIP_ROUNDING[dock.edge], expanded ? AVATAR_SHADOW[dock.edge] : STRIP_SHADOW[dock.edge]),
-          children: expanded ? /* @__PURE__ */ jsxs39(Fragment6, {
+          children: expanded ? /* @__PURE__ */ jsxs40(Fragment5, {
             children: [
-              /* @__PURE__ */ jsx47("button", {
+              /* @__PURE__ */ jsx48("button", {
                 type: "button",
                 onClick: open,
                 "aria-label": "Open Agent",
                 className: STRIP_ICON_BUTTON,
-                children: /* @__PURE__ */ jsx47(Play, {
+                children: /* @__PURE__ */ jsx48(Play, {
                   className: "skippr:size-[13px] skippr:fill-current",
                   strokeWidth: 2
                 })
               }),
-              /* @__PURE__ */ jsx47("span", {
+              /* @__PURE__ */ jsx48("span", {
                 className: cn("skippr:shrink-0 skippr:bg-foreground/10", horizontal ? "skippr:h-[16px] skippr:w-px" : "skippr:h-px skippr:w-[16px]")
               }),
-              /* @__PURE__ */ jsx47("button", {
+              /* @__PURE__ */ jsx48("button", {
                 type: "button",
                 onClick: openChat,
                 "aria-label": "Open chat",
                 className: STRIP_ICON_BUTTON,
-                children: /* @__PURE__ */ jsx47(MessageSquare, {
+                children: /* @__PURE__ */ jsx48(MessageSquare, {
                   className: "skippr:size-[14px]",
                   strokeWidth: 2
                 })
               })
             ]
-          }) : /* @__PURE__ */ jsx47("button", {
+          }) : /* @__PURE__ */ jsx48("button", {
             type: "button",
             onClick: open,
             "aria-label": "Open Agent",
             className: "skippr:absolute skippr:inset-0 skippr:cursor-grab skippr:bg-transparent skippr:p-0"
           })
         }),
-        hasNotif && (expanded ? /* @__PURE__ */ jsx47("button", {
+        hasNotif && (expanded ? /* @__PURE__ */ jsx48("button", {
           type: "button",
           onClick: toggleCard,
           "aria-label": "Show notifications",
@@ -11822,7 +11765,7 @@ function VoiceBarLauncher({
             "--skippr-pulse-color": dotColor
           },
           className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_DOT_POS[dock.edge])
-        }) : /* @__PURE__ */ jsx47("button", {
+        }) : /* @__PURE__ */ jsx48("button", {
           type: "button",
           onClick: toggleCard,
           "aria-label": "Show notifications",
@@ -11832,7 +11775,7 @@ function VoiceBarLauncher({
           },
           className: cn("skippr:absolute skippr:z-[1] skippr:cursor-pointer skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", STRIP_NOTIF_CAP[dock.edge], STRIP_CAP_ROUNDING[dock.edge])
         })),
-        hasNotif && cardOpen && /* @__PURE__ */ jsx47(LauncherNotification, {
+        hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
           notifications,
           dock,
           mode,
@@ -11842,37 +11785,37 @@ function VoiceBarLauncher({
       ]
     });
   }
-  return /* @__PURE__ */ jsxs39("div", {
+  return /* @__PURE__ */ jsxs40("div", {
     ref: containerRef,
     style: dockStyleFlush(dock),
     className: "skippr:fixed skippr:z-[9999] skippr:touch-none skippr:cursor-grab",
     children: [
-      /* @__PURE__ */ jsxs39("div", {
+      /* @__PURE__ */ jsxs40("div", {
         style: { gap: onChat && hovered ? 2 : 0 },
         className: cn("skippr:flex skippr:items-center skippr:border-2 skippr:border-brand skippr:bg-white skippr:p-[3px] skippr:transition-[gap] skippr:duration-[400ms] skippr:ease-[cubic-bezier(0.22,1,0.36,1)]", "skippr:[animation:skippr-pop_0.2s_ease]", AVATAR_FLEX[dock.edge], VIEWPORT_ROUNDING[dock.edge], AVATAR_SHADOW[dock.edge]),
         children: [
-          onChat && /* @__PURE__ */ jsx47(LauncherChat, {
+          onChat && /* @__PURE__ */ jsx48(LauncherChat, {
             revealed: hovered,
             edge: dock.edge,
             onClick: openChat
           }),
-          /* @__PURE__ */ jsx47("button", {
+          /* @__PURE__ */ jsx48("button", {
             type: "button",
             onClick: open,
             "aria-label": "Open Agent",
             className: "skippr:block skippr:shrink-0 skippr:cursor-grab skippr:rounded-full skippr:bg-transparent skippr:p-0 skippr:transition-transform skippr:duration-200 skippr:hover:scale-105",
-            children: logoUrl ? /* @__PURE__ */ jsx47("img", {
+            children: logoUrl ? /* @__PURE__ */ jsx48("img", {
               src: logoUrl,
               alt: "",
               className: "skippr:block skippr:size-[46px] skippr:rounded-full skippr:object-cover"
-            }) : /* @__PURE__ */ jsx47("span", {
+            }) : /* @__PURE__ */ jsx48("span", {
               className: "skippr:flex skippr:size-[46px] skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-launcher",
-              children: /* @__PURE__ */ jsx47(SkipprMark2, {})
+              children: /* @__PURE__ */ jsx48(SkipprMark2, {})
             })
           })
         ]
       }),
-      hasNotif && /* @__PURE__ */ jsx47("button", {
+      hasNotif && /* @__PURE__ */ jsx48("button", {
         type: "button",
         onClick: toggleCard,
         "aria-label": "Show notifications",
@@ -11883,7 +11826,7 @@ function VoiceBarLauncher({
         },
         className: cn("skippr:absolute skippr:z-[2] skippr:size-[13px] skippr:cursor-pointer skippr:rounded-full skippr:border-[2.5px] skippr:border-white skippr:transition-[left] skippr:duration-300 skippr:ease-[cubic-bezier(0.34,1.3,0.64,1)] skippr:animate-skippr-voice-pulse skippr:motion-reduce:animate-none", dock.edge === "top" ? "skippr:-bottom-[2px]" : "skippr:-top-[2px]")
       }),
-      hasNotif && cardOpen && /* @__PURE__ */ jsx47(LauncherNotification, {
+      hasNotif && cardOpen && /* @__PURE__ */ jsx48(LauncherNotification, {
         notifications,
         dock,
         mode,
@@ -11895,7 +11838,7 @@ function VoiceBarLauncher({
 }
 
 // src/components/VoiceBar.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function VoiceBar({ revealed }) {
   const ctx = useContext24(LiveAgentContext);
   if (!ctx) {
@@ -11914,8 +11857,8 @@ function VoiceBar({ revealed }) {
     setBarPos,
     setAutoStartAfterLogin
   } = ctx;
-  const [launcherDock, setLauncherDock] = useState38(() => readSavedDock("launcher"));
-  const onLauncherDrop = useCallback32((next) => {
+  const [launcherDock, setLauncherDock] = useState37(() => readSavedDock("launcher"));
+  const onLauncherDrop = useCallback31((next) => {
     setLauncherDock(next);
     persistDock("launcher", next);
   }, []);
@@ -11937,7 +11880,7 @@ function VoiceBar({ revealed }) {
     return null;
   }
   if (launcherMode !== LAUNCHER_MODE.None && !sessionLive && isMinimized) {
-    return /* @__PURE__ */ jsx48(VoiceBarLauncher, {
+    return /* @__PURE__ */ jsx49(VoiceBarLauncher, {
       dock: effectiveLauncherDock,
       mode: launcherMode,
       logoUrl: appearance?.logoUrl ?? null,
@@ -11952,7 +11895,7 @@ function VoiceBar({ revealed }) {
     });
   }
   const effectiveBarPos = barPos ?? defaultBarPos();
-  return /* @__PURE__ */ jsx48(VoiceBarFrame, {
+  return /* @__PURE__ */ jsx49(VoiceBarFrame, {
     pos: effectiveBarPos,
     canFold,
     notifications,
@@ -11962,7 +11905,7 @@ function VoiceBar({ revealed }) {
 }
 
 // src/components/LiveAgent.tsx
-import { jsx as jsx49, jsxs as jsxs40, Fragment as Fragment8 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment7 } from "react/jsx-runtime";
 var SPLASH_NOT_PLACED_WARNING = "[Skippr] The splash screen is enabled but no <SplashScreen> is rendered, so end users cannot start a session. Import SplashScreen from @skippr/live-agent-sdk and place it inside <LiveAgent>.";
 var SPLASH_MULTI_MOUNT_WARNING = "[Skippr] More than one <SplashScreen> is mounted. Render exactly one — each instance keeps its own microphone, screen and dismissal state.";
 function readSavedPosition() {
@@ -11982,7 +11925,7 @@ function readSavedLauncherBottom() {
   }
 }
 function AgentCursorMount({ animated }) {
-  return /* @__PURE__ */ jsx49(AgentCursor, {
+  return /* @__PURE__ */ jsx50(AgentCursor, {
     target: useAgentCursor(),
     animated
   });
@@ -11991,7 +11934,7 @@ function PlanPanelOpener() {
   const plan = usePlanUpdates();
   const { expandPanel } = useLiveAgent();
   const surfacedPlanIdRef = useRef42(null);
-  useEffect49(() => {
+  useEffect48(() => {
     if (plan?.state !== "proposed" || surfacedPlanIdRef.current === plan.planId)
       return;
     surfacedPlanIdRef.current = plan.planId;
@@ -12031,21 +11974,21 @@ function LiveAgent(props) {
   const auth = useAuth({ appKey });
   const usesHostAuth = !!getUserToken || !!userToken || !!authTokenProp;
   const effectiveAuthToken = usesHostAuth ? authTokenProp : auth.authToken ?? undefined;
-  const [activeModule, setActiveModule] = useState39(null);
-  const [sessionAgentMode, setSessionAgentMode] = useState39(null);
-  const [isExchanging, setIsExchanging] = useState39(false);
-  const minimizeOnSessionStart = useCallback33(() => {
+  const [activeModule, setActiveModule] = useState38(null);
+  const [sessionAgentMode, setSessionAgentMode] = useState38(null);
+  const [isExchanging, setIsExchanging] = useState38(false);
+  const minimizeOnSessionStart = useCallback32(() => {
     if (minimizable) {
       setIsMinimized(true);
       setIsPanelOpen(false);
     }
   }, [minimizable]);
-  const expandOnSessionStartError = useCallback33(() => {
+  const expandOnSessionStartError = useCallback32(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
   const isExchangeDisconnectingRef = useRef42(false);
-  const minimizeOnSessionDisconnect = useCallback33(() => {
+  const minimizeOnSessionDisconnect = useCallback32(() => {
     if (isExchangeDisconnectingRef.current)
       return;
     setActiveModule(null);
@@ -12095,29 +12038,29 @@ function LiveAgent(props) {
   });
   const isRoomReleasedRef = useRef42(false);
   isRoomReleasedRef.current = !isConnected || isPausing || isDisconnecting;
-  const handleRoomDisconnected = useCallback33(() => {
+  const handleRoomDisconnected = useCallback32(() => {
     if (isExchangeDisconnectingRef.current || isRoomReleasedRef.current)
       return;
     disconnect();
   }, [disconnect]);
-  const [isPanelOpen, setIsPanelOpen] = useState39(defaultOpen);
-  const [isMinimized, setIsMinimized] = useState39(minimizable && !defaultOpen);
-  const [pendingStart, setPendingStart] = useState39(null);
-  const [sidebarTab, setSidebarTab] = useState39("agenda");
-  const [phasesSnapshot, setPhasesSnapshot] = useState39([]);
-  const [startMuted, setStartMuted] = useState39(false);
-  const [textMode, setTextMode] = useState39(false);
-  const [panelExpanded, setPanelExpanded] = useState39(false);
-  const togglePanelExpanded = useCallback33(() => setPanelExpanded((prev) => !prev), []);
+  const [isPanelOpen, setIsPanelOpen] = useState38(defaultOpen);
+  const [isMinimized, setIsMinimized] = useState38(minimizable && !defaultOpen);
+  const [pendingStart, setPendingStart] = useState38(null);
+  const [sidebarTab, setSidebarTab] = useState38("agenda");
+  const [phasesSnapshot, setPhasesSnapshot] = useState38([]);
+  const [startMuted, setStartMuted] = useState38(false);
+  const [textMode, setTextMode] = useState38(false);
+  const [panelExpanded, setPanelExpanded] = useState38(false);
+  const togglePanelExpanded = useCallback32(() => setPanelExpanded((prev) => !prev), []);
   const panelRef = useRef42(null);
   const controlBarRef = useRef42(null);
   const voiceBarRef = useRef42(null);
-  const [isDragging, setIsDragging] = useState39(false);
-  const setTextModeState = useCallback33((enabled) => {
+  const [isDragging, setIsDragging] = useState38(false);
+  const setTextModeState = useCallback32((enabled) => {
     setTextMode(enabled);
   }, []);
   const showControlBar = isConnected || isStarting || isPausing;
-  useEffect49(() => {
+  useEffect48(() => {
     if (!isConnected)
       setTextModeState(false);
   }, [isConnected, setTextModeState]);
@@ -12140,7 +12083,11 @@ function LiveAgent(props) {
   const isBootAuthPending = usesHostAuth ? !!appKey && !isAuthenticated && !authFailed : !!appKey && !auth.hasResolvedStoredToken;
   const isAwaitingModules = isAuthenticated ? !hasResolvedModules : isBootAuthPending;
   const isLauncherRevealed = useOnceTrue(!isAwaitingModules);
-  const { goals: adoptionGoals, attendGoal } = useAdoptionGoals({
+  const {
+    goals: adoptionGoals,
+    hasResolved: hasResolvedAdoptionGoals,
+    attendGoal
+  } = useAdoptionGoals({
     enabled: !isSessionLive || activeModule?.mode === AGENT_MODE.AlwaysOn || sessionAgentMode === AGENT_MODE.AlwaysOn,
     bearerToken,
     authedFetch
@@ -12148,7 +12095,7 @@ function LiveAgent(props) {
   const buddyActive = isBuddyActive(appearance) && variant !== "sidebar" && !hostAgentId;
   const buddyShape = appearance?.buddy?.shape ?? DEFAULT_BUDDY_SHAPE;
   const effectiveHostAgentId = buddyActive ? undefined : hostAgentId;
-  const startSession = useCallback33((opts) => startSessionRaw(buddyActive ? { ...opts, agentControls: buddyEffectiveControls(opts.agentControls) } : opts), [startSessionRaw, buddyActive]);
+  const startSession = useCallback32((opts) => startSessionRaw(buddyActive ? { ...opts, agentControls: buddyEffectiveControls(opts.agentControls) } : opts), [startSessionRaw, buddyActive]);
   const defaultAgentId = buddyActive ? defaultSelection.agentId : hostAgentId ?? defaultSelection.agentId;
   const defaultModule = availableModules.find((m) => m.id === defaultAgentId) ?? null;
   const operatingModule = buddyActive ? defaultModule : activeModule ?? (effectiveHostAgentId ? availableModules[0] ?? null : null);
@@ -12159,7 +12106,7 @@ function LiveAgent(props) {
   const shouldAnimateCursor = operatingModule?.uiPreferences?.animateCursor ?? animateAgentCursor;
   const buddyDefaultMissing = buddyActive && hasResolvedModules && !modulesError && !defaultModule && !isSessionLive;
   const resumableSession = useMemo8(() => getResumableSession(operatingModule), [operatingModule]);
-  const resumeSession = useCallback33(async () => {
+  const resumeSession = useCallback32(async () => {
     if (!resumableSession)
       return;
     if (operatingModule) {
@@ -12172,7 +12119,7 @@ function LiveAgent(props) {
       existingSessionId: resumableSession.id
     });
   }, [resumableSession, operatingModule, startSession, baseAgentControls]);
-  const selectModule = useCallback33(async (moduleId, opts) => {
+  const selectModule = useCallback32(async (moduleId, opts) => {
     if (isExchangeDisconnectingRef.current)
       return;
     const found = availableModules.find((m) => m.id === moduleId);
@@ -12206,7 +12153,7 @@ function LiveAgent(props) {
       autoStarted: opts?.autoStarted
     });
   }, [availableModules, startSession, isSessionLive, operatingModule, disconnect]);
-  const startAdoptionSession = useCallback33((goal) => {
+  const startAdoptionSession = useCallback32((goal) => {
     attendGoal(goal.goalId);
     const found = availableModules.find((m) => m.id === goal.agentId);
     if (found)
@@ -12218,16 +12165,16 @@ function LiveAgent(props) {
       adoptionGoalId: goal.goalId
     });
   }, [attendGoal, availableModules, startSession]);
-  const previewStart = useCallback33((pending) => {
+  const previewStart = useCallback32((pending) => {
     setPendingStart(pending);
     setIsMinimized(false);
   }, []);
-  const [welcomeDismissed, setWelcomeDismissed] = useState39(false);
-  const dismissWelcome = useCallback33(() => setWelcomeDismissed(true), []);
-  const [savedPosition] = useState39(readSavedPosition);
-  const [currentPosition, setCurrentPosition] = useState39(savedPosition ?? "right");
+  const [welcomeDismissed, setWelcomeDismissed] = useState38(false);
+  const dismissWelcome = useCallback32(() => setWelcomeDismissed(true), []);
+  const [savedPosition] = useState38(readSavedPosition);
+  const [currentPosition, setCurrentPosition] = useState38(savedPosition ?? "right");
   const positionLockedRef = useRef42(savedPosition !== null);
-  const setPositionWithPersist = useCallback33((pos) => {
+  const setPositionWithPersist = useCallback32((pos) => {
     positionLockedRef.current = true;
     setCurrentPosition(pos);
     try {
@@ -12235,18 +12182,18 @@ function LiveAgent(props) {
     } catch {}
   }, []);
   const serverPosition = appearance?.position ?? null;
-  useEffect49(() => {
+  useEffect48(() => {
     if (!serverPosition || positionLockedRef.current)
       return;
     setCurrentPosition(serverPosition);
   }, [serverPosition]);
-  const [savedLauncherBottom] = useState39(readSavedLauncherBottom);
+  const [savedLauncherBottom] = useState38(readSavedLauncherBottom);
   const hasDraggedRef = useRef42(savedLauncherBottom !== null);
   const verticalAlignRef = useRef42(hostVerticalAlign ?? "bottom");
-  const [launcherBottomPx, setLauncherBottomPxState] = useState39(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlignRef.current));
-  const [popsDown, setPopsDown] = useState39(() => launcherPopsDown(launcherBottomPx));
+  const [launcherBottomPx, setLauncherBottomPxState] = useState38(() => savedLauncherBottom !== null ? clampLauncherBottom(savedLauncherBottom) : verticalAlignToBottomPx(verticalAlignRef.current));
+  const [popsDown, setPopsDown] = useState38(() => launcherPopsDown(launcherBottomPx));
   const serverVerticalAlign = appearance?.verticalAlign ?? null;
-  useEffect49(() => {
+  useEffect48(() => {
     if (!serverVerticalAlign || hostVerticalAlign !== undefined || hasDraggedRef.current)
       return;
     verticalAlignRef.current = serverVerticalAlign;
@@ -12254,7 +12201,7 @@ function LiveAgent(props) {
     setLauncherBottomPxState(next);
     setPopsDown(launcherPopsDown(next));
   }, [serverVerticalAlign, hostVerticalAlign]);
-  const setLauncherBottomPx = useCallback33((px) => {
+  const setLauncherBottomPx = useCallback32((px) => {
     hasDraggedRef.current = true;
     setLauncherBottomPxState(px);
     setPopsDown(launcherPopsDown(px));
@@ -12264,18 +12211,18 @@ function LiveAgent(props) {
   }, []);
   const launcherBottomPxRef = useRef42(launcherBottomPx);
   launcherBottomPxRef.current = launcherBottomPx;
-  const [chatActivityAt, setChatActivityAt] = useState39(0);
-  const reportChatActivity = useCallback33(() => {
+  const [chatActivityAt, setChatActivityAt] = useState38(0);
+  const reportChatActivity = useCallback32(() => {
     const now = Date.now();
     setChatActivityAt((last) => now - last < CHAT_ACTIVITY_THROTTLE_MS ? last : now);
   }, []);
-  const [chatDraft, setChatDraft] = useState39("");
-  const [autoStartAfterLogin, setAutoStartAfterLogin] = useState39(false);
-  const commitLauncherDrop = useCallback33(({ side, bottomPx }) => {
+  const [chatDraft, setChatDraft] = useState38("");
+  const [autoStartAfterLogin, setAutoStartAfterLogin] = useState38(false);
+  const commitLauncherDrop = useCallback32(({ side, bottomPx }) => {
     setPositionWithPersist(side);
     setLauncherBottomPx(bottomPx);
   }, [setPositionWithPersist, setLauncherBottomPx]);
-  const [barPos, setBarPosState] = useState39(() => readSavedBarPos());
+  const [barPos, setBarPosState] = useState38(() => readSavedBarPos());
   const barPosRatioRef = useRef42(null);
   if (barPos !== null) {
     barPosRatioRef.current = {
@@ -12289,7 +12236,7 @@ function LiveAgent(props) {
       yRatio: def.y / window.innerHeight
     };
   }
-  const setBarPos = useCallback33((next) => {
+  const setBarPos = useCallback32((next) => {
     setBarPosState(next);
     persistBarPos(next);
     barPosRatioRef.current = {
@@ -12297,7 +12244,7 @@ function LiveAgent(props) {
       yRatio: next.y / window.innerHeight
     };
   }, []);
-  useEffect49(() => {
+  useEffect48(() => {
     const syncToViewport = () => {
       const next = hasDraggedRef.current ? clampLauncherBottom(launcherBottomPxRef.current) : verticalAlignToBottomPx(verticalAlignRef.current);
       setLauncherBottomPxState(next);
@@ -12307,7 +12254,7 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncToViewport);
     return () => window.removeEventListener("resize", syncToViewport);
   }, []);
-  useEffect49(() => {
+  useEffect48(() => {
     const syncBarToViewport = () => {
       const ratios = barPosRatioRef.current;
       if (!ratios)
@@ -12320,28 +12267,28 @@ function LiveAgent(props) {
     window.addEventListener("resize", syncBarToViewport);
     return () => window.removeEventListener("resize", syncBarToViewport);
   }, []);
-  const openPanel = useCallback33(() => setIsPanelOpen(true), []);
-  const closePanel = useCallback33(() => setIsPanelOpen(false), []);
-  const togglePanel = useCallback33(() => setIsPanelOpen((prev) => !prev), []);
-  const expandPanel = useCallback33(() => {
+  const openPanel = useCallback32(() => setIsPanelOpen(true), []);
+  const closePanel = useCallback32(() => setIsPanelOpen(false), []);
+  const togglePanel = useCallback32(() => setIsPanelOpen((prev) => !prev), []);
+  const expandPanel = useCallback32(() => {
     setIsMinimized(false);
     setIsPanelOpen(true);
   }, []);
-  const minimizePanel = useCallback33(() => {
+  const minimizePanel = useCallback32(() => {
     if (!minimizable)
       return;
     setIsMinimized(true);
     setIsPanelOpen(false);
   }, [minimizable]);
-  const revealBar = useCallback33(() => {
+  const revealBar = useCallback32(() => {
     setPendingStart(null);
     setIsMinimized(false);
   }, []);
-  const pauseSessionAndMinimize = useCallback33(async () => {
+  const pauseSessionAndMinimize = useCallback32(async () => {
     await pauseSession();
     minimizePanel();
   }, [pauseSession, minimizePanel]);
-  const startDefaultSession = useCallback33(() => {
+  const startDefaultSession = useCallback32(() => {
     const target = availableModules.find((m) => m.id === defaultAgentId);
     if (!target)
       return;
@@ -12353,7 +12300,7 @@ function LiveAgent(props) {
       existingSessionId: defaultSelection.sessionId ?? undefined
     });
   }, [defaultAgentId, availableModules, defaultSelection.sessionId, startSession]);
-  const startPrimarySession = useCallback33(() => {
+  const startPrimarySession = useCallback32(() => {
     if (pendingStart) {
       const pending = pendingStart;
       setPendingStart(null);
@@ -12371,7 +12318,7 @@ function LiveAgent(props) {
     bearerToken,
     selectModule
   });
-  useEffect49(() => {
+  useEffect48(() => {
     if (!autoStartAfterLogin)
       return;
     if (bearerToken === null || !hasResolvedModules || isSessionLive)
@@ -12389,7 +12336,7 @@ function LiveAgent(props) {
     startPrimarySession
   ]);
   const isSplashConfigured = appearance?.launcherMode === LAUNCHER_MODE.Template && appearance.splash?.enabled === true;
-  const idleHistoryEnabled = !isSessionLive && !isPaused && (isPanelOpen || isSplashConfigured) && isAuthenticated;
+  const idleHistoryEnabled = !isSessionLive && (isSplashConfigured || isPanelOpen && !isPaused) && isAuthenticated;
   const {
     messages: idleHistoryMessages,
     phases: idleHistoryPhases,
@@ -12404,11 +12351,11 @@ function LiveAgent(props) {
     phases: idleHistoryPhases,
     isLoading: isLoadingHistory
   }), [idleHistoryMessages, idleHistoryPhases, isLoadingHistory]);
-  const [splashDismissed, setSplashDismissed] = useState39(false);
-  const dismissSplash = useCallback33(() => setSplashDismissed(true), []);
-  const reopenSplash = useCallback33(() => setSplashDismissed(false), []);
+  const [splashDismissed, setSplashDismissed] = useState38(false);
+  const dismissSplash = useCallback32(() => setSplashDismissed(true), []);
+  const reopenSplash = useCallback32(() => setSplashDismissed(false), []);
   const splashMountCountRef = useRef42(0);
-  const notifySplashMount = useCallback33(() => {
+  const notifySplashMount = useCallback32(() => {
     splashMountCountRef.current += 1;
     if (splashMountCountRef.current > 1)
       console.warn(SPLASH_MULTI_MOUNT_WARNING);
@@ -12416,7 +12363,7 @@ function LiveAgent(props) {
       splashMountCountRef.current -= 1;
     };
   }, []);
-  useEffect49(() => {
+  useEffect48(() => {
     if (!isSplashConfigured)
       return;
     queueMicrotask(() => {
@@ -12515,6 +12462,7 @@ function LiveAgent(props) {
     hasResolvedModules,
     appearance,
     adoptionGoals,
+    hasResolvedAdoptionGoals,
     startAdoptionSession,
     attendGoal,
     buddyActive,
@@ -12603,76 +12551,77 @@ function LiveAgent(props) {
     hasResolvedModules,
     appearance,
     adoptionGoals,
+    hasResolvedAdoptionGoals,
     startAdoptionSession,
     attendGoal,
     buddyActive,
     buddyShape
   ]);
   if (noModulesAvailable || buddyDefaultMissing) {
-    return /* @__PURE__ */ jsx49(LiveAgentContext.Provider, {
+    return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
       value: ctx,
       children
     });
   }
-  return /* @__PURE__ */ jsx49(LiveAgentContext.Provider, {
+  return /* @__PURE__ */ jsx50(LiveAgentContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsxs40(LiveKitRoom, {
+    children: /* @__PURE__ */ jsxs41(LiveKitRoom, {
       serverUrl: connection?.livekitUrl,
       token: connection?.token,
       connect: shouldConnect,
       audio: !startMuted,
       onDisconnected: handleRoomDisconnected,
       children: [
-        /* @__PURE__ */ jsxs40(Fragment7, {
+        /* @__PURE__ */ jsxs41(Fragment6, {
           children: [
-            connection && !textMode && /* @__PURE__ */ jsx49(RoomAudioRenderer, {}),
-            /* @__PURE__ */ jsxs40(SessionHoldProvider, {
+            connection && !textMode && /* @__PURE__ */ jsx50(RoomAudioRenderer, {}),
+            /* @__PURE__ */ jsxs41(SessionHoldProvider, {
               children: [
-                connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx49(AutoStartMedia, {
+                connection && captureMode === CAPTURE_MODE.Screenshare && /* @__PURE__ */ jsx50(AutoStartMedia, {
                   pendingScreenStream,
                   pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
                   startMuted
                 }),
-                connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx49(DomCapture, {
+                connection && captureMode === CAPTURE_MODE.Auto && /* @__PURE__ */ jsx50(DomCapture, {
                   pushOrTapMicMode: isRequestResponseMicMode(agentControls?.micMode),
                   startMuted
                 }),
-                /* @__PURE__ */ jsxs40(ShadowHost, {
+                /* @__PURE__ */ jsxs41(ShadowHost, {
                   accentColor: appearance?.accentColor ?? null,
                   children: [
-                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx49(HighlightOverlay, {}),
-                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx49(PageActionHandler, {}),
-                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx49(PlanPanelOpener, {}),
-                    connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx49(AgentCursorMount, {
+                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.highlight && /* @__PURE__ */ jsx50(HighlightOverlay, {}),
+                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PageActionHandler, {}),
+                    connection && captureMode === CAPTURE_MODE.Auto && agentControls?.actions && /* @__PURE__ */ jsx50(PlanPanelOpener, {}),
+                    connection && captureMode === CAPTURE_MODE.Auto && (agentControls?.highlight || agentControls?.actions) && /* @__PURE__ */ jsx50(AgentCursorMount, {
                       animated: shouldAnimateCursor
                     }),
-                    /* @__PURE__ */ jsx49(VoiceTurnProvider, {
-                      children: /* @__PURE__ */ jsx49(TranscriptionsProvider, {
-                        children: /* @__PURE__ */ jsx49("div", {
+                    /* @__PURE__ */ jsx50(VoiceTurnProvider, {
+                      children: /* @__PURE__ */ jsx50(TranscriptionsProvider, {
+                        children: /* @__PURE__ */ jsx50("div", {
                           id: WIDGET_ROOT_ID,
-                          children: variant === "sidebar" ? /* @__PURE__ */ jsxs40(Fragment8, {
+                          children: variant === "sidebar" ? /* @__PURE__ */ jsxs41(Fragment7, {
                             children: [
-                              isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx49(MinimizedBubble, {
+                              isMinimized && !showControlBar && isLauncherRevealed && /* @__PURE__ */ jsx50(MinimizedBubble, {
                                 welcomeMessage,
                                 welcomeDismissed,
                                 onDismissWelcome: dismissWelcome
                               }),
-                              showControlBar && !hideControls && /* @__PURE__ */ jsx49(SessionControlBar, {}),
-                              /* @__PURE__ */ jsx49(SidebarTrigger, {}),
-                              /* @__PURE__ */ jsx49(Sidebar, {
+                              showControlBar && !hideControls && /* @__PURE__ */ jsx50(SessionControlBar, {}),
+                              /* @__PURE__ */ jsx50(SidebarTrigger, {}),
+                              /* @__PURE__ */ jsx50(Sidebar, {
                                 hideControls,
                                 hideHeader,
                                 startSessionLabel
                               })
                             ]
-                          }) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx49(BuddyVoiceBar, {
+                          }) : !isLauncherRevealed ? null : buddyActive ? /* @__PURE__ */ jsx50(BuddyVoiceBar, {
                             revealed: isLauncherRevealed
-                          }) : /* @__PURE__ */ jsxs40(Fragment8, {
+                          }) : /* @__PURE__ */ jsxs41(Fragment7, {
                             children: [
-                              /* @__PURE__ */ jsx49(VoiceBar, {
+                              /* @__PURE__ */ jsx50(VoiceBar, {
                                 revealed: isLauncherRevealed
                               }),
-                              (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx49(Sidebar, {
+                              (agentControls?.chat ?? DEFAULT_CHAT_SURFACE) === CHAT_SURFACE.Room && /* @__PURE__ */ jsx50(Sidebar, {
                                 hideControls,
                                 hideHeader,
                                 startSessionLabel
@@ -12697,7 +12646,7 @@ function LiveAgent(props) {
 import { useContext as useContext26 } from "react";
 
 // src/hooks/useSplash.ts
-import { useCallback as useCallback34, useContext as useContext25, useEffect as useEffect50, useMemo as useMemo9, useRef as useRef43, useState as useState40 } from "react";
+import { useCallback as useCallback33, useContext as useContext25, useEffect as useEffect49, useMemo as useMemo9, useRef as useRef43, useState as useState39 } from "react";
 
 // src/lib/splashPresentation.ts
 function resolveSplashSections(sections, iconUrls) {
@@ -12733,7 +12682,6 @@ function resolveSplashPresentation(splash) {
 }
 
 // src/hooks/useSplash.ts
-var NO_PHASES = [];
 var SPLASH_DISABLED_WARNING = "[Skippr] <SplashScreen> is mounted but the splash screen is turned off for this workspace, so it will never render. Enable it under Appearance in the Skippr platform.";
 var LAUNCHER_MODE_WARNING = '[Skippr] <SplashScreen> is mounted but the launcher mode is not "template", so it will never render. Set the launcher to Template under Appearance in the Skippr platform.';
 function useSplash(onDismiss) {
@@ -12750,6 +12698,8 @@ function useSplash(onDismiss) {
     isMinimized,
     isAuthenticated,
     startPrimarySession,
+    startAdoptionSession,
+    hasResolvedAdoptionGoals,
     armScreenStream,
     startMuted,
     setStartMuted,
@@ -12762,13 +12712,13 @@ function useSplash(onDismiss) {
   const defaultModule = useMemo9(() => displayModules.find((module) => module.id === defaultAgentId) ?? null, [displayModules, defaultAgentId]);
   const splash = appearance?.splash ?? null;
   const launcherMode = appearance?.launcherMode ?? DEFAULT_LAUNCHER_MODE;
-  const [micEnabled, setMicEnabled] = useState40(false);
-  const [screenEnabled, setScreenEnabled] = useState40(false);
+  const [micEnabled, setMicEnabled] = useState39(false);
+  const [screenEnabled, setScreenEnabled] = useState39(false);
   const heldScreenStreamRef = useRef43(null);
   const screenRequestInFlightRef = useRef43(false);
   const splashHandedOffRef = useRef43(false);
   const splashInactiveRef = useRef43(false);
-  const enableMic = useCallback34(() => {
+  const enableMic = useCallback33(() => {
     (async () => {
       let stream;
       try {
@@ -12782,7 +12732,7 @@ function useSplash(onDismiss) {
       setMicEnabled(true);
     })();
   }, []);
-  useEffect50(() => {
+  useEffect49(() => {
     let cancelled = false;
     (async () => {
       if (!navigator.permissions?.query)
@@ -12799,8 +12749,8 @@ function useSplash(onDismiss) {
       cancelled = true;
     };
   }, []);
-  const toggleStartMuted = useCallback34(() => setStartMuted(!startMuted), [setStartMuted, startMuted]);
-  const releaseScreen = useCallback34(() => {
+  const toggleStartMuted = useCallback33(() => setStartMuted(!startMuted), [setStartMuted, startMuted]);
+  const releaseScreen = useCallback33(() => {
     const stream = heldScreenStreamRef.current;
     if (!stream)
       return;
@@ -12809,7 +12759,7 @@ function useSplash(onDismiss) {
     for (const track of stream.getTracks())
       track.stop();
   }, [armScreenStream]);
-  const enableScreen = useCallback34(() => {
+  const enableScreen = useCallback33(() => {
     if (screenRequestInFlightRef.current)
       return;
     screenRequestInFlightRef.current = true;
@@ -12837,22 +12787,22 @@ function useSplash(onDismiss) {
       }
     })();
   }, [armScreenStream, releaseScreen]);
-  useEffect50(() => () => {
+  useEffect49(() => () => {
     if (!splashHandedOffRef.current)
       releaseScreen();
   }, [releaseScreen]);
   const isLive = hasLiveSession(ctx);
-  useEffect50(() => {
+  useEffect49(() => {
     if (isLive)
       heldScreenStreamRef.current = null;
   }, [isLive]);
   const splashInactive = splashDismissed || isLive;
-  useEffect50(() => {
+  useEffect49(() => {
     splashInactiveRef.current = splashInactive;
   }, [splashInactive]);
-  useEffect50(() => notifySplashMount(), [notifySplashMount]);
+  useEffect49(() => notifySplashMount(), [notifySplashMount]);
   const misconfigurationWarnedRef = useRef43(false);
-  useEffect50(() => {
+  useEffect49(() => {
     if (!hasResolvedModules || misconfigurationWarnedRef.current)
       return;
     if (!splash?.enabled) {
@@ -12865,33 +12815,66 @@ function useSplash(onDismiss) {
       console.warn(LAUNCHER_MODE_WARNING);
     }
   }, [hasResolvedModules, splash?.enabled, launcherMode]);
-  const dismiss = useCallback34(() => {
+  const dismiss = useCallback33(() => {
     releaseScreen();
     dismissSplash();
     onDismiss?.();
   }, [releaseScreen, dismissSplash, onDismiss]);
-  const start = useCallback34(() => {
+  const start = useCallback33(() => {
     splashHandedOffRef.current = true;
     startPrimarySession();
   }, [startPrimarySession]);
+  const startTip = useCallback33((goal) => {
+    splashHandedOffRef.current = true;
+    startAdoptionSession(goal);
+  }, [startAdoptionSession]);
+  const tips = useAdoptionTips();
   const presentation = useMemo9(() => resolveSplashPresentation(splash), [splash]);
   const iconUrls = appearance?.splashIconUrls ?? null;
   const sections = useMemo9(() => resolveSplashSections(splash?.sections ?? null, iconUrls), [splash?.sections, iconUrls]);
-  const phases = defaultModule?.mode === AGENT_MODE.AlwaysOn ? NO_PHASES : idleHistory.phases;
+  const phases = idleHistory.phases;
   const lastCompletedPhase = useMemo9(() => phases.findLast((phase) => phase.status === "completed") ?? null, [phases]);
   const upcomingPhases = useMemo9(() => phases.filter((phase) => phase.status !== "completed"), [phases]);
   if (!isSplashConfigured || isLive || !isMinimized || !isAuthenticated || !defaultModule || splashDismissed) {
     return null;
   }
+  const isAlwaysOn = defaultModule.mode === AGENT_MODE.AlwaysOn;
+  if (isAlwaysOn && !hasResolvedAdoptionGoals) {
+    return null;
+  }
+  if (!isAlwaysOn && idleHistory.isLoading) {
+    return null;
+  }
   const effectiveScreenEnabled = captureMode === CAPTURE_MODE.Screenshare ? screenEnabled : null;
+  if (isAlwaysOn) {
+    return {
+      layout: SPLASH_LAYOUT.AlwaysOn,
+      agentName: defaultModule.name,
+      presentation,
+      headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
+      attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
+      tips,
+      micEnabled,
+      startMuted,
+      screenEnabled: effectiveScreenEnabled,
+      enableMic,
+      toggleStartMuted,
+      enableScreen,
+      startTip,
+      start,
+      dismiss
+    };
+  }
+  const intent = getModuleSessionState(defaultModule.currentSession, defaultModule.mode) === "resume" ? SPLASH_INTENT.Continue : SPLASH_INTENT.Start;
   return {
+    layout: SPLASH_LAYOUT.Primary,
     agentName: defaultModule.name,
     presentation,
     headerIconUrl: iconUrls?.[SPLASH_HEADER_ICON_SLOT] ?? null,
     sections,
     attributionVisible: splash?.attributionVisible ?? DEFAULT_SPLASH_ATTRIBUTION_VISIBLE,
-    skipButtonVisible: splash?.skipButtonVisible ?? DEFAULT_SPLASH_SKIP_BUTTON_VISIBLE,
-    intent: getModuleSessionState(defaultModule.currentSession, defaultModule.mode) === "resume" ? SPLASH_INTENT.Continue : SPLASH_INTENT.Start,
+    skipButtonVisible: (intent === SPLASH_INTENT.Continue ? splash?.continueSkipButtonVisible : splash?.startSkipButtonVisible) ?? DEFAULT_SPLASH_SKIP_BUTTON_VISIBLE,
+    intent,
     lastCompletedPhase,
     upcomingPhases,
     micEnabled,
@@ -12905,81 +12888,49 @@ function useSplash(onDismiss) {
   };
 }
 
-// src/components/SplashDefault.tsx
-import { jsx as jsx50, jsxs as jsxs41, Fragment as Fragment9 } from "react/jsx-runtime";
-var ATTRIBUTION_PREFIX2 = "Powered by";
-var ATTRIBUTION_BRAND2 = "Skippr";
-var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
-var CLOSE_LABEL = "Close";
-var SCREEN_NOTICE = "Required";
-var ENABLE_ACTION = "Enable";
-var MEDIA_ENABLED_STATUS = "Enabled";
-var MIC_MUTED_STATUS = "Muted";
-var MUTE_MIC_ACTION = "Mute microphone";
-var UNMUTE_MIC_ACTION = "Unmute microphone";
-var CONSENT_LEAD_IN = "By starting a session";
+// src/lib/splashStyles.ts
 var SECTION_HEADING = "skippr:text-[11px] skippr:font-semibold skippr:uppercase skippr:tracking-[0.05em] skippr:text-[#6b6875]";
 var SECTION_BLOCK = "skippr:mt-[6px] skippr:flex skippr:flex-col skippr:gap-[14px] skippr:first:mt-0";
-var ICON_TILE = "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-[#f2f0eb] skippr:text-[#2D2D3F]";
+var ICON_TILE_SHAPE = "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px]";
+var ICON_TILE = `${ICON_TILE_SHAPE} skippr:bg-[#f2f0eb] skippr:text-[#2D2D3F]`;
+var ICON_TILE_BRAND = `${ICON_TILE_SHAPE} skippr:bg-primary skippr:text-primary-foreground`;
 var ROW_TEXT = "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-px";
 var ROW_TITLE = "skippr:text-[14px] skippr:font-medium skippr:text-[#2D2D3F]";
 var ROW_SUBTEXT = "skippr:text-[12px] skippr:text-[#6b6875]";
 var ROW_ICON = "skippr:size-[17px]";
 var ROW_ICON_STROKE = 1.8;
 var FOCUS_RING3 = "skippr:focus-visible:outline-2 skippr:focus-visible:outline-offset-2 skippr:focus-visible:outline-[var(--skippr-brand)]";
-var GLYPH_COMPONENT = {
-  [SPLASH_SECTION_GLYPH.Route]: Route,
-  [SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
-  [SPLASH_SECTION_GLYPH.Pointer]: MousePointerClick
-};
-function SectionRow({ iconUrl, glyph, title, description }) {
-  const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
-  return /* @__PURE__ */ jsxs41("li", {
-    className: "skippr:flex skippr:items-start skippr:gap-3",
-    children: [
-      /* @__PURE__ */ jsx50("span", {
-        className: ICON_TILE,
-        children: iconUrl ? /* @__PURE__ */ jsx50("img", {
-          src: iconUrl,
-          alt: "",
-          className: `skippr:object-contain ${ROW_ICON}`
-        }) : /* @__PURE__ */ jsx50(Glyph, {
-          className: ROW_ICON,
-          strokeWidth: ROW_ICON_STROKE
-        })
-      }),
-      /* @__PURE__ */ jsxs41("span", {
-        className: ROW_TEXT,
-        children: [
-          /* @__PURE__ */ jsx50("span", {
-            className: ROW_TITLE,
-            children: title
-          }),
-          /* @__PURE__ */ jsx50("span", {
-            className: ROW_SUBTEXT,
-            children: description
-          })
-        ]
-      })
-    ]
-  });
-}
+
+// src/components/SplashMediaSection.tsx
+import { jsx as jsx51, jsxs as jsxs42 } from "react/jsx-runtime";
+var SCREEN_NOTICE = "Required";
+var ENABLE_ACTION = "Enable";
+var MEDIA_ENABLED_STATUS = "Enabled";
+var MIC_MUTED_STATUS = "Muted";
+var MUTE_MIC_ACTION = "Mute microphone";
+var UNMUTE_MIC_ACTION = "Unmute microphone";
+var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
+var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
+var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-brand-on-white skippr:underline-offset-2 skippr:hover:underline`;
+var MEDIA_STATUS_SHAPE = "skippr:shrink-0 skippr:text-[14px]";
+var MEDIA_STATUS_MUTED = `${MEDIA_STATUS_SHAPE} skippr:text-[#6b6875]`;
+var MEDIA_STATUS_BRAND = `${MEDIA_STATUS_SHAPE} skippr:font-medium skippr:text-brand-on-white`;
 function MediaRow({ icon, label, subtext, trailing }) {
-  return /* @__PURE__ */ jsxs41("li", {
+  return /* @__PURE__ */ jsxs42("li", {
     className: "skippr:flex skippr:items-center skippr:gap-3",
     children: [
-      /* @__PURE__ */ jsx50("span", {
+      /* @__PURE__ */ jsx51("span", {
         className: ICON_TILE,
         children: icon
       }),
-      /* @__PURE__ */ jsxs41("span", {
+      /* @__PURE__ */ jsxs42("span", {
         className: `skippr:flex-1 ${ROW_TEXT}`,
         children: [
-          /* @__PURE__ */ jsx50("span", {
+          /* @__PURE__ */ jsx51("span", {
             className: ROW_TITLE,
             children: label
           }),
-          /* @__PURE__ */ jsx50("span", {
+          /* @__PURE__ */ jsx51("span", {
             className: ROW_SUBTEXT,
             children: subtext
           })
@@ -12989,35 +12940,31 @@ function MediaRow({ icon, label, subtext, trailing }) {
     ]
   });
 }
-var MEDIA_TRAILING_BOX = "skippr:shrink-0 skippr:rounded-full skippr:border skippr:px-[18px] skippr:py-[7px] skippr:text-[14px]";
-var MEDIA_PILL = `${MEDIA_TRAILING_BOX} skippr:cursor-pointer skippr:border-[rgba(45,45,63,0.12)] skippr:font-medium skippr:transition-colors`;
-var MEDIA_LINK = `${FOCUS_RING3} skippr:shrink-0 skippr:cursor-pointer skippr:rounded-[4px] skippr:text-[14px] skippr:font-medium skippr:text-[var(--skippr-brand-on-white,#2d2b3d)] skippr:underline-offset-2 skippr:hover:underline`;
-var MEDIA_STATUS = "skippr:shrink-0 skippr:text-[14px] skippr:text-[#6b6875]";
 function EnableButton({ onEnable }) {
-  return /* @__PURE__ */ jsx50("button", {
+  return /* @__PURE__ */ jsx51("button", {
     type: "button",
     onClick: onEnable,
     className: MEDIA_LINK,
     children: ENABLE_ACTION
   });
 }
-function MediaStatus({ label }) {
-  return /* @__PURE__ */ jsx50("span", {
-    className: MEDIA_STATUS,
+function MediaStatus({ label, className }) {
+  return /* @__PURE__ */ jsx51("span", {
+    className,
     children: label
   });
 }
 function MicToggle({ muted, onToggle }) {
-  return /* @__PURE__ */ jsx50("button", {
+  return /* @__PURE__ */ jsx51("button", {
     type: "button",
     onClick: onToggle,
     "aria-pressed": muted,
     "aria-label": muted ? UNMUTE_MIC_ACTION : MUTE_MIC_ACTION,
     className: `${MEDIA_PILL} ${FOCUS_RING3} skippr:flex skippr:items-center skippr:justify-center ${muted ? "skippr:bg-[#f2f0eb] skippr:text-[#6b6875]" : "skippr:text-[#2D2D3F] skippr:hover:bg-[#f2f0eb]"}`,
-    children: muted ? /* @__PURE__ */ jsx50(MicOff, {
+    children: muted ? /* @__PURE__ */ jsx51(MicOff, {
       className: ROW_ICON,
       strokeWidth: ROW_ICON_STROKE
-    }) : /* @__PURE__ */ jsx50(Mic, {
+    }) : /* @__PURE__ */ jsx51(Mic, {
       className: ROW_ICON,
       strokeWidth: ROW_ICON_STROKE
     })
@@ -13025,18 +12972,305 @@ function MicToggle({ muted, onToggle }) {
 }
 function ScreenTrailing({ enabled, onEnable }) {
   if (enabled === null)
-    return /* @__PURE__ */ jsx50(MediaStatus, {
-      label: SCREEN_NOTICE
+    return /* @__PURE__ */ jsx51(MediaStatus, {
+      label: SCREEN_NOTICE,
+      className: MEDIA_STATUS_BRAND
     });
   if (enabled)
-    return /* @__PURE__ */ jsx50(MediaStatus, {
-      label: MEDIA_ENABLED_STATUS
+    return /* @__PURE__ */ jsx51(MediaStatus, {
+      label: MEDIA_ENABLED_STATUS,
+      className: MEDIA_STATUS_BRAND
     });
-  return /* @__PURE__ */ jsx50(EnableButton, {
+  return /* @__PURE__ */ jsx51(EnableButton, {
     onEnable
   });
 }
-function SplashDefault({
+function SplashMediaSection({
+  copy,
+  micEnabled,
+  startMuted,
+  screenEnabled,
+  enableMic,
+  toggleStartMuted,
+  enableScreen
+}) {
+  return /* @__PURE__ */ jsxs42("section", {
+    className: SECTION_BLOCK,
+    children: [
+      /* @__PURE__ */ jsx51("h3", {
+        className: SECTION_HEADING,
+        children: copy.mediaHeading
+      }),
+      /* @__PURE__ */ jsxs42("ul", {
+        className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
+        children: [
+          /* @__PURE__ */ jsx51(MediaRow, {
+            icon: /* @__PURE__ */ jsx51(Mic, {
+              className: ROW_ICON,
+              strokeWidth: ROW_ICON_STROKE
+            }),
+            label: copy.micLabel,
+            subtext: copy.micSubtext,
+            trailing: micEnabled ? /* @__PURE__ */ jsxs42("span", {
+              className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
+              children: [
+                /* @__PURE__ */ jsx51(MicToggle, {
+                  muted: startMuted,
+                  onToggle: toggleStartMuted
+                }),
+                /* @__PURE__ */ jsx51(MediaStatus, {
+                  label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS,
+                  className: startMuted ? MEDIA_STATUS_MUTED : MEDIA_STATUS_BRAND
+                })
+              ]
+            }) : /* @__PURE__ */ jsx51(EnableButton, {
+              onEnable: enableMic
+            })
+          }),
+          /* @__PURE__ */ jsx51(MediaRow, {
+            icon: /* @__PURE__ */ jsx51(MonitorUp, {
+              className: ROW_ICON,
+              strokeWidth: ROW_ICON_STROKE
+            }),
+            label: copy.screenLabel,
+            subtext: copy.screenSubtext,
+            trailing: /* @__PURE__ */ jsx51(ScreenTrailing, {
+              enabled: screenEnabled,
+              onEnable: enableScreen
+            })
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/SplashAlwaysOn.tsx
+import { jsx as jsx52, jsxs as jsxs43 } from "react/jsx-runtime";
+var ATTRIBUTION_PREFIX2 = "AI Agent Powered by";
+var ATTRIBUTION_BRAND2 = "Skippr";
+var ATTRIBUTION_URL2 = "https://www.skippr.ai/";
+var CLOSE_LABEL = "Close";
+var CONSENT_LEAD_IN = "By starting a session";
+function TipRow({
+  title,
+  subtext,
+  onStart
+}) {
+  return /* @__PURE__ */ jsx52("li", {
+    children: /* @__PURE__ */ jsxs43("button", {
+      type: "button",
+      onClick: onStart,
+      className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-start skippr:gap-3 skippr:rounded-[11px] skippr:text-left skippr:transition-colors skippr:hover:bg-[rgba(45,45,63,0.04)]`,
+      children: [
+        /* @__PURE__ */ jsx52("span", {
+          className: ICON_TILE_BRAND,
+          children: /* @__PURE__ */ jsx52(Lightbulb, {
+            className: ROW_ICON,
+            strokeWidth: ROW_ICON_STROKE
+          })
+        }),
+        /* @__PURE__ */ jsxs43("span", {
+          className: ROW_TEXT,
+          children: [
+            /* @__PURE__ */ jsx52("span", {
+              className: ROW_TITLE,
+              children: title
+            }),
+            /* @__PURE__ */ jsx52("span", {
+              className: ROW_SUBTEXT,
+              children: subtext
+            })
+          ]
+        })
+      ]
+    })
+  });
+}
+function SplashAlwaysOn({
+  agentName,
+  presentation,
+  headerIconUrl,
+  attributionVisible,
+  tips,
+  micEnabled,
+  startMuted,
+  screenEnabled,
+  enableMic,
+  toggleStartMuted,
+  enableScreen,
+  startTip,
+  start,
+  dismiss
+}) {
+  const { copy, card } = presentation;
+  return /* @__PURE__ */ jsxs43("section", {
+    "aria-label": agentName,
+    style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
+    className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
+    children: [
+      /* @__PURE__ */ jsxs43("div", {
+        className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
+        children: [
+          /* @__PURE__ */ jsxs43("div", {
+            className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
+            children: [
+              /* @__PURE__ */ jsxs43("span", {
+                className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
+                children: [
+                  headerIconUrl ? /* @__PURE__ */ jsx52("img", {
+                    src: headerIconUrl,
+                    alt: "",
+                    className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
+                  }) : /* @__PURE__ */ jsx52(Sparkles, {
+                    className: `skippr:shrink-0 ${ROW_ICON}`,
+                    strokeWidth: ROW_ICON_STROKE,
+                    "aria-hidden": true
+                  }),
+                  /* @__PURE__ */ jsx52("span", {
+                    className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
+                    children: agentName
+                  })
+                ]
+              }),
+              attributionVisible && /* @__PURE__ */ jsxs43("a", {
+                href: ATTRIBUTION_URL2,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
+                children: [
+                  /* @__PURE__ */ jsx52(LogoMark, {
+                    decorative: true,
+                    className: "skippr:size-[13px]"
+                  }),
+                  ATTRIBUTION_PREFIX2,
+                  " ",
+                  /* @__PURE__ */ jsx52("span", {
+                    className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
+                    children: ATTRIBUTION_BRAND2
+                  })
+                ]
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx52("button", {
+            type: "button",
+            onClick: dismiss,
+            "aria-label": CLOSE_LABEL,
+            className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
+            children: /* @__PURE__ */ jsx52(X, {
+              className: "skippr:size-4",
+              strokeWidth: 2
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs43("div", {
+        className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
+        children: [
+          /* @__PURE__ */ jsxs43("section", {
+            className: SECTION_BLOCK,
+            children: [
+              /* @__PURE__ */ jsx52("h3", {
+                className: SECTION_HEADING,
+                children: copy.tipsHeading
+              }),
+              /* @__PURE__ */ jsx52("ul", {
+                className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
+                children: tips.length > 0 ? tips.map((tip) => /* @__PURE__ */ jsx52(TipRow, {
+                  title: tip.displayMessage,
+                  subtext: tip.objective,
+                  onStart: () => startTip(tip)
+                }, tip.goalId)) : /* @__PURE__ */ jsx52(TipRow, {
+                  title: copy.tipsEmptyTitle,
+                  subtext: copy.tipsEmptyDescription,
+                  onStart: start
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx52(SplashMediaSection, {
+            copy,
+            micEnabled,
+            startMuted,
+            screenEnabled,
+            enableMic,
+            toggleStartMuted,
+            enableScreen
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsxs43("div", {
+        className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
+        children: [
+          /* @__PURE__ */ jsxs43("button", {
+            type: "button",
+            onClick: start,
+            className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
+            children: [
+              /* @__PURE__ */ jsx52(Sparkles, {
+                className: "skippr:size-4",
+                strokeWidth: ROW_ICON_STROKE,
+                "aria-hidden": true
+              }),
+              copy.tipsCta
+            ]
+          }),
+          /* @__PURE__ */ jsx52(ConsentNotice, {
+            leadIn: CONSENT_LEAD_IN,
+            className: "skippr:mt-3"
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/components/SplashPrimary.tsx
+import { jsx as jsx53, jsxs as jsxs44, Fragment as Fragment8 } from "react/jsx-runtime";
+var ATTRIBUTION_PREFIX3 = "AI Agent Powered by";
+var ATTRIBUTION_BRAND3 = "Skippr";
+var ATTRIBUTION_URL3 = "https://www.skippr.ai/";
+var CLOSE_LABEL2 = "Close";
+var CONSENT_LEAD_IN2 = "By starting a session";
+var GLYPH_COMPONENT = {
+  [SPLASH_SECTION_GLYPH.Route]: Route,
+  [SPLASH_SECTION_GLYPH.Messages]: MessagesSquare,
+  [SPLASH_SECTION_GLYPH.Pointer]: MousePointerClick
+};
+function SectionRow({ iconUrl, glyph, title, description }) {
+  const Glyph = glyph ? GLYPH_COMPONENT[glyph] : Sparkles;
+  return /* @__PURE__ */ jsxs44("li", {
+    className: "skippr:flex skippr:items-start skippr:gap-3",
+    children: [
+      /* @__PURE__ */ jsx53("span", {
+        className: ICON_TILE,
+        children: iconUrl ? /* @__PURE__ */ jsx53("img", {
+          src: iconUrl,
+          alt: "",
+          className: `skippr:object-contain ${ROW_ICON}`
+        }) : /* @__PURE__ */ jsx53(Glyph, {
+          className: ROW_ICON,
+          strokeWidth: ROW_ICON_STROKE
+        })
+      }),
+      /* @__PURE__ */ jsxs44("span", {
+        className: ROW_TEXT,
+        children: [
+          /* @__PURE__ */ jsx53("span", {
+            className: ROW_TITLE,
+            children: title
+          }),
+          /* @__PURE__ */ jsx53("span", {
+            className: ROW_SUBTEXT,
+            children: description
+          })
+        ]
+      })
+    ]
+  });
+}
+function SplashPrimary({
   agentName,
   presentation,
   headerIconUrl,
@@ -13056,111 +13290,111 @@ function SplashDefault({
   dismiss
 }) {
   const { copy, card } = presentation;
-  return /* @__PURE__ */ jsxs41("section", {
+  return /* @__PURE__ */ jsxs44("section", {
     "aria-label": agentName,
     style: { maxWidth: card.width, maxHeight: `${card.maxHeight}vh` },
     className: "skippr:flex skippr:w-full skippr:flex-col skippr:overflow-hidden skippr:rounded-[16px] skippr:bg-white skippr:shadow-[0_0_0_1px_rgba(45,45,63,0.10),0_1px_2px_rgba(45,45,63,0.04)]",
     children: [
-      /* @__PURE__ */ jsxs41("div", {
+      /* @__PURE__ */ jsxs44("div", {
         className: "skippr:flex skippr:shrink-0 skippr:items-start skippr:justify-between skippr:gap-3 skippr:border-b skippr:border-[rgba(45,45,63,0.06)] skippr:bg-[rgba(45,45,63,0.03)] skippr:px-[22px] skippr:pt-5 skippr:pb-4",
         children: [
-          /* @__PURE__ */ jsxs41("div", {
+          /* @__PURE__ */ jsxs44("div", {
             className: "skippr:flex skippr:min-w-0 skippr:flex-col skippr:gap-1",
             children: [
-              /* @__PURE__ */ jsxs41("span", {
+              /* @__PURE__ */ jsxs44("span", {
                 className: "skippr:flex skippr:min-w-0 skippr:items-center skippr:gap-1.5 skippr:text-[#2D2D3F]",
                 children: [
-                  headerIconUrl ? /* @__PURE__ */ jsx50("img", {
+                  headerIconUrl ? /* @__PURE__ */ jsx53("img", {
                     src: headerIconUrl,
                     alt: "",
                     className: `skippr:shrink-0 skippr:object-contain ${ROW_ICON}`
-                  }) : /* @__PURE__ */ jsx50(Sparkles, {
+                  }) : /* @__PURE__ */ jsx53(Sparkles, {
                     className: `skippr:shrink-0 ${ROW_ICON}`,
                     strokeWidth: ROW_ICON_STROKE,
                     "aria-hidden": true
                   }),
-                  /* @__PURE__ */ jsx50("span", {
+                  /* @__PURE__ */ jsx53("span", {
                     className: "skippr:truncate skippr:text-[18px] skippr:font-semibold skippr:tracking-[-0.0125em]",
                     children: agentName
                   })
                 ]
               }),
-              attributionVisible && /* @__PURE__ */ jsxs41("a", {
-                href: ATTRIBUTION_URL2,
+              attributionVisible && /* @__PURE__ */ jsxs44("a", {
+                href: ATTRIBUTION_URL3,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 className: `${FOCUS_RING3} skippr:flex skippr:w-fit skippr:cursor-pointer skippr:items-center skippr:gap-1.5 skippr:rounded-[4px] skippr:text-[14px] skippr:text-[#6b6875] skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
                 children: [
-                  /* @__PURE__ */ jsx50(Logo, {
+                  /* @__PURE__ */ jsx53(LogoMark, {
                     decorative: true,
                     className: "skippr:size-[13px]"
                   }),
-                  ATTRIBUTION_PREFIX2,
+                  ATTRIBUTION_PREFIX3,
                   " ",
-                  /* @__PURE__ */ jsx50("span", {
+                  /* @__PURE__ */ jsx53("span", {
                     className: "skippr:font-medium skippr:text-[#2D2D3F] skippr:underline skippr:underline-offset-2",
-                    children: ATTRIBUTION_BRAND2
+                    children: ATTRIBUTION_BRAND3
                   })
                 ]
               })
             ]
           }),
-          /* @__PURE__ */ jsx50("button", {
+          /* @__PURE__ */ jsx53("button", {
             type: "button",
             onClick: dismiss,
-            "aria-label": CLOSE_LABEL,
+            "aria-label": CLOSE_LABEL2,
             className: `${FOCUS_RING3} skippr:ml-auto skippr:flex skippr:size-6 skippr:shrink-0 skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:rounded-full skippr:text-[#6b6875] skippr:transition-colors skippr:hover:bg-[#f2f0eb] skippr:hover:text-[#2D2D3F]`,
-            children: /* @__PURE__ */ jsx50(X, {
+            children: /* @__PURE__ */ jsx53(X, {
               className: "skippr:size-4",
               strokeWidth: 2
             })
           })
         ]
       }),
-      /* @__PURE__ */ jsxs41("div", {
+      /* @__PURE__ */ jsxs44("div", {
         className: "skippr:flex skippr:min-h-0 skippr:flex-1 skippr:flex-col skippr:gap-[14px] skippr:overflow-y-auto skippr:px-[22px] skippr:pt-[18px]",
         children: [
-          intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs41("section", {
+          intent === SPLASH_INTENT.Start ? sections.length > 0 && /* @__PURE__ */ jsxs44("section", {
             className: SECTION_BLOCK,
             children: [
-              /* @__PURE__ */ jsx50("h3", {
+              /* @__PURE__ */ jsx53("h3", {
                 className: SECTION_HEADING,
                 children: copy.howItWorksHeading
               }),
-              /* @__PURE__ */ jsx50("ul", {
+              /* @__PURE__ */ jsx53("ul", {
                 className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
-                children: sections.map((section) => /* @__PURE__ */ jsx50(SectionRow, {
+                children: sections.map((section) => /* @__PURE__ */ jsx53(SectionRow, {
                   ...section
                 }, section.id))
               })
             ]
-          }) : /* @__PURE__ */ jsxs41(Fragment9, {
+          }) : /* @__PURE__ */ jsxs44(Fragment8, {
             children: [
-              lastCompletedPhase && /* @__PURE__ */ jsxs41("section", {
+              lastCompletedPhase && /* @__PURE__ */ jsxs44("section", {
                 className: SECTION_BLOCK,
                 children: [
-                  /* @__PURE__ */ jsx50("h3", {
+                  /* @__PURE__ */ jsx53("h3", {
                     className: SECTION_HEADING,
                     children: copy.lastAccomplishmentHeading
                   }),
-                  /* @__PURE__ */ jsxs41("div", {
+                  /* @__PURE__ */ jsxs44("div", {
                     className: "skippr:flex skippr:items-start skippr:gap-3",
                     children: [
-                      /* @__PURE__ */ jsx50("span", {
-                        className: "skippr:flex skippr:size-[38px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-[11px] skippr:bg-brand/10 skippr:text-brand",
-                        children: /* @__PURE__ */ jsx50(Check, {
+                      /* @__PURE__ */ jsx53("span", {
+                        className: ICON_TILE_BRAND,
+                        children: /* @__PURE__ */ jsx53(Check, {
                           className: ROW_ICON,
                           strokeWidth: 2.2
                         })
                       }),
-                      /* @__PURE__ */ jsxs41("span", {
+                      /* @__PURE__ */ jsxs44("span", {
                         className: ROW_TEXT,
                         children: [
-                          /* @__PURE__ */ jsx50("span", {
+                          /* @__PURE__ */ jsx53("span", {
                             className: ROW_TITLE,
                             children: lastCompletedPhase.name
                           }),
-                          /* @__PURE__ */ jsx50("span", {
+                          /* @__PURE__ */ jsx53("span", {
                             className: ROW_SUBTEXT,
                             children: lastCompletedPhase.description
                           })
@@ -13170,30 +13404,30 @@ function SplashDefault({
                   })
                 ]
               }),
-              upcomingPhases.length > 0 && /* @__PURE__ */ jsxs41("section", {
+              upcomingPhases.length > 0 && /* @__PURE__ */ jsxs44("section", {
                 className: SECTION_BLOCK,
                 children: [
-                  /* @__PURE__ */ jsx50("h3", {
+                  /* @__PURE__ */ jsx53("h3", {
                     className: SECTION_HEADING,
                     children: copy.upNextHeading
                   }),
-                  /* @__PURE__ */ jsx50("ol", {
+                  /* @__PURE__ */ jsx53("ol", {
                     className: "skippr:flex skippr:flex-col skippr:gap-3",
-                    children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs41("li", {
+                    children: upcomingPhases.map((phase, index2) => /* @__PURE__ */ jsxs44("li", {
                       className: "skippr:flex skippr:items-start skippr:gap-3",
                       children: [
-                        /* @__PURE__ */ jsx50("span", {
+                        /* @__PURE__ */ jsx53("span", {
                           className: "skippr:flex skippr:size-[26px] skippr:shrink-0 skippr:items-center skippr:justify-center skippr:rounded-full skippr:bg-[#f2f0eb] skippr:text-[12px] skippr:font-semibold skippr:text-[#6b6875]",
                           children: index2 + 1
                         }),
-                        /* @__PURE__ */ jsxs41("span", {
+                        /* @__PURE__ */ jsxs44("span", {
                           className: ROW_TEXT,
                           children: [
-                            /* @__PURE__ */ jsx50("span", {
+                            /* @__PURE__ */ jsx53("span", {
                               className: `skippr:truncate ${ROW_TITLE}`,
                               children: phase.name
                             }),
-                            /* @__PURE__ */ jsx50("span", {
+                            /* @__PURE__ */ jsx53("span", {
                               className: ROW_SUBTEXT,
                               children: phase.description
                             })
@@ -13206,65 +13440,26 @@ function SplashDefault({
               })
             ]
           }),
-          /* @__PURE__ */ jsxs41("section", {
-            className: SECTION_BLOCK,
-            children: [
-              /* @__PURE__ */ jsx50("h3", {
-                className: SECTION_HEADING,
-                children: copy.mediaHeading
-              }),
-              /* @__PURE__ */ jsxs41("ul", {
-                className: "skippr:flex skippr:flex-col skippr:gap-[14px]",
-                children: [
-                  /* @__PURE__ */ jsx50(MediaRow, {
-                    icon: /* @__PURE__ */ jsx50(Mic, {
-                      className: ROW_ICON,
-                      strokeWidth: ROW_ICON_STROKE
-                    }),
-                    label: copy.micLabel,
-                    subtext: copy.micSubtext,
-                    trailing: micEnabled ? /* @__PURE__ */ jsxs41("span", {
-                      className: "skippr:flex skippr:shrink-0 skippr:items-center skippr:gap-2",
-                      children: [
-                        /* @__PURE__ */ jsx50(MediaStatus, {
-                          label: startMuted ? MIC_MUTED_STATUS : MEDIA_ENABLED_STATUS
-                        }),
-                        /* @__PURE__ */ jsx50(MicToggle, {
-                          muted: startMuted,
-                          onToggle: toggleStartMuted
-                        })
-                      ]
-                    }) : /* @__PURE__ */ jsx50(EnableButton, {
-                      onEnable: enableMic
-                    })
-                  }),
-                  /* @__PURE__ */ jsx50(MediaRow, {
-                    icon: /* @__PURE__ */ jsx50(MonitorUp, {
-                      className: ROW_ICON,
-                      strokeWidth: ROW_ICON_STROKE
-                    }),
-                    label: copy.screenLabel,
-                    subtext: copy.screenSubtext,
-                    trailing: /* @__PURE__ */ jsx50(ScreenTrailing, {
-                      enabled: screenEnabled,
-                      onEnable: enableScreen
-                    })
-                  })
-                ]
-              })
-            ]
+          /* @__PURE__ */ jsx53(SplashMediaSection, {
+            copy,
+            micEnabled,
+            startMuted,
+            screenEnabled,
+            enableMic,
+            toggleStartMuted,
+            enableScreen
           })
         ]
       }),
-      /* @__PURE__ */ jsxs41("div", {
+      /* @__PURE__ */ jsxs44("div", {
         className: "skippr:shrink-0 skippr:px-[22px] skippr:pt-[22px] skippr:pb-[22px]",
         children: [
-          /* @__PURE__ */ jsxs41("button", {
+          /* @__PURE__ */ jsxs44("button", {
             type: "button",
             onClick: start,
             className: `${FOCUS_RING3} skippr:flex skippr:w-full skippr:cursor-pointer skippr:items-center skippr:justify-center skippr:gap-2 skippr:rounded-full skippr:bg-primary skippr:px-5 skippr:py-[13px] skippr:text-[16px] skippr:font-semibold skippr:text-primary-foreground skippr:transition-all skippr:hover:bg-primary/90`,
             children: [
-              /* @__PURE__ */ jsx50(Sparkles, {
+              /* @__PURE__ */ jsx53(Sparkles, {
                 className: "skippr:size-4",
                 strokeWidth: ROW_ICON_STROKE,
                 "aria-hidden": true
@@ -13272,14 +13467,14 @@ function SplashDefault({
               intent === SPLASH_INTENT.Start ? copy.startCta : copy.continueCta
             ]
           }),
-          skipButtonVisible && /* @__PURE__ */ jsx50("button", {
+          skipButtonVisible && /* @__PURE__ */ jsx53("button", {
             type: "button",
             onClick: dismiss,
             className: `${ROW_SUBTEXT} ${FOCUS_RING3} skippr:mt-2 skippr:block skippr:w-full skippr:cursor-pointer skippr:py-1 skippr:text-center skippr:transition-colors skippr:hover:text-[#2D2D3F]`,
             children: copy.dismissLabel
           }),
-          /* @__PURE__ */ jsx50(ConsentNotice, {
-            leadIn: CONSENT_LEAD_IN,
+          /* @__PURE__ */ jsx53(ConsentNotice, {
+            leadIn: CONSENT_LEAD_IN2,
             className: "skippr:mt-3"
           })
         ]
@@ -13289,7 +13484,7 @@ function SplashDefault({
 }
 
 // src/components/SplashOverlay.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var SPLASH_OVERLAY_BACKDROP = "rgba(45, 45, 63, 0.45)";
 var SPLASH_OVERLAY_Z_INDEX = 9999;
 var BACKDROP_STYLE = {
@@ -13310,7 +13505,7 @@ function SplashOverlay({ width, maxHeight }) {
   }
   if (!ctx.isSplashConfigured)
     return null;
-  return /* @__PURE__ */ jsx51(SplashOverlayCard, {
+  return /* @__PURE__ */ jsx54(SplashOverlayCard, {
     accentColor: ctx.appearance?.accentColor ?? null,
     width,
     maxHeight
@@ -13328,15 +13523,19 @@ function SplashOverlayCard({
     width: width === undefined ? state.presentation.card.width : clampSplashWidth(width),
     maxHeight: maxHeight === undefined ? state.presentation.card.maxHeight : clampSplashMaxHeight(maxHeight)
   };
-  return /* @__PURE__ */ jsx51("div", {
+  const presentation = { ...state.presentation, card };
+  return /* @__PURE__ */ jsx54("div", {
     style: BACKDROP_STYLE,
-    children: /* @__PURE__ */ jsx51("div", {
+    children: /* @__PURE__ */ jsx54("div", {
       style: { ...CARD_STYLE, maxWidth: card.width },
-      children: /* @__PURE__ */ jsx51(ShadowHost, {
+      children: /* @__PURE__ */ jsx54(ShadowHost, {
         accentColor,
-        children: /* @__PURE__ */ jsx51(SplashDefault, {
+        children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx54(SplashAlwaysOn, {
           ...state,
-          presentation: { ...state.presentation, card }
+          presentation
+        }) : /* @__PURE__ */ jsx54(SplashPrimary, {
+          ...state,
+          presentation
         })
       })
     })
@@ -13344,7 +13543,7 @@ function SplashOverlayCard({
 }
 // src/components/SplashScreen.tsx
 import { useContext as useContext27 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function SplashScreen({ className, onDismiss }) {
   const ctx = useContext27(LiveAgentContext);
   if (!ctx) {
@@ -13353,18 +13552,20 @@ function SplashScreen({ className, onDismiss }) {
   const state = useSplash(onDismiss);
   if (!state)
     return null;
-  return /* @__PURE__ */ jsx52(ShadowHost, {
+  return /* @__PURE__ */ jsx55(ShadowHost, {
     className,
     accentColor: ctx.appearance?.accentColor ?? null,
-    children: /* @__PURE__ */ jsx52(SplashDefault, {
+    children: state.layout === SPLASH_LAYOUT.AlwaysOn ? /* @__PURE__ */ jsx55(SplashAlwaysOn, {
+      ...state
+    }) : /* @__PURE__ */ jsx55(SplashPrimary, {
       ...state
     })
   });
 }
 // src/hooks/useIsLocalSpeaking.ts
-import { useIsSpeaking as useIsSpeaking2, useLocalParticipant as useLocalParticipant14 } from "@livekit/components-react/hooks";
+import { useIsSpeaking as useIsSpeaking2, useLocalParticipant as useLocalParticipant13 } from "@livekit/components-react/hooks";
 function useIsLocalSpeaking() {
-  const { localParticipant } = useLocalParticipant14();
+  const { localParticipant } = useLocalParticipant13();
   return useIsSpeaking2(localParticipant);
 }
 // src/hooks/useIsSessionHeld.ts