@superxd-studio/adptr 0.5.0

package/source/styles/theme.css

@@ -0,0 +1,228 @@
+/*
+ * The library's look, in one file.
+ *
+ * Every component reads its colours, corners, type, shadows and motion from
+ * these tokens and nothing else. Change a value here and every component
+ * follows. Warm ivory and charcoal anchor the look; muted status colours
+ * keep it calm without weakening text, input or focus contrast.
+ *
+ * Rules
+ * - Components never use raw colours. The default Tailwind palette is
+ *   switched off below, so a raw colour class won't even build.
+ * - Light values live in @theme. Dark values override the same names in .dark.
+ * - Pairs that carry text are checked for contrast by
+ *   src/styles/theme.test.ts (WCAG AA: 4.5:1 for text, 3:1 for input borders).
+ *   Run `npm test` after changing a colour.
+ */
+
+@theme static {
+  --color-*: initial;
+
+  /* Surfaces, lightest to strongest */
+  --color-surface: hsl(40 30% 98%); /* page, cards, the booker */
+  --color-surface-muted: hsl(35 22% 95%); /* quiet panels */
+  --color-surface-subtle: hsl(35 16% 91%); /* hover fills, selected pills */
+  --color-surface-emphasis: hsl(32 12% 87%); /* bookable days, strong fills */
+  --color-surface-inverted: hsl(30 7% 18%); /* selected day, tooltips */
+
+  /* Text */
+  --color-fg-emphasis: hsl(30 7% 18%); /* titles, key values */
+  --color-fg: hsl(30 6% 28%); /* body text */
+  --color-fg-subtle: hsl(30 5% 40%); /* secondary text */
+  --color-fg-muted: hsl(30 6% 63%); /* disabled only, never for reading */
+  --color-fg-inverted: hsl(40 30% 98%); /* text on surface-inverted */
+  --color-system-blue: hsl(240.27 100% 56.67%); /* SuperXD #2322ff, canvas state labels */
+  /* SuperXD's ultramarine appears in three places only: focus, selection and done */
+  --color-done: hsl(240.27 100% 56.67%);
+  --color-on-done: hsl(40 30% 98%);
+
+  /* Lines */
+  --color-line-subtle: hsl(32 12% 87%); /* dividers, container edges */
+  --color-line: hsl(32 10% 80%); /* button outlines */
+  --color-line-emphasis: hsl(30 8% 54%); /* hover outlines, including inputs */
+  --color-line-input: hsl(30 6% 52%); /* text box borders (3:1 minimum) */
+
+  /* Brand: the main action */
+  --color-brand: hsl(30 8% 22%);
+  --color-brand-emphasis: hsl(30 6% 28%); /* brand on hover */
+  --color-on-brand: hsl(40 30% 98%);
+
+  /* Status. Each has a strong colour (text, icons), a subtle fill and a line */
+  --color-success: hsl(145 24% 29%);
+  --color-success-subtle: hsl(135 18% 93%);
+  --color-success-line: hsl(140 17% 78%);
+  --color-attention: hsl(32 42% 31%);
+  --color-attention-subtle: hsl(38 40% 93%);
+  --color-attention-line: hsl(35 30% 77%);
+  --color-error: hsl(10 38% 35%);
+  --color-error-subtle: hsl(12 30% 94%);
+  --color-error-line: hsl(12 26% 81%);
+  --color-info: hsl(210 22% 35%);
+  --color-info-subtle: hsl(210 20% 94%);
+  --color-info-line: hsl(210 18% 80%);
+  --color-destructive: hsl(10 42% 38%); /* destructive buttons */
+  --color-on-destructive: hsl(40 30% 98%);
+
+  /* Focus and overlays. Focus is SuperXD's ultramarine. */
+  --color-focus: hsl(240.27 100% 56.67%);
+  --color-overlay: hsl(30 8% 12% / 0.45);
+
+  /* Shape */
+  --radius-control: 0.625rem; /* buttons, inputs, times, toggle tracks */
+  --radius-cell: 0.375rem; /* calendar days, small items inside controls */
+  --radius-surface: 0.75rem; /* the booker, cards, popovers */
+  --radius-pill: 9999px;
+
+  /* Type */
+  /* SuperXD's two voices: Instrument Sans for people and content, IBM Plex Mono for the
+     system (status, progress, narration). */
+  --font-sans: "Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
+  --font-heading:
+    "Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  --heading-weight: 600;
+  --heading-tracking: -0.015em;
+
+  /* Shared control spacing: small 36, standard 44, large 48. */
+  --spacing-control-sm: 2.25rem;
+  --spacing-control-md: 2.75rem;
+  --spacing-control-lg: 3rem;
+  --spacing-control-sm-x: 1rem;
+  --spacing-control-md-x: 1.25rem;
+  --spacing-control-lg-x: 1.5rem;
+  --spacing-control-y: 0.75rem;
+  --spacing-avatar-sm: 1.75rem;
+  --spacing-avatar-md: 2.25rem;
+  --spacing-avatar-lg: 2.75rem;
+  /* Calendar geometry: each half-hour has room for a compact card. */
+  --spacing-calendar-slot: 3.5rem;
+  --spacing-calendar-ruler: 4.5rem;
+  --spacing-calendar-viewport: 36rem;
+  --spacing-conversation: 40rem;
+  --spacing-conversation-example: 36rem;
+  --container-conversation: 42rem;
+  --text-avatar-sm: 0.625rem;
+
+  /* Icons */
+  --icon-stroke: 2;
+
+  /* Elevation */
+  --shadow-control: 0 1px 2px 0 hsl(30 8% 12% / 0.05);
+  --shadow-popover: 0 8px 24px -6px hsl(30 8% 12% / 0.12), 0 2px 6px -2px hsl(30 8% 12% / 0.08);
+  --shadow-dialog: 0 24px 48px -12px hsl(30 8% 12% / 0.22), 0 4px 12px -4px hsl(30 8% 12% / 0.1);
+
+  /* Motion. Reduced-motion users get none of it (see library.css).
+     SuperXD's named motion, chosen in the DNA lab (docs/design-dna.md):
+     snap for the moment of a press, settle (a gentle spring, about 3% overshoot) for
+     release and landing, reveal for content entering, ink for a draft becoming real. */
+  --ease-snap: cubic-bezier(0.3, 0, 0.15, 1);
+  --ease-settle: linear(
+    0,
+    0.06 4.2%,
+    0.198 8.3%,
+    0.364 12.5%,
+    0.528 16.7%,
+    0.672 20.8%,
+    0.789 25%,
+    0.879 29.2%,
+    0.942 33.3%,
+    0.984 37.5%,
+    1.01 41.7%,
+    1.023 45.8%,
+    1.028 50%,
+    1.028 54.2%,
+    1.024 58.3%,
+    1.02 62.5%,
+    1.015 66.7%,
+    1.011 70.8%,
+    1.007 75%,
+    1.004 79.2%,
+    1.002 83.3%,
+    1.001 87.5%,
+    1
+  );
+  --ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-ink: cubic-bezier(0.65, 0, 0.35, 1);
+  --duration-snap: 90ms;
+  --duration-settle: 560ms;
+  --duration-reveal: 850ms;
+  --duration-ink: 900ms;
+  --press-depth: 0.97;
+  --duration-pop: 240ms; /* popovers, menus and tooltips: the reveal curve, kept quick */
+  --duration-leave: 140ms; /* anything closing leaves on snap */
+  --stagger-step: 40ms; /* lists ink in one row after another */
+  --distance-step: 1.5rem; /* how far a flow's next step travels as it inks in */
+  --duration-thinking: 1400ms;
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
+  --duration-fast: 120ms;
+  --duration-base: 200ms;
+  --duration-slow: 320ms;
+  --duration-loader: 1200ms;
+  --loader-step: 160ms;
+  --loader-lift: -2px;
+}
+
+.dark {
+  color-scheme: dark;
+
+  --color-surface: hsl(30 8% 11%);
+  --color-surface-muted: hsl(30 7% 8%);
+  --color-surface-subtle: hsl(30 7% 16%);
+  --color-surface-emphasis: hsl(30 6% 24%);
+  --color-surface-inverted: hsl(35 18% 94%);
+
+  --color-fg-emphasis: hsl(35 18% 94%);
+  --color-fg: hsl(35 9% 82%);
+  --color-fg-subtle: hsl(35 6% 69%);
+  --color-fg-muted: hsl(30 5% 45%);
+  --color-fg-inverted: hsl(30 8% 12%);
+
+  --color-line-subtle: hsl(30 6% 20%);
+  --color-line: hsl(30 6% 30%);
+  --color-line-emphasis: hsl(30 6% 47%);
+  --color-line-input: hsl(30 6% 48%);
+
+  --color-brand: hsl(35 18% 94%);
+  --color-brand-emphasis: hsl(35 12% 84%);
+  --color-on-brand: hsl(30 8% 12%);
+
+  --color-success: hsl(140 24% 68%);
+  --color-success-subtle: hsl(140 16% 15%);
+  --color-success-line: hsl(140 18% 30%);
+  --color-attention: hsl(35 42% 70%);
+  --color-attention-subtle: hsl(35 22% 15%);
+  --color-attention-line: hsl(35 26% 32%);
+  --color-error: hsl(12 42% 75%);
+  --color-error-subtle: hsl(12 20% 15%);
+  --color-error-line: hsl(12 24% 32%);
+  --color-info: hsl(210 24% 74%);
+  --color-system-blue: hsl(241.57 100% 77.45%); /* SuperXD #8f8cff on dark */
+  --color-done: hsl(241.57 100% 77.45%);
+  --color-on-done: hsl(30 8% 12%);
+  --color-info-subtle: hsl(210 16% 15%);
+  --color-info-line: hsl(210 20% 32%);
+  --color-destructive: hsl(10 42% 38%);
+  --color-on-destructive: hsl(40 30% 98%);
+
+  --color-focus: hsl(241.57 100% 77.45%);
+  --color-overlay: hsl(30 8% 4% / 0.6);
+
+  --shadow-control: 0 1px 2px 0 hsl(30 8% 4% / 0.4);
+  --shadow-popover: 0 8px 24px -6px hsl(30 8% 4% / 0.6), 0 0 0 1px hsl(35 18% 94% / 0.06);
+  --shadow-dialog: 0 24px 48px -12px hsl(30 8% 4% / 0.7), 0 0 0 1px hsl(35 18% 94% / 0.06);
+}
+
+/*
+ * Squircle corners, SuperXD's shape, where the browser can draw them. A squircle needs a
+ * larger radius to read as the same size, so the radii grow with it. Other browsers keep
+ * the rounded corners above.
+ */
+@supports (corner-shape: squircle) {
+  :root {
+    --corner-shape: squircle;
+    --radius-control: 1.0625rem;
+    --radius-cell: 0.625rem;
+    --radius-surface: 1.25rem;
+  }
+}

package/styles.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--breakpoint-md:48rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--ease-out:cubic-bezier(0, 0, .2, 1);--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-surface:#fbfaf8;--color-surface-muted:#f5f3ef;--color-surface-subtle:#ece9e4;--color-surface-emphasis:#e2deda;--color-surface-inverted:#312e2b;--color-fg-emphasis:#312e2b;--color-fg:#4c4743;--color-fg-subtle:#6b6661;--color-fg-muted:#a6a19b;--color-fg-inverted:#fbfaf8;--color-system-blue:#2322ff;--color-done:#2322ff;--color-on-done:#fbfaf8;--color-line-subtle:#e2deda;--color-line:#d1ccc7;--color-line-emphasis:#938a80;--color-line-input:#8c857d;--color-brand:#3d3834;--color-brand-emphasis:#4c4743;--color-on-brand:#fbfaf8;--color-success:#385c47;--color-success-subtle:#eaf0ec;--color-success-line:#bdd0c4;--color-attention:#70512e;--color-attention-subtle:#f4efe6;--color-attention-line:#d6c7b3;--color-error:#7b4337;--color-error-subtle:#f4edeb;--color-error-line:#dbc7c2;--color-info:#46596d;--color-info-subtle:#edf0f3;--color-info-line:#c3ccd5;--color-destructive:#8a4638;--color-on-destructive:#fbfaf8;--color-focus:#2322ff;--color-overlay:#211f1c73;--radius-control:.625rem;--radius-cell:.375rem;--radius-surface:.75rem;--radius-pill:9999px;--font-heading:"Instrument Sans Variable", "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--heading-weight:600;--heading-tracking:-.015em;--spacing-control-sm:2.25rem;--spacing-control-md:2.75rem;--spacing-control-lg:3rem;--spacing-control-sm-x:1rem;--spacing-control-md-x:1.25rem;--spacing-control-lg-x:1.5rem;--spacing-control-y:.75rem;--spacing-avatar-sm:1.75rem;--spacing-avatar-md:2.25rem;--spacing-avatar-lg:2.75rem;--spacing-calendar-slot:3.5rem;--spacing-calendar-ruler:4.5rem;--spacing-calendar-viewport:36rem;--spacing-conversation:40rem;--spacing-conversation-example:36rem;--container-conversation:42rem;--text-avatar-sm:.625rem;--icon-stroke:2;--shadow-control:0 1px 2px 0 #211f1c0d;--shadow-popover:0 8px 24px -6px #211f1c1f, 0 2px 6px -2px #211f1c14;--shadow-dialog:0 24px 48px -12px #211f1c38, 0 4px 12px -4px #211f1c1a;--ease-snap:cubic-bezier(.3, 0, .15, 1);--ease-settle:linear(0, .06 4.2%, .198 8.3%, .364 12.5%, .528 16.7%, .672 20.8%, .789 25%, .879 29.2%, .942 33.3%, .984 37.5%, 1.01 41.7%, 1.023 45.8%, 1.028 50%, 1.028 54.2%, 1.024 58.3%, 1.02 62.5%, 1.015 66.7%, 1.011 70.8%, 1.007 75%, 1.004 79.2%, 1.002 83.3%, 1.001 87.5%, 1);--ease-reveal:cubic-bezier(.16, 1, .3, 1);--ease-ink:cubic-bezier(.65, 0, .35, 1);--duration-snap:90ms;--duration-settle:.56s;--duration-reveal:.85s;--duration-ink:.9s;--press-depth:.97;--duration-pop:.24s;--duration-leave:.14s;--stagger-step:40ms;--distance-step:1.5rem;--duration-thinking:1.4s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--duration-loader:1.2s;--loader-step:.16s;--loader-lift:-2px;--animate-fade-in:fade-in var(--duration-base) var(--ease-standard) both;--animate-pulse-soft:pulse-soft 1.6s ease-in-out infinite;--animate-reveal-in:rise-in var(--duration-reveal) var(--ease-reveal) both;--animate-pop-in:pop-in var(--duration-pop) var(--ease-reveal) both;--animate-pop-out:pop-out var(--duration-leave) var(--ease-snap) both;--animate-fade-out:fade-out var(--duration-leave) var(--ease-snap) both;--animate-dialog-settle:dialog-settle var(--duration-settle) var(--ease-settle) both;--animate-drawer-settle:drawer-settle var(--duration-settle) var(--ease-settle) both;--animate-drawer-out:drawer-out var(--duration-leave) var(--ease-snap) both;--animate-toast-in:toast-in var(--duration-settle) var(--ease-settle) both;--animate-done-in:done-in var(--duration-settle) var(--ease-settle) both}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--color-surface);color:var(--color-fg)}:where(a,button,[tabindex]:not(input,textarea)):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:0}.top-1\/2{top:50%}.right-4{right:calc(var(--spacing) * 4)}.right-full{right:100%}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.bottom-4{bottom:calc(var(--spacing) * 4)}.left-0{left:0}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-px{margin-top:1px}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-1{width:var(--spacing);height:var(--spacing)}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-avatar-lg{width:var(--spacing-avatar-lg);height:var(--spacing-avatar-lg)}.size-avatar-md{width:var(--spacing-avatar-md);height:var(--spacing-avatar-md)}.size-avatar-sm{width:var(--spacing-avatar-sm);height:var(--spacing-avatar-sm)}.size-control-md{width:var(--spacing-control-md);height:var(--spacing-control-md)}.size-control-sm{width:var(--spacing-control-sm);height:var(--spacing-control-sm)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[calc\(var\(--spacing-calendar-slot\)\*2\)\]{height:calc(var(--spacing-calendar-slot) * 2)}.h-auto{height:auto}.h-calendar-slot{height:var(--spacing-calendar-slot)}.h-control-lg{height:var(--spacing-control-lg)}.h-control-md{height:var(--spacing-control-md)}.h-control-sm{height:var(--spacing-control-sm)}.h-conversation{height:var(--spacing-conversation)}.h-full{height:100%}.h-px{height:1px}.max-h-\(--spacing-calendar-viewport\){max-height:var(--spacing-calendar-viewport)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[calc\(100dvh-1rem\)\]{max-height:calc(100dvh - 1rem)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[min\(24rem\,60dvh\)\]{max-height:min(24rem,60dvh)}.max-h-\[min\(48rem\,calc\(100dvh-2rem\)\)\]{max-height:min(48rem,100dvh - 2rem)}.min-h-0{min-height:0}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-64{min-height:calc(var(--spacing) * 64)}.min-h-control-md{min-height:var(--spacing-control-md)}.min-h-control-sm{min-height:var(--spacing-control-sm)}.w-\(--trigger-width\){width:var(--trigger-width)}.w-1{width:var(--spacing)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2\/3{width:66.6667%}.w-3\/4{width:75%}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-24{width:calc(var(--spacing) * 24)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--trigger-width\){min-width:var(--trigger-width)}.min-w-0{min-width:0}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-control-md{min-width:var(--spacing-control-md)}.min-w-control-sm{min-width:var(--spacing-control-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-64{flex-basis:calc(var(--spacing) * 64)}.border-collapse{border-collapse:collapse}.origin-\(--trigger-anchor-point\){transform-origin:var(--trigger-anchor-point)}.origin-left{transform-origin:0}.origin-top-left{transform-origin:0 0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.press{transition:transform var(--duration-settle) var(--ease-settle), background-color var(--duration-snap) var(--ease-snap), border-color var(--duration-snap) var(--ease-snap), color var(--duration-snap) var(--ease-snap), box-shadow var(--duration-snap) var(--ease-snap), opacity var(--duration-snap) var(--ease-snap)}.press[data-pressed]:not([aria-expanded=true]){transform:scale(var(--press-depth));transition-duration:var(--duration-snap);transition-timing-function:var(--ease-snap)}.animate-done-in{animation:var(--animate-done-in)}.animate-pulse-soft{animation:var(--animate-pulse-soft)}.animate-reveal-in{animation:var(--animate-reveal-in)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-6{scroll-margin-top:calc(var(--spacing) * 6)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)\]{grid-template-columns:auto minmax(0,1fr)}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-line-subtle>:not(:last-child)){border-color:var(--color-line-subtle)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-\[2px\]{border-radius:2px}.rounded-\[calc\(var\(--radius-control\)-2px\)\]{border-radius:calc(var(--radius-control) - 2px)}.rounded-cell{border-radius:var(--radius-cell)}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:2147483647px}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--radius-pill)}.rounded-surface{border-radius:var(--radius-surface)}.rounded-t-control{border-top-left-radius:var(--radius-control);border-top-right-radius:var(--radius-control)}.rounded-t-surface{border-top-left-radius:var(--radius-surface);border-top-right-radius:var(--radius-surface)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-attention-line{border-color:var(--color-attention-line)}.border-brand{border-color:var(--color-brand)}.border-error-line{border-color:var(--color-error-line)}.border-info-line{border-color:var(--color-info-line)}.border-line{border-color:var(--color-line)}.border-line-emphasis{border-color:var(--color-line-emphasis)}.border-line-input{border-color:var(--color-line-input)}.border-line-subtle{border-color:var(--color-line-subtle)}.border-success-line{border-color:var(--color-success-line)}.border-transparent{border-color:#0000}.bg-attention-subtle{background-color:var(--color-attention-subtle)}.bg-brand{background-color:var(--color-brand)}.bg-current{background-color:currentColor}.bg-destructive{background-color:var(--color-destructive)}.bg-done{background-color:var(--color-done)}.bg-error-subtle{background-color:var(--color-error-subtle)}.bg-fg-subtle{background-color:var(--color-fg-subtle)}.bg-info-subtle{background-color:var(--color-info-subtle)}.bg-line-emphasis{background-color:var(--color-line-emphasis)}.bg-line-subtle{background-color:var(--color-line-subtle)}.bg-overlay{background-color:var(--color-overlay)}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-surface{background-color:var(--color-surface)}.bg-surface-emphasis{background-color:var(--color-surface-emphasis)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-subtle{background-color:var(--color-surface-subtle)}.bg-transparent{background-color:#0000}.\[stroke-width\:var\(--icon-stroke\)\]{stroke-width:var(--icon-stroke)}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-control-lg-x{padding-inline:var(--spacing-control-lg-x)}.px-control-md-x{padding-inline:var(--spacing-control-md-x)}.px-control-sm-x{padding-inline:var(--spacing-control-sm-x)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-control-y{padding-block:var(--spacing-control-y)}.pt-1{padding-top:var(--spacing)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-control-y{padding-top:var(--spacing-control-y)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.type-heading{font-family:var(--font-heading);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.type-title{font-family:var(--font-heading);font-size:var(--text-xl);line-height:var(--text-xl--line-height);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking)}.font-mono{font-family:var(--font-mono)}.type-body{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:400}.type-caption{font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:500}.type-label{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:500}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-avatar-sm{font-size:var(--text-avatar-sm)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-pretty{text-wrap:pretty}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.break-words{overflow-wrap:break-word}.wrap-anywhere{overflow-wrap:anywhere}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-attention{color:var(--color-attention)}.text-error{color:var(--color-error)}.text-fg{color:var(--color-fg)}.text-fg-emphasis{color:var(--color-fg-emphasis)}.text-fg-subtle{color:var(--color-fg-subtle)}.text-info{color:var(--color-info)}.text-on-brand{color:var(--color-on-brand)}.text-on-destructive{color:var(--color-on-destructive)}.text-on-done{color:var(--color-on-done)}.text-success{color:var(--color-success)}.text-system-blue{color:var(--color-system-blue)}.numeric{font-variant-numeric:tabular-nums}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-line-emphasis{-webkit-text-decoration-color:var(--color-line-emphasis);-webkit-text-decoration-color:var(--color-line-emphasis);-webkit-text-decoration-color:var(--color-line-emphasis);text-decoration-color:var(--color-line-emphasis)}.underline-offset-4{text-underline-offset:4px}.underline-offset-\[3px\]{text-underline-offset:3px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-control{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#211f1c0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-dialog{--tw-shadow:0 24px 48px -12px var(--tw-shadow-color,#211f1c38), 0 4px 12px -4px var(--tw-shadow-color,#211f1c1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-popover{--tw-shadow:0 8px 24px -6px var(--tw-shadow-color,#211f1c1f), 0 2px 6px -2px var(--tw-shadow-color,#211f1c14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.shadow-surface{--tw-shadow-color:#fbfaf8}@supports (color:color-mix(in lab, red, red)){.shadow-surface{--tw-shadow-color:color-mix(in oklab, var(--color-surface) var(--tw-shadow-alpha), transparent)}}.ring-surface{--tw-ring-color:var(--color-surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,box-shadow\]{transition-property:background-color,border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,scale\]{transition-property:background-color,border-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,scale\]{transition-property:border-color,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[rotate\]{transition-property:rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,border-color\]{transition-property:scale,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\]{transition-property:scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,scale\]{transition-property:translate,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[translate\,width\]{transition-property:translate,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--duration-base\){--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\(--duration-fast\){--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.duration-\(--duration-settle\){--tw-duration:var(--duration-settle);transition-duration:var(--duration-settle)}.duration-\(--duration-snap\){--tw-duration:var(--duration-snap);transition-duration:var(--duration-snap)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.ease-settle{--tw-ease:var(--ease-settle);transition-timing-function:var(--ease-settle)}.ease-snap{--tw-ease:var(--ease-snap);transition-timing-function:var(--ease-snap)}.ease-standard{--tw-ease:var(--ease-standard);transition-timing-function:var(--ease-standard)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:var\(--duration-pop\)\]{animation-delay:var(--duration-pop)}.\[corner-shape\:var\(--corner-shape\,round\)\],.squircle{corner-shape:var(--corner-shape,round)}.group-aria-expanded\/trigger\:rotate-180:is(:where(.group\/trigger)[aria-expanded=true] *){rotate:180deg}.group-data-disabled\:text-fg-muted:is(:where(.group)[data-disabled] *){color:var(--color-fg-muted)}.group-data-disabled\:opacity-50:is(:where(.group)[data-disabled] *){opacity:.5}.group-data-expanded\:rotate-180:is(:where(.group)[data-expanded] *){rotate:180deg}.group-data-hovered\:ring-surface-muted:is(:where(.group)[data-hovered] *){--tw-ring-color:var(--color-surface-muted)}.group-data-indeterminate\:border-brand:is(:where(.group)[data-indeterminate] *){border-color:var(--color-brand)}.group-data-indeterminate\:bg-brand:is(:where(.group)[data-indeterminate] *){background-color:var(--color-brand)}.group-data-indeterminate\:text-on-brand:is(:where(.group)[data-indeterminate] *){color:var(--color-on-brand)}.group-data-pressed\:scale-x-125:is(:where(.group)[data-pressed] *){--tw-scale-x:125%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-data-pressed\:scale-\(--press-depth\):is(:where(.group)[data-pressed] *){scale:var(--press-depth)}.group-data-pressed\:duration-\(--duration-snap\):is(:where(.group)[data-pressed] *){--tw-duration:var(--duration-snap);transition-duration:var(--duration-snap)}.group-data-pressed\:ease-snap:is(:where(.group)[data-pressed] *){--tw-ease:var(--ease-snap);transition-timing-function:var(--ease-snap)}.group-data-selected\:visible:is(:where(.group)[data-selected] *){visibility:visible}.group-data-selected\:origin-right:is(:where(.group)[data-selected] *){transform-origin:100%}.group-data-selected\:translate-x-4:is(:where(.group)[data-selected] *){--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-selected\:scale-100:is(:where(.group)[data-selected] *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-data-selected\:border-brand:is(:where(.group)[data-selected] *){border-color:var(--color-brand)}.group-data-selected\:bg-brand:is(:where(.group)[data-selected] *){background-color:var(--color-brand)}.group-data-selected\:bg-on-brand:is(:where(.group)[data-selected] *){background-color:var(--color-on-brand)}.group-data-selected\:text-on-brand:is(:where(.group)[data-selected] *){color:var(--color-on-brand)}.group-data-selected\:ring-surface-muted:is(:where(.group)[data-selected] *){--tw-ring-color:var(--color-surface-muted)}.placeholder\:text-fg-subtle::placeholder{color:var(--color-fg-subtle)}.first\:pt-0:first-child{padding-top:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.empty\:hidden:empty{display:none}.focus-within\:border-line-emphasis:focus-within{border-color:var(--color-line-emphasis)}.focus-visible\:focus-ring:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.has-data-focus-visible\:border-focus:has([data-focus-visible]){border-color:var(--color-focus)}.has-data-focus-visible\:ring-2:has([data-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)}.has-data-focus-visible\:ring-focus\/15:has([data-focus-visible]){--tw-ring-color:#2322ff26}@supports (color:color-mix(in lab, red, red)){.has-data-focus-visible\:ring-focus\/15:has([data-focus-visible]){--tw-ring-color:color-mix(in oklab, var(--color-focus) 15%, transparent)}}.data-disabled\:cursor-default[data-disabled]{cursor:default}.data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-disabled\:bg-surface-muted[data-disabled]{background-color:var(--color-surface-muted)}.data-disabled\:text-fg-muted[data-disabled]{color:var(--color-fg-muted)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-done\:border-done\![data-done]{border-color:var(--color-done)!important}.data-done\:bg-done\![data-done]{background-color:var(--color-done)!important}.data-done\:text-on-done\![data-done]{color:var(--color-on-done)!important}.data-done\:shadow-none\![data-done]{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.data-dragging\:scale-110[data-dragging]{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-dragging\:border-brand[data-dragging]{border-color:var(--color-brand)}.data-entering\:animate-dialog-settle[data-entering]{animation:var(--animate-dialog-settle)}.data-entering\:animate-drawer-settle[data-entering]{animation:var(--animate-drawer-settle)}.data-entering\:animate-fade-in[data-entering]{animation:var(--animate-fade-in)}.data-entering\:animate-pop-in[data-entering]{animation:var(--animate-pop-in)}.data-entering\:animate-toast-in[data-entering]{animation:var(--animate-toast-in)}.data-exiting\:animate-drawer-out[data-exiting]{animation:var(--animate-drawer-out)}.data-exiting\:animate-fade-out[data-exiting]{animation:var(--animate-fade-out)}.data-exiting\:animate-pop-out[data-exiting]{animation:var(--animate-pop-out)}.data-focus-visible\:focus-ring[data-focus-visible]{outline:2px solid var(--color-focus);outline-offset:2px}.data-focus-within\:border-brand[data-focus-within]{border-color:var(--color-brand)}.data-focus-within\:ring-2[data-focus-within]{--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)}.data-focus-within\:ring-brand\/15[data-focus-within]{--tw-ring-color:#3d383426}@supports (color:color-mix(in lab, red, red)){.data-focus-within\:ring-brand\/15[data-focus-within]{--tw-ring-color:color-mix(in oklab, var(--color-brand) 15%, transparent)}}.data-focus-within\:focus-ring[data-focus-within]{outline:2px solid var(--color-focus);outline-offset:2px}.data-focused\:border-focus[data-focused]{border-color:var(--color-focus)}.data-focused\:bg-brand[data-focused]{background-color:var(--color-brand)}.data-focused\:bg-surface-subtle[data-focused]{background-color:var(--color-surface-subtle)}.data-focused\:text-fg-emphasis[data-focused]{color:var(--color-fg-emphasis)}.data-focused\:text-on-brand[data-focused]{color:var(--color-on-brand)}.data-focused\:ring-2[data-focused]{--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)}.data-focused\:ring-focus\/15[data-focused]{--tw-ring-color:#2322ff26}@supports (color:color-mix(in lab, red, red)){.data-focused\:ring-focus\/15[data-focused]{--tw-ring-color:color-mix(in oklab, var(--color-focus) 15%, transparent)}}.data-hovered\:border-line-emphasis[data-hovered]{border-color:var(--color-line-emphasis)}.data-hovered\:bg-brand-emphasis[data-hovered]{background-color:var(--color-brand-emphasis)}.data-hovered\:bg-destructive\/90[data-hovered]{background-color:#8a4638e6}@supports (color:color-mix(in lab, red, red)){.data-hovered\:bg-destructive\/90[data-hovered]{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}.data-hovered\:bg-surface-muted[data-hovered]{background-color:var(--color-surface-muted)}.data-hovered\:bg-surface-subtle[data-hovered]{background-color:var(--color-surface-subtle)}.data-hovered\:text-fg-emphasis[data-hovered]{color:var(--color-fg-emphasis)}.data-hovered\:underline[data-hovered]{text-decoration-line:underline}.data-hovered\:decoration-fg-emphasis[data-hovered]{-webkit-text-decoration-color:var(--color-fg-emphasis);-webkit-text-decoration-color:var(--color-fg-emphasis);-webkit-text-decoration-color:var(--color-fg-emphasis);text-decoration-color:var(--color-fg-emphasis)}.data-hovered\:shadow-\[inset_0_0_0_1px_var\(--color-line-emphasis\)\][data-hovered]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-line-emphasis));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-invalid\:border-error[data-invalid]{border-color:var(--color-error)}.data-invalid\:data-focused\:ring-error\/15[data-invalid][data-focused]{--tw-ring-color:#7b433726}@supports (color:color-mix(in lab, red, red)){.data-invalid\:data-focused\:ring-error\/15[data-invalid][data-focused]{--tw-ring-color:color-mix(in oklab, var(--color-error) 15%, transparent)}}.data-placeholder\:text-fg-subtle[data-placeholder]{color:var(--color-fg-subtle)}.data-pressed\:bg-brand-emphasis[data-pressed]{background-color:var(--color-brand-emphasis)}.data-pressed\:bg-destructive\/85[data-pressed]{background-color:#8a4638d9}@supports (color:color-mix(in lab, red, red)){.data-pressed\:bg-destructive\/85[data-pressed]{background-color:color-mix(in oklab, var(--color-destructive) 85%, transparent)}}.data-pressed\:bg-surface-emphasis[data-pressed]{background-color:var(--color-surface-emphasis)}.data-pressed\:bg-surface-subtle[data-pressed]{background-color:var(--color-surface-subtle)}.data-selected\:border-brand[data-selected]{border-color:var(--color-brand)}.data-selected\:bg-brand[data-selected]{background-color:var(--color-brand)}.data-selected\:bg-surface-inverted[data-selected]{background-color:var(--color-surface-inverted)}.data-selected\:bg-surface-muted[data-selected]{background-color:var(--color-surface-muted)}.data-selected\:bg-surface-subtle[data-selected]{background-color:var(--color-surface-subtle)}.data-selected\:font-medium[data-selected]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-selected\:text-fg-emphasis[data-selected]{color:var(--color-fg-emphasis)}.data-selected\:text-fg-inverted[data-selected]{color:var(--color-fg-inverted)}.data-selected\:text-on-brand[data-selected]{color:var(--color-on-brand)}.data-selected\:shadow-\[inset_0_0_0_1px_var\(--color-brand\)\][data-selected]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--color-brand));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@container (width>=48rem){.\@3xl\:sticky{position:sticky}.\@3xl\:top-6{top:calc(var(--spacing) * 6)}.\@3xl\:col-span-2{grid-column:span 2/span 2}.\@3xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}.\[\&\>svg\]\:size-full>svg{width:100%;height:100%}}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-surface:#1e1c1a;--color-surface-muted:#161413;--color-surface-subtle:#2c2926;--color-surface-emphasis:#413d3a;--color-surface-inverted:#f2f0ed;--color-fg-emphasis:#f2f0ed;--color-fg:#d5d2cd;--color-fg-subtle:#b5b1ab;--color-fg-muted:#78736d;--color-fg-inverted:#211f1c;--color-line-subtle:#363330;--color-line:#514d48;--color-line-emphasis:#7f7871;--color-line-input:#827a73;--color-brand:#f2f0ed;--color-brand-emphasis:#dbd7d1;--color-on-brand:#211f1c;--color-success:#9ac1a7;--color-success-subtle:#202c24;--color-success-line:#3f5a48;--color-attention:#d3b892;--color-attention-subtle:#2f281e;--color-attention-line:#67553c;--color-error:#daafa4;--color-error-subtle:#2e221f;--color-error-line:#65463e;--color-info:#adbdcd;--color-system-blue:#8f8cff;--color-done:#8f8cff;--color-on-done:#211f1c;--color-info-subtle:#20262c;--color-info-line:#415262;--color-destructive:#8a4638;--color-on-destructive:#fbfaf8;--color-focus:#8f8cff;--color-overlay:#0b0a0999;--shadow-control:0 1px 2px 0 #0b0a0966;--shadow-popover:0 8px 24px -6px #0b0a0999, 0 0 0 1px #f2f0ed0f;--shadow-dialog:0 24px 48px -12px #0b0a09b3, 0 0 0 1px #f2f0ed0f}@supports (corner-shape:squircle){:root{--corner-shape:squircle;--radius-control:1.0625rem;--radius-cell:.625rem;--radius-surface:1.25rem}}.thinking-matrix{color:var(--color-done);flex:none;grid-template-columns:repeat(3,.25rem);gap:.125rem;display:inline-grid}.thinking-matrix i{opacity:.2;width:.25rem;height:.25rem;animation:thinking-pixel var(--duration-thinking) var(--ease-snap) infinite;background:currentColor;border-radius:1px}.thinking-matrix i:nth-child(2){animation-delay:calc(var(--duration-thinking) * .07)}.thinking-matrix i:nth-child(3){animation-delay:calc(var(--duration-thinking) * .14)}.thinking-matrix i:nth-child(6){animation-delay:calc(var(--duration-thinking) * .21)}.thinking-matrix i:nth-child(9){animation-delay:calc(var(--duration-thinking) * .28)}.thinking-matrix i:nth-child(8){animation-delay:calc(var(--duration-thinking) * .35)}.thinking-matrix i:nth-child(7){animation-delay:calc(var(--duration-thinking) * .42)}.thinking-matrix i:nth-child(4){animation-delay:calc(var(--duration-thinking) * .5)}.thinking-matrix i:nth-child(5){animation-delay:calc(var(--duration-thinking) * .57)}@keyframes thinking-pixel{0%,40%,to{opacity:.2}12%{opacity:1}}.stream-word{transition:color .7s var(--ease-ink)}.stream-word--fresh{color:var(--color-info)}.stream-caret{background:var(--color-info);vertical-align:-.15em;width:.5em;height:1.05em;margin-left:2px;animation:1s steps(2,jump-none) infinite stream-caret;display:inline-block}@keyframes stream-caret{50%{opacity:.2}}@media (prefers-reduced-motion:reduce){.thinking-matrix i{opacity:.6;animation:none!important}.stream-caret{animation:none!important}}:root:active-view-transition-type(flow-forward,flow-back,flow-swap)::view-transition-old(root){mix-blend-mode:normal;animation:none}:root:active-view-transition-type(flow-forward,flow-back,flow-swap)::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(.flow-motion){animation-duration:calc(var(--duration-settle) * var(--flow-pace,1));animation-timing-function:var(--ease-settle)}::view-transition-old(.flow-card){opacity:0;animation:none}::view-transition-new(.flow-card){width:100%;height:100%;animation:none}::view-transition-old(.flow-travel){width:auto;height:100%;animation-duration:calc(var(--duration-pop) * var(--flow-pace,1));animation-timing-function:var(--ease-reveal)}::view-transition-new(.flow-travel){width:auto;height:100%;animation-duration:calc(var(--duration-pop) * var(--flow-pace,1));animation-timing-function:var(--ease-reveal)}::view-transition-old(.flow-keep){width:auto;height:100%;animation-duration:calc(var(--duration-pop) * var(--flow-pace,1));animation-timing-function:var(--ease-reveal)}::view-transition-new(.flow-keep){width:auto;height:100%;animation-duration:calc(var(--duration-pop) * var(--flow-pace,1));animation-timing-function:var(--ease-reveal)}::view-transition-old(.flow-out){animation:flow-fade-out calc(var(--duration-leave) * var(--flow-pace,1)) var(--ease-snap) both}::view-transition-old(.flow-out-swap){animation:flow-fade-out calc(var(--duration-leave) * var(--flow-pace,1)) var(--ease-snap) both}::view-transition-new(.flow-in){animation:flow-ink-down calc(var(--duration-reveal) * var(--flow-pace,1)) var(--ease-ink) calc(var(--duration-leave) * .5 * var(--flow-pace,1)) both}::view-transition-new(.flow-in-swap){animation:flow-fade-in calc(var(--duration-pop) * var(--flow-pace,1)) var(--ease-reveal) both}@media (prefers-reduced-motion:reduce){::view-transition-group(.flow-motion){animation:none!important}::view-transition-image-pair(.flow-motion){animation:none!important}::view-transition-old(.flow-motion){animation:none!important}::view-transition-new(.flow-motion){animation:none!important}}@keyframes flow-fade-in{0%{opacity:0}}@keyframes flow-fade-out{to{opacity:0}}@keyframes flow-ink-down{0%{translate:0 calc(var(--distance-step) * .25);-webkit-mask-image:linear-gradient(#000 45%,#0000 55%);mask-image:linear-gradient(#000 45%,#0000 55%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 260%;mask-size:100% 260%}to{translate:0;-webkit-mask-image:linear-gradient(#000 45%,#0000 55%);mask-image:linear-gradient(#000 45%,#0000 55%);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100% 260%;mask-size:100% 260%}}.loader-dots circle{transform-box:fill-box;transform-origin:50%;animation:loader-dot var(--duration-loader) var(--ease-settle) infinite}.loader-dots circle:nth-child(2){animation-delay:var(--loader-step)}.loader-dots circle:nth-child(3){animation-delay:calc(var(--loader-step) * 2)}@keyframes loader-dot{0%,70%,to{opacity:.5;transform:scale(1)}25%{opacity:1;transform:scale(.6)}}.rounded-control,.rounded-cell,.rounded-surface{corner-shape:var(--corner-shape,round)}.conversation-markdown{overflow-wrap:anywhere}.conversation-markdown>*+*{margin-top:calc(var(--spacing) * 4)}.conversation-markdown :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--heading-weight);line-height:var(--text-base--line-height);letter-spacing:var(--heading-tracking)}.conversation-markdown :is(ul,ol){padding-left:calc(var(--spacing) * 5)}.conversation-markdown ul{list-style:outside}.conversation-markdown ol{list-style:decimal}.conversation-markdown li+li{margin-top:calc(var(--spacing) * 2)}.conversation-markdown blockquote{border-left:2px solid var(--color-line-emphasis);padding-left:calc(var(--spacing) * 4);color:var(--color-fg-subtle)}.conversation-markdown pre{border:1px solid var(--color-line-subtle);border-radius:var(--radius-control);background:var(--color-surface-muted);max-width:100%;overflow-x:auto}.conversation-markdown pre code{padding:calc(var(--spacing) * 4);font-size:var(--text-xs);font-family:var(--font-mono);line-height:var(--text-xs--line-height);white-space:pre;display:block}.conversation-markdown :not(pre)>code{border-radius:var(--radius-cell);background:var(--color-surface-subtle);padding-inline:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs)}.conversation-touch-hint{display:none}@media (pointer:coarse){.conversation-desktop-hint{display:none}.conversation-touch-hint{display:inline}}@media (prefers-reduced-motion:reduce){.loader-dots circle{opacity:1;transform:none;animation:none!important}}.calendar-grid-event{padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);overflow:hidden}.calendar-grid-event>span:nth-child(2){-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.calendar-grid-scroll,.calendar-grid-heading,.calendar-grid-allday{scrollbar-gutter:stable}.calendar-grid-heading,.calendar-grid-allday{overflow-y:hidden}.calendar-grid-heading [data-focus-visible]{outline-offset:-2px}.calendar-grid-scroll{overscroll-behavior:contain}.calendar-grid-event>span:first-child{display:block}.calendar-grid-event>span:first-child>span:last-child{right:var(--spacing);bottom:var(--spacing);position:absolute}.generative-chart [data-aui=chart-frame]{gap:calc(var(--spacing) * 2);grid-template-columns:auto minmax(0,1fr);display:grid}.generative-chart [data-aui=chart]{width:100%;height:calc(var(--spacing) * 40);color:var(--color-brand);display:block;overflow:visible}.generative-chart [data-aui=chart-ticks]{color:var(--color-fg-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;display:flex}.generative-chart [data-aui=chart-xlabels]{margin-top:calc(var(--spacing) * 3);color:var(--color-fg-subtle);font-size:var(--text-xs);grid-column:2;justify-content:space-between;display:flex}.generative-chart [data-aui=chart-grid],.generative-chart [data-aui=chart-zero]{color:var(--color-line-subtle)}.generative-chart [data-aui-series="0"]{color:var(--color-brand)}.generative-chart [data-aui-series="1"]{color:var(--color-info);stroke-dasharray:4 2}.generative-chart [data-aui-series="2"]{color:var(--color-success);stroke-dasharray:1 2}.generative-chart [data-aui-series="3"]{color:var(--color-attention);stroke-dasharray:6 2}.generative-chart [data-aui-series="4"]{color:var(--color-fg-subtle);stroke-dasharray:2 4}.generative-chart [data-aui=chart-legend]{gap:calc(var(--spacing) * 4);font-size:var(--text-xs);color:var(--color-fg-subtle);flex-wrap:wrap;grid-column:1/-1;display:flex}.generative-chart [data-aui=chart-legend-item]{align-items:center;gap:calc(var(--spacing) * 2);display:inline-flex}.generative-chart [data-aui=chart-legend-swatch]{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2);border-radius:var(--radius-cell);background:currentColor;display:inline-block}@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-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes fade-in{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(4px)}}@keyframes pulse-soft{50%{opacity:.55}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes pop-out{to{opacity:0;transform:scale(.98)}}@keyframes fade-out{to{opacity:0}}@keyframes dialog-settle{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes drawer-settle{0%{transform:translateY(100%)}}@keyframes drawer-out{to{transform:translateY(100%)}}@keyframes done-in{0%{opacity:0;transform:scale(.4)}}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}}.reusable-markdown .reusable-code pre{border:0;border-radius:0}.reusable-markdown .reusable-code pre code{padding:0}.reusable-markdown table :is(th,td){padding:calc(var(--spacing) * 3);border-bottom:1px solid var(--color-line-subtle);text-align:start;vertical-align:top}.reusable-markdown table th{background:var(--color-surface-muted);font-weight:var(--heading-weight)}.reusable-markdown table tr:last-child td{border-bottom:0}
+/*$vite$:1*/

package/styles.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/avatar.d.ts

@@ -0,0 +1,14 @@
+declare const sizes: {
+    readonly sm: "size-avatar-sm text-avatar-sm";
+    readonly md: "size-avatar-md text-xs";
+    readonly lg: "size-avatar-lg text-sm";
+};
+export interface AvatarProps {
+    name: string;
+    src?: string;
+    size?: keyof typeof sizes;
+    className?: string;
+}
+/** A person's photo, or their initials when there's no photo or it fails to load. */
+export declare function Avatar({ name, src, size, className }: AvatarProps): import("react").JSX.Element;
+export {};

package/types/components/button.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode, Ref } from "react";
+import { type ButtonProps as AriaButtonProps, type LinkProps as AriaLinkProps } from "react-aria-components";
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "destructive";
+export type ButtonSize = "sm" | "md" | "lg" | "icon-sm" | "icon-md";
+/** The button classes, for anything that should look like a button (links, triggers). */
+export declare function buttonStyles({ variant, size, className, }?: {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    className?: string;
+}): string;
+export interface ButtonProps extends AriaButtonProps {
+    ref?: Ref<HTMLButtonElement>;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    /**
+     * Shown with a spinner while `isPending` is true, for example "Booking".
+     * Without it the label stays in place (so the width holds) under a spinner.
+     */
+    pendingLabel?: ReactNode;
+    /**
+     * The moment the action finished, for example "Saved". The button turns SuperXD's
+     * ultramarine with a tick, keeping its width. Announce the result nearby as well.
+     */
+    isDone?: boolean;
+    /** Shown with the tick while `isDone` is true. Without it the button's own label stays. */
+    doneLabel?: ReactNode;
+}
+export declare function Button({ variant, size, pendingLabel, isDone, doneLabel, className, children, ...props }: ButtonProps): import("react").JSX.Element;
+export interface ButtonLinkProps extends AriaLinkProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+}
+/** A link that looks like a button. Use it when the action goes somewhere. */
+export declare function ButtonLink({ variant, size, className, ...props }: ButtonLinkProps): import("react").JSX.Element;
+/** An inline text link. */
+export declare function TextLink({ className, ...props }: AriaLinkProps): import("react").JSX.Element;

package/types/components/callout.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+export type CalloutTone = "neutral" | "info" | "success" | "attention" | "error";
+export interface CalloutProps {
+    tone?: CalloutTone;
+    title?: ReactNode;
+    children?: ReactNode;
+    /** Buttons or links shown under the message. */
+    actions?: ReactNode;
+    /** Replace or remove (null) the tone's icon. */
+    icon?: ReactNode | null;
+    /**
+     * How screen readers hear it when it appears: "polite" waits its turn,
+     * "assertive" interrupts. Leave unset for messages that are there on load.
+     */
+    live?: "polite" | "assertive";
+    className?: string;
+}
+/** A short message in the flow of the page: what happened and what to do next. */
+export declare function Callout({ tone, title, children, actions, icon, live, className, }: CalloutProps): import("react").JSX.Element;

package/types/components/canvas/connector.d.ts

@@ -0,0 +1,2 @@
+/** SuperXD's arrow marks the transition, centred in the space between state frames. */
+export declare function CanvasConnector(): import("react").JSX.Element;

package/types/components/canvas/copy.d.ts

@@ -0,0 +1,34 @@
+export declare const canvasCopy: {
+    previous: string;
+    loading: string;
+    ready: string;
+    details: string;
+    holding: string;
+    submitting: string;
+    failed: string;
+    checking: string;
+    confirm: string;
+    booked: string;
+    requested: string;
+    moved: string;
+    manage: string;
+    cancelling: string;
+    cancelled: string;
+    closed: string;
+    calendar: string;
+    event: string;
+    edit: string;
+    saving: string;
+    saved: string;
+    discard: string;
+    review: string;
+    applying: string;
+    partial: string;
+    complete: string;
+    denied: string;
+    conflict: string;
+    blocked: string;
+    uncertain: string;
+    support: string;
+    supportSaved: string;
+};

package/types/components/canvas/index.d.ts

@@ -0,0 +1,33 @@
+import { type ReactNode } from "react";
+import { type RecordableFrame } from "./recorder";
+/** The visitor canvas opts in; exported product components keep their usual single screen. */
+export declare const CanvasModeContext: import("react").Context<boolean>;
+export declare const CanvasPastContext: import("react").Context<boolean>;
+/** null disables observation; false records quietly; true also displays the recorded states. */
+export declare const CanvasObservationContext: import("react").Context<boolean | null>;
+export type CanvasFrame = RecordableFrame & {
+    label: string;
+    node: ReactNode;
+    /** The same width constraint as the component; caption and content share this frame. */
+    className?: string;
+};
+export declare function useCanvasObserver(): ((frame: CanvasFrame, source: string) => void) | null;
+export declare function CanvasSequence({ children }: {
+    children: ReactNode;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+/** Publish presentation only: historical frames never mount another controller or adapter. */
+export declare function CanvasStage({ phase, label, terminal, frameClassName, snapshot, children, }: {
+    phase: string;
+    label: string;
+    terminal?: boolean;
+    frameClassName?: string;
+    /** Complete presentation for a snapshot when the live content inherits a parent surface. */
+    snapshot?: ReactNode;
+    children: ReactNode;
+}): ReactNode;
+export declare function historicalNode(node: ReactNode): ReactNode;
+/** Let a host-owned destination add its local steps to the existing response canvas. */
+export declare function CanvasStageBridge({ publish, children, }: {
+    publish: (frame: CanvasFrame) => void;
+    children: ReactNode;
+}): import("react").JSX.Element;

package/types/components/canvas/recorder.d.ts

@@ -0,0 +1,10 @@
+export interface RecordableFrame {
+    phase: string;
+    terminal: boolean;
+    /** A result with its own stages replaces this enclosing result with its first child stage. */
+    yieldToChild?: boolean;
+}
+/** Records transitions, never the initial demo or a second copy of a nested result. */
+export declare function createCanvasRecorder<T extends RecordableFrame>(): ((frame: T, source: string) => T[] | undefined) & {
+    start: () => void;
+};

package/types/components/date-time-field.d.ts

@@ -0,0 +1,11 @@
+export interface DateTimeFieldProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    error?: string;
+    isDisabled?: boolean;
+    kind: "date" | "time";
+    className?: string;
+}
+/** Segmented keyboard entry, using the same height, padding and focus treatment as text fields. */
+export declare function DateTimeField({ label, value, onChange, error, isDisabled, kind, className, }: DateTimeFieldProps): import("react").JSX.Element;

package/types/components/flow-motion.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from "react";
+/** The view transition types a step change is tagged with. */
+export declare const FLOW: {
+    readonly forward: "flow-forward";
+    readonly back: "flow-back";
+    readonly swap: "flow-swap";
+};
+export type FlowType = (typeof FLOW)[keyof typeof FLOW];
+/** Forward or back between two step positions, or null when the step stays the same. */
+export declare function flowDirection(from: number, to: number): FlowType | null;
+/**
+ * Runs a state update as a step transition of the given type, or at once when there's none.
+ * Pass the start function from useTransition to know while the step is still on its way.
+ */
+export declare function runFlow(type: FlowType | null, update: () => void, start?: (callback: () => void) => void): void;
+/** The flow's frame: it resizes to the next step instead of jumping. Its child must be one element. */
+export declare function FlowFrame({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** One step's content. Give it a key per step, so the new step enters and the old one leaves. */
+export declare function FlowStep({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/** Gives one flow its own names, so two flows on a page never claim the same moving part. */
+export declare function FlowNames({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+/**
+ * A part that carries over from one step to the next. A part that travels (the chosen time,
+ * from the list into the summary) moves to its new place; the others (the host, the event's
+ * name) stay put while the rest changes. Its child must be one element. Outside FlowNames, it
+ * renders the child as it is.
+ */
+export declare function FlowShared({ part, travel, children, }: {
+    part: string;
+    travel?: boolean;
+    children: ReactNode;
+}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;