@agentorg/cli 0.0.4 → 0.0.6

package/dist/node_modules/@agentorg/shell/dist/app.css

@@ -1,753 +1,3449 @@
+/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, legacy, components, utilities;
+@layer theme {
+  :root, :host {
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
+    --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-600: oklch(57.7% 0.245 27.325);
+    --color-red-700: oklch(50.5% 0.213 27.518);
+    --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-black: #000;
+    --spacing: 0.25rem;
+    --container-sm: 24rem;
+    --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-5xl: 64rem;
+    --text-xs: 0.75rem;
+    --text-xs--line-height: calc(1 / 0.75);
+    --text-sm: 0.875rem;
+    --text-sm--line-height: calc(1.25 / 0.875);
+    --text-base: 1rem;
+    --text-base--line-height: calc(1.5 / 1);
+    --text-lg: 1.125rem;
+    --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
+    --text-2xl: 1.5rem;
+    --text-2xl--line-height: calc(2 / 1.5);
+    --text-3xl: 1.875rem;
+    --text-3xl--line-height: calc(2.25 / 1.875);
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-semibold: 600;
+    --tracking-widest: 0.1em;
+    --leading-snug: 1.375;
+    --leading-normal: 1.5;
+    --leading-relaxed: 1.625;
+    --radius-md: 8px;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --blur-xs: 4px;
+    --blur-sm: 8px;
+    --default-transition-duration: 150ms;
+    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+}
+@layer utilities {
+  .\@container\/app {
+    container-type: inline-size;
+    container-name: app;
+  }
+  .\@container\/field-group {
+    container-type: inline-size;
+    container-name: field-group;
+  }
+  .\@container {
+    container-type: inline-size;
+  }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
+  .pointer-events-none {
+    pointer-events: none;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .visible {
+    visibility: visible;
+  }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .static {
+    position: static;
+  }
+  .inset-0 {
+    inset: 0px;
+  }
+  .inset-s-1\/2 {
+    inset-inline-start: calc(1 / 2 * 100%);
+  }
+  .top-0 {
+    top: 0px;
+  }
+  .top-1\/2 {
+    top: calc(1 / 2 * 100%);
+  }
+  .top-2 {
+    top: calc(var(--spacing) * 2);
+  }
+  .top-4 {
+    top: calc(var(--spacing) * 4);
+  }
+  .top-full {
+    top: 100%;
+  }
+  .right-0 {
+    right: 0px;
+  }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
+  .right-3 {
+    right: calc(var(--spacing) * 3);
+  }
+  .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+  .bottom-0 {
+    bottom: 0px;
+  }
+  .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
+  .left-1\/2 {
+    left: calc(1 / 2 * 100%);
+  }
+  .left-2 {
+    left: calc(var(--spacing) * 2);
+  }
+  .left-3 {
+    left: calc(var(--spacing) * 3);
+  }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
+  .isolate {
+    isolation: isolate;
+  }
+  .z-10 {
+    z-index: 10;
+  }
+  .z-20 {
+    z-index: 20;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .order-first {
+    order: -9999;
+  }
+  .order-last {
+    order: 9999;
+  }
+  .-mx-1 {
+    margin-inline: calc(var(--spacing) * -1);
+  }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
+  .-mx-4 {
+    margin-inline: calc(var(--spacing) * -4);
+  }
+  .mx-0\.5 {
+    margin-inline: calc(var(--spacing) * 0.5);
+  }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
+  .-my-2 {
+    margin-block: calc(var(--spacing) * -2);
+  }
+  .my-1 {
+    margin-block: var(--spacing);
+  }
+  .my-2 {
+    margin-block: calc(var(--spacing) * 2);
+  }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-6 {
+    margin-block: calc(var(--spacing) * 6);
+  }
+  .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-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
+  .mt-auto {
+    margin-top: auto;
+  }
+  .mr-auto {
+    margin-right: auto;
+  }
+  .-mb-4 {
+    margin-bottom: calc(var(--spacing) * -4);
+  }
+  .mb-1 {
+    margin-bottom: var(--spacing);
+  }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
+  .mb-2 {
+    margin-bottom: calc(var(--spacing) * 2);
+  }
+  .-ml-1\.5 {
+    margin-left: calc(var(--spacing) * -1.5);
+  }
+  .ml-1 {
+    margin-left: var(--spacing);
+  }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
+  .ml-auto {
+    margin-left: auto;
+  }
+  .line-clamp-1 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+  .block {
+    display: block;
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .grid {
+    display: grid;
+  }
+  .hidden {
+    display: none;
+  }
+  .inline-block {
+    display: inline-block;
+  }
+  .inline-flex {
+    display: inline-flex;
+  }
+  .list-item {
+    display: list-item;
+  }
+  .table {
+    display: table;
+  }
+  .table-cell {
+    display: table-cell;
+  }
+  .table-row {
+    display: table-row;
+  }
+  .field-sizing-content {
+    field-sizing: content;
+  }
+  .size-2 {
+    width: calc(var(--spacing) * 2);
+    height: calc(var(--spacing) * 2);
+  }
+  .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-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
+  .size-8 {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
+  .size-10 {
+    width: calc(var(--spacing) * 10);
+    height: calc(var(--spacing) * 10);
+  }
+  .size-\[18px\] {
+    width: 18px;
+    height: 18px;
+  }
+  .size-full {
+    width: 100%;
+    height: 100%;
+  }
+  .h-4 {
+    height: calc(var(--spacing) * 4);
+  }
+  .h-5 {
+    height: calc(var(--spacing) * 5);
+  }
+  .h-6 {
+    height: calc(var(--spacing) * 6);
+  }
+  .h-7 {
+    height: calc(var(--spacing) * 7);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
+  .h-\[46px\] {
+    height: 46px;
+  }
+  .h-\[min\(560px\,88vh\)\] {
+    height: min(560px, 88vh);
+  }
+  .h-auto {
+    height: auto;
+  }
+  .h-full {
+    height: 100%;
+  }
+  .h-max {
+    height: max-content;
+  }
+  .h-px {
+    height: 1px;
+  }
+  .max-h-\(--radix-dropdown-menu-content-available-height\) {
+    max-height: var(--radix-dropdown-menu-content-available-height);
+  }
+  .max-h-\(--radix-select-content-available-height\) {
+    max-height: var(--radix-select-content-available-height);
+  }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
+  .max-h-\[min\(70vh\,40rem\)\] {
+    max-height: min(70vh, 40rem);
+  }
+  .min-h-0 {
+    min-height: 0px;
+  }
+  .min-h-4 {
+    min-height: calc(var(--spacing) * 4);
+  }
+  .min-h-11 {
+    min-height: calc(var(--spacing) * 11);
+  }
+  .min-h-14 {
+    min-height: calc(var(--spacing) * 14);
+  }
+  .min-h-16 {
+    min-height: calc(var(--spacing) * 16);
+  }
+  .min-h-28 {
+    min-height: calc(var(--spacing) * 28);
+  }
+  .min-h-\[200px\] {
+    min-height: 200px;
+  }
+  .min-h-full {
+    min-height: 100%;
+  }
+  .w-\(--radix-dropdown-menu-trigger-width\) {
+    width: var(--radix-dropdown-menu-trigger-width);
+  }
+  .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+  .w-8 {
+    width: calc(var(--spacing) * 8);
+  }
+  .w-16 {
+    width: calc(var(--spacing) * 16);
+  }
+  .w-44 {
+    width: calc(var(--spacing) * 44);
+  }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
+  .w-\[196px\] {
+    width: 196px;
+  }
+  .w-fit {
+    width: fit-content;
+  }
+  .w-full {
+    width: 100%;
+  }
+  .max-w-5xl {
+    max-width: var(--container-5xl);
+  }
+  .max-w-\[44rem\] {
+    max-width: 44rem;
+  }
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
+  .max-w-\[calc\(100\%-2rem\)\] {
+    max-width: calc(100% - 2rem);
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
+  .min-w-0 {
+    min-width: 0px;
+  }
+  .min-w-8 {
+    min-width: calc(var(--spacing) * 8);
+  }
+  .min-w-32 {
+    min-width: calc(var(--spacing) * 32);
+  }
+  .min-w-36 {
+    min-width: calc(var(--spacing) * 36);
+  }
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+  .min-w-\[96px\] {
+    min-width: 96px;
+  }
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
+  .flex-1 {
+    flex: 1;
+  }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
+  .basis-full {
+    flex-basis: 100%;
+  }
+  .border-collapse {
+    border-collapse: collapse;
+  }
+  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
+    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
+  }
+  .origin-\(--radix-select-content-transform-origin\) {
+    transform-origin: var(--radix-select-content-transform-origin);
+  }
+  .origin-center {
+    transform-origin: center;
+  }
+  .-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);
+  }
+  .-translate-y-3\/4 {
+    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-3\/4 {
+    --tw-translate-y: calc(3 / 4 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+  .scroll-fade-b {
+    --_scroll-fade-size-b: var(
+    --scroll-fade-b-size,
+    var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+  );
+    --scroll-fade-mask: linear-gradient(
+    to bottom,
+    #000 0,
+    #000 calc(100% - var(--scroll-fade-b, 0px)),
+    transparent 100%
+  );
+    -webkit-mask-image: var(--scroll-fade-mask);
+    mask-image: var(--scroll-fade-mask);
+    -webkit-mask-composite: source-in;
+    mask-composite: intersect;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    @supports (animation-timeline: scroll()) {
+      animation: scroll-fade-reveal-b 1ms ease-in-out;
+      animation-timeline: scroll(self y);
+      animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
+      animation-fill-mode: both;
+    }
+    @supports not (animation-timeline: scroll()) {
+      --scroll-fade-b: var(--_scroll-fade-size-b);
+    }
+  }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-default {
+    cursor: default;
+  }
+  .cursor-pointer {
+    cursor: pointer;
+  }
+  .cursor-text {
+    cursor: text;
+  }
+  .resize-none {
+    resize: none;
+  }
+  .scroll-my-1 {
+    scroll-margin-block: var(--spacing);
+  }
+  .scrollbar-thin {
+    scrollbar-width: thin;
+  }
+  .scrollbar-gutter-stable {
+    scrollbar-gutter: stable;
+  }
+  .list-inside {
+    list-style-position: inside;
+  }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
+  .appearance-none {
+    appearance: none;
+  }
+  .grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1\.2fr\)_24px\] {
+    grid-template-columns: minmax(0,0.6fr) minmax(0,1.3fr) minmax(0,1.2fr) 24px;
+  }
+  .grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)_72px_24px\] {
+    grid-template-columns: minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) 72px 24px;
+  }
+  .grid-cols-\[minmax\(0\,1fr\)_260px\] {
+    grid-template-columns: minmax(0,1fr) 260px;
+  }
+  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    grid-template-columns: minmax(0,1fr) auto;
+  }
+  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
+    grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);
+  }
+  .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)_24px\] {
+    grid-template-columns: minmax(0,2fr) minmax(0,1fr) 24px;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
+  .place-items-center {
+    place-items: center;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .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\.5 {
+    gap: calc(var(--spacing) * 0.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);
+  }
+  :where(.space-y-4 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+  }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
+  .gap-x-4 {
+    column-gap: calc(var(--spacing) * 4);
+  }
+  .gap-x-10 {
+    column-gap: calc(var(--spacing) * 10);
+  }
+  :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-6 {
+    row-gap: calc(var(--spacing) * 6);
+  }
+  :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-border > :not(:last-child)) {
+    border-color: var(--line);
+  }
+  .self-end {
+    align-self: flex-end;
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .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 {
+    border-radius: 0.25rem;
+  }
+  .rounded-2xl {
+    border-radius: 18px;
+  }
+  .rounded-\[calc\(var\(--radius\)-3px\)\] {
+    border-radius: calc(var(--radius) - 3px);
+  }
+  .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
+    border-radius: min(var(--radius-md), 10px);
+  }
+  .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
+    border-radius: min(var(--radius-md), 12px);
+  }
+  .rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
+  .rounded-lg {
+    border-radius: 10px;
+  }
+  .rounded-md {
+    border-radius: 8px;
+  }
+  .rounded-none {
+    border-radius: 0;
+  }
+  .rounded-sm {
+    border-radius: 6px;
+  }
+  .rounded-xl {
+    border-radius: 14px;
+  }
+  .rounded-b-xl {
+    border-bottom-right-radius: 14px;
+    border-bottom-left-radius: 14px;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-0 {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .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-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
+  .border-none {
+    --tw-border-style: none;
+    border-style: none;
+  }
+  .border-\[var\(--faint\)\] {
+    border-color: var(--faint);
+  }
+  .border-border {
+    border-color: var(--line);
+  }
+  .border-current {
+    border-color: currentcolor;
+  }
+  .border-input {
+    border-color: var(--line-strong);
+  }
+  .border-muted-foreground\/30 {
+    border-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
+  .border-transparent {
+    border-color: transparent;
+  }
+  .bg-\[var\(--bad\)\] {
+    background-color: var(--bad);
+  }
+  .bg-\[var\(--canvas\)\] {
+    background-color: var(--canvas);
+  }
+  .bg-\[var\(--faint\)\] {
+    background-color: var(--faint);
+  }
+  .bg-\[var\(--ok\)\] {
+    background-color: var(--ok);
+  }
+  .bg-\[var\(--raised\)\] {
+    background-color: var(--raised);
+  }
+  .bg-\[var\(--sdm-bg\,inherit\)\] {
+    background-color: var(--sdm-bg,inherit);
+  }
+  .bg-\[var\(--sdm-tbg\)\] {
+    background-color: var(--sdm-tbg);
+  }
+  .bg-\[var\(--selected\)\] {
+    background-color: var(--selected);
+  }
+  .bg-background {
+    background-color: var(--surface);
+  }
+  .bg-background\/50 {
+    background-color: var(--surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--surface) 50%, transparent);
+    }
+  }
+  .bg-background\/80 {
+    background-color: var(--surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--surface) 80%, transparent);
+    }
+  }
+  .bg-background\/90 {
+    background-color: var(--surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--surface) 90%, transparent);
+    }
+  }
+  .bg-background\/95 {
+    background-color: var(--surface);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--surface) 95%, transparent);
+    }
+  }
+  .bg-black\/10 {
+    background-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
+  .bg-border {
+    background-color: var(--line);
+  }
+  .bg-card {
+    background-color: var(--card);
+  }
+  .bg-destructive\/10 {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 10%, transparent);
+    }
+  }
+  .bg-muted {
+    background-color: var(--raised);
+  }
+  .bg-muted\/50 {
+    background-color: var(--raised);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--raised) 50%, transparent);
+    }
+  }
+  .bg-muted\/80 {
+    background-color: var(--raised);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--raised) 80%, transparent);
+    }
+  }
+  .bg-popover {
+    background-color: var(--raised);
+  }
+  .bg-primary {
+    background-color: var(--accent);
+  }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
+  .bg-red-100 {
+    background-color: var(--color-red-100);
+  }
+  .bg-secondary {
+    background-color: var(--raised);
+  }
+  .bg-transparent {
+    background-color: transparent;
+  }
+  .bg-clip-padding {
+    background-clip: padding-box;
+  }
+  .fill-current {
+    fill: currentcolor;
+  }
+  .p-0 {
+    padding: 0px;
+  }
+  .p-1 {
+    padding: var(--spacing);
+  }
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
+  }
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
+  }
+  .p-3 {
+    padding: calc(var(--spacing) * 3);
+  }
+  .p-4 {
+    padding: calc(var(--spacing) * 4);
+  }
+  .p-5 {
+    padding: calc(var(--spacing) * 5);
+  }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
+  .px-0 {
+    padding-inline: 0px;
+  }
+  .px-1 {
+    padding-inline: var(--spacing);
+  }
+  .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-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+  .px-4 {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .px-5 {
+    padding-inline: calc(var(--spacing) * 5);
+  }
+  .py-0\.5 {
+    padding-block: calc(var(--spacing) * 0.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);
+  }
+  .pt-0 {
+    padding-top: 0px;
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .pt-4 {
+    padding-top: calc(var(--spacing) * 4);
+  }
+  .pt-8 {
+    padding-top: calc(var(--spacing) * 8);
+  }
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
+  .pr-8 {
+    padding-right: calc(var(--spacing) * 8);
+  }
+  .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-6 {
+    padding-bottom: calc(var(--spacing) * 6);
+  }
+  .pl-1\.5 {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+  .pl-2 {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
+  .text-center {
+    text-align: center;
+  }
+  .text-left {
+    text-align: left;
+  }
+  .text-right {
+    text-align: right;
+  }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
+  .text-2xl {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .text-3xl {
+    font-size: var(--text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height));
+  }
+  .text-base {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .text-lg {
+    font-size: var(--text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height));
+  }
+  .text-sm {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
+  .text-xs {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  .text-\[0\.8rem\] {
+    font-size: 0.8rem;
+  }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
+  .text-\[13px\] {
+    font-size: 13px;
+  }
+  .text-\[14px\] {
+    font-size: 14px;
+  }
+  .text-\[15px\] {
+    font-size: 15px;
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .leading-normal {
+    --tw-leading: var(--leading-normal);
+    line-height: var(--leading-normal);
+  }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
+  .leading-snug {
+    --tw-leading: var(--leading-snug);
+    line-height: var(--leading-snug);
+  }
+  .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);
+  }
+  .tracking-widest {
+    --tw-tracking: var(--tracking-widest);
+    letter-spacing: var(--tracking-widest);
+  }
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
+  .wrap-break-word {
+    overflow-wrap: break-word;
+  }
+  .break-all {
+    word-break: break-all;
+  }
+  .whitespace-normal {
+    white-space: normal;
+  }
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-\[var\(--bad\)\] {
+    color: var(--bad);
+  }
+  .text-\[var\(--faint\)\] {
+    color: var(--faint);
+  }
+  .text-\[var\(--ok\)\] {
+    color: var(--ok);
+  }
+  .text-\[var\(--sdm-c\,inherit\)\] {
+    color: var(--sdm-c,inherit);
+  }
+  .text-black {
+    color: var(--color-black);
+  }
+  .text-destructive {
+    color: var(--bad);
+  }
+  .text-foreground {
+    color: var(--fg);
+  }
+  .text-inherit {
+    color: inherit;
+  }
+  .text-muted-foreground {
+    color: var(--muted);
+  }
+  .text-popover-foreground {
+    color: var(--fg);
+  }
+  .text-primary {
+    color: var(--accent);
+  }
+  .text-primary-foreground {
+    color: var(--accent-fg);
+  }
+  .text-red-600 {
+    color: var(--color-red-600);
+  }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
+  .text-red-800 {
+    color: var(--color-red-800);
+  }
+  .text-secondary-foreground {
+    color: var(--fg);
+  }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .italic {
+    font-style: italic;
+  }
+  .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, );
+  }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
+  .underline-offset-4 {
+    text-underline-offset: 4px;
+  }
+  .opacity-0 {
+    opacity: 0%;
+  }
+  .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-md {
+    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-none {
+    --tw-shadow: 0 0 #0000;
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-sm {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .ring-0 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .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);
+  }
+  .ring-3 {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+  }
+  .ring-card {
+    --tw-ring-color: var(--card);
+  }
+  .ring-foreground\/10 {
+    --tw-ring-color: var(--fg);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--fg) 10%, transparent);
+    }
+  }
+  .outline-hidden {
+    --tw-outline-style: none;
+    outline-style: none;
+    @media (forced-colors: active) {
+      outline: 2px solid transparent;
+      outline-offset: 2px;
+    }
+  }
+  .outline {
+    outline-style: var(--tw-outline-style);
+    outline-width: 1px;
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+  .transition-\[translate\,scale\,opacity\] {
+    transition-property: translate,scale,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-transform {
+    transition-property: transform, translate, scale, rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .duration-100 {
+    --tw-duration: 100ms;
+    transition-duration: 100ms;
+  }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
+  .contain-content {
+    contain: content;
+  }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .\!running {
+    animation-play-state: running !important;
+  }
+  .\[contain-intrinsic-size\:auto_10rem\] {
+    contain-intrinsic-size: auto 10rem;
+  }
+  .\[content-visibility\:auto\] {
+    content-visibility: auto;
+  }
+  .\[content-visibility\:visible\] {
+    content-visibility: visible;
+  }
+  .\[counter-increment\:line_0\] {
+    counter-increment: line 0;
+  }
+  .\[counter-reset\:line\] {
+    counter-reset: line;
+  }
+  .running {
+    animation-play-state: running;
+  }
+  :is(.\*\:w-full > *) {
+    width: 100%;
+  }
+  @media (hover: hover) {
+    :is(:where(.group):hover .group-hover\:block) {
+      display: block;
+    }
+    :is(:where(.group):hover .group-hover\:opacity-100) {
+      opacity: 100%;
+    }
+    :is(:where(.group\/reply):hover .group-hover\/reply\:visible) {
+      visibility: visible;
+    }
+    :is(:where(.group\/row):hover .group-hover\/row\:opacity-100) {
+      opacity: 100%;
+    }
+    :is(:where(.group\/skill):hover .group-hover\/skill\:opacity-100) {
+      opacity: 100%;
+    }
+  }
+  :is(:where(.group\/dropdown-menu-item):focus .group-focus\/dropdown-menu-item\:text-accent-foreground) {
+    color: var(--fg);
+  }
+  :is(:where(.group\/item):has([data-slot="item-description"]) .group-has-data-\[slot\=item-description\]\/item\:translate-y-0\.5) {
+    --tw-translate-y: calc(var(--spacing) * 0.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  :is(:where(.group\/item):has([data-slot="item-description"]) .group-has-data-\[slot\=item-description\]\/item\:self-start) {
+    align-self: flex-start;
+  }
+  :is(:where(.group\/message):has([data-slot="message-footer"]) .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8) {
+    --tw-translate-y: calc(var(--spacing) * -8);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  :is(:where(.group\/message):has([data-variant="ghost"]) .group-has-data-\[variant\=ghost\]\/message\:px-0) {
+    padding-inline: 0px;
+  }
+  :is(:where(.group\/field):has(:where([data-orientation="horizontal"])) .group-has-data-horizontal\/field\:text-balance) {
+    text-wrap: balance;
+  }
+  :is(:where(.group\/input-group):has( > input) .group-has-\[\>input\]\/input-group\:pt-2) {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  :is(:where(.group\/input-group):has( > input) .group-has-\[\>input\]\/input-group\:pb-2) {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  :is(:where(.group\/bubble)[data-align="end"] .group-data-\[align\=end\]\/bubble\:self-end) {
+    align-self: flex-end;
+  }
+  :is(:where(.group\/message)[data-align="end"] .group-data-\[align\=end\]\/message\:justify-end) {
+    justify-content: flex-end;
+  }
+  :is(:where(.group\/message)[data-align="end"] .group-data-\[align\=end\]\/message\:self-end) {
+    align-self: flex-end;
+  }
+  :is(:where(.group)[data-disabled="true"] .group-data-\[disabled\=true\]\:pointer-events-none) {
+    pointer-events: none;
+  }
+  :is(:where(.group)[data-disabled="true"] .group-data-\[disabled\=true\]\:opacity-50) {
+    opacity: 50%;
+  }
+  :is(:where(.group\/field)[data-disabled="true"] .group-data-\[disabled\=true\]\/field\:opacity-50) {
+    opacity: 50%;
+  }
+  :is(:where(.group\/input-group)[data-disabled="true"] .group-data-\[disabled\=true\]\/input-group\:opacity-50) {
+    opacity: 50%;
+  }
+  :is(:where(.group\/item)[data-size="sm"] .group-data-\[size\=sm\]\/item\:size-8) {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  :is(:where(.group\/item)[data-size="xs"] .group-data-\[size\=xs\]\/item\:size-6) {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  :is(:where(.group\/item)[data-size="xs"] .group-data-\[size\=xs\]\/item\:gap-0) {
+    gap: 0px;
+  }
+  :is(:where(.group\/item)[data-size="xs"] .group-data-\[size\=xs\]\/item\:text-xs) {
+    font-size: var(--text-xs);
+    line-height: var(--tw-leading, var(--text-xs--line-height));
+  }
+  :is(:where(.group\/mcp)[data-state="open"] .group-data-\[state\=open\]\/mcp\:rotate-90) {
+    rotate: 90deg;
+  }
+  :is(:where(.group\/tool)[data-state="open"] .group-data-\[state\=open\]\/tool\:rotate-90) {
+    rotate: 90deg;
+  }
+  :is(:where(.group\/field-group)[data-variant="outline"] .group-data-\[variant\=outline\]\/field-group\:-mb-2) {
+    margin-bottom: calc(var(--spacing) * -2);
+  }
+  :is(:where(.group\/marker)[data-variant="separator"] .group-data-\[variant\=separator\]\/marker\:flex-none) {
+    flex: none;
+  }
+  :is(:where(.group\/marker)[data-variant="separator"] .group-data-\[variant\=separator\]\/marker\:text-center) {
+    text-align: center;
+  }
+  :is(:where(.peer):disabled ~ .peer-disabled\:cursor-not-allowed) {
+    cursor: not-allowed;
+  }
+  :is(:where(.peer):disabled ~ .peer-disabled\:opacity-50) {
+    opacity: 50%;
+  }
+  .file\:inline-flex::file-selector-button {
+    display: inline-flex;
+  }
+  .file\:h-6::file-selector-button {
+    height: calc(var(--spacing) * 6);
+  }
+  .file\:border-0::file-selector-button {
+    border-style: var(--tw-border-style);
+    border-width: 0px;
+  }
+  .file\:bg-transparent::file-selector-button {
+    background-color: transparent;
+  }
+  .file\:text-sm::file-selector-button {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .file\:font-medium::file-selector-button {
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+  }
+  .file\:text-foreground::file-selector-button {
+    color: var(--fg);
+  }
+  .placeholder\:text-muted-foreground::placeholder {
+    color: var(--muted);
+  }
+  .before\:mr-1::before {
+    content: var(--tw-content);
+    margin-right: var(--spacing);
+  }
+  .before\:mr-4::before {
+    content: var(--tw-content);
+    margin-right: calc(var(--spacing) * 4);
+  }
+  .before\:inline-block::before {
+    content: var(--tw-content);
+    display: inline-block;
+  }
+  .before\:h-px::before {
+    content: var(--tw-content);
+    height: 1px;
+  }
+  .before\:w-6::before {
+    content: var(--tw-content);
+    width: calc(var(--spacing) * 6);
+  }
+  .before\:min-w-0::before {
+    content: var(--tw-content);
+    min-width: 0px;
+  }
+  .before\:flex-1::before {
+    content: var(--tw-content);
+    flex: 1;
+  }
+  .before\:bg-border::before {
+    content: var(--tw-content);
+    background-color: var(--line);
+  }
+  .before\:text-right::before {
+    content: var(--tw-content);
+    text-align: right;
+  }
+  .before\:font-mono::before {
+    content: var(--tw-content);
+    font-family: var(--font-mono);
+  }
+  .before\:text-\[13px\]::before {
+    content: var(--tw-content);
+    font-size: 13px;
+  }
+  .before\:text-muted-foreground\/50::before {
+    content: var(--tw-content);
+    color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted) 50%, transparent);
+    }
+  }
+  .before\:content-\[counter\(line\)\]::before {
+    --tw-content: counter(line);
+    content: var(--tw-content);
+  }
+  .before\:select-none::before {
+    content: var(--tw-content);
+    -webkit-user-select: none;
+    user-select: none;
+  }
+  .before\:\[counter-increment\:line\]::before {
+    content: var(--tw-content);
+    counter-increment: line;
+  }
+  .after\:ml-1::after {
+    content: var(--tw-content);
+    margin-left: var(--spacing);
+  }
+  .after\:h-px::after {
+    content: var(--tw-content);
+    height: 1px;
+  }
+  .after\:min-w-0::after {
+    content: var(--tw-content);
+    min-width: 0px;
+  }
+  .after\:flex-1::after {
+    content: var(--tw-content);
+    flex: 1;
+  }
+  .after\:bg-border::after {
+    content: var(--tw-content);
+    background-color: var(--line);
+  }
+  .first\:border-t-0:first-child {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
+  .last\:mt-0:last-child {
+    margin-top: 0px;
+  }
+  @media (hover: hover) {
+    .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
+      background-color: var(--secondary);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover {
+        background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+      }
+    }
+    .hover\:bg-\[var\(--hover\)\]:hover {
+      background-color: var(--hover);
+    }
+    .hover\:bg-background:hover {
+      background-color: var(--surface);
+    }
+    .hover\:bg-destructive\/20:hover {
+      background-color: var(--bad);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-destructive\/20:hover {
+        background-color: color-mix(in oklab, var(--bad) 20%, transparent);
+      }
+    }
+    .hover\:bg-muted:hover {
+      background-color: var(--raised);
+    }
+    .hover\:bg-muted\/40:hover {
+      background-color: var(--raised);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/40:hover {
+        background-color: color-mix(in oklab, var(--raised) 40%, transparent);
+      }
+    }
+    .hover\:bg-primary\/80:hover {
+      background-color: var(--accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/80:hover {
+        background-color: color-mix(in oklab, var(--accent) 80%, transparent);
+      }
+    }
+    .hover\:bg-primary\/90:hover {
+      background-color: var(--accent);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/90:hover {
+        background-color: color-mix(in oklab, var(--accent) 90%, transparent);
+      }
+    }
+    .hover\:text-foreground:hover {
+      color: var(--fg);
+    }
+    .hover\:underline:hover {
+      text-decoration-line: underline;
+    }
+  }
+  .focus\:bg-accent:focus {
+    background-color: var(--selected);
+  }
+  .focus\:text-accent-foreground:focus {
+    color: var(--fg);
+  }
+  :is(.focus\:\*\*\:text-accent-foreground:focus *) {
+    color: var(--fg);
+  }
+  :is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant="destructive"]):focus *) {
+    color: var(--fg);
+  }
+  .focus-visible\:border-destructive\/40:focus-visible {
+    border-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--bad) 40%, transparent);
+    }
+  }
+  .focus-visible\:border-ring:focus-visible {
+    border-color: var(--ring);
+  }
+  .focus-visible\:opacity-100:focus-visible {
+    opacity: 100%;
+  }
+  .focus-visible\:ring-0:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .focus-visible\:ring-3:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+  }
+  .focus-visible\:ring-\[3px\]:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+  }
+  .focus-visible\:ring-destructive\/20:focus-visible {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .focus-visible\:ring-ring\/50:focus-visible {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  .active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]) {
+    --tw-translate-y: 1px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .disabled\:pointer-events-none:disabled {
+    pointer-events: none;
+  }
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+  .disabled\:bg-input\/50:disabled {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 50%, transparent);
+    }
+  }
+  .disabled\:bg-transparent:disabled {
+    background-color: transparent;
+  }
+  .disabled\:opacity-50:disabled {
+    opacity: 50%;
+  }
+  :where([data-slot="button-group"]) .in-data-\[slot\=button-group\]\:rounded-lg {
+    border-radius: 10px;
+  }
+  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit:focus-within {
+    border-color: inherit;
+  }
+  :where([data-slot="combobox-content"]) .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  :where([data-slot="dropdown-menu-content"]) .in-data-\[slot\=dropdown-menu-content\]\:p-0 {
+    padding: 0px;
+  }
+  .has-disabled\:bg-input\/50:has(:disabled) {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 50%, transparent);
+    }
+  }
+  .has-disabled\:opacity-50:has(:disabled) {
+    opacity: 50%;
+  }
+  .has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
+  .has-data-\[icon\=inline-end\]\:pr-2:has([data-icon="inline-end"]) {
+    padding-right: calc(var(--spacing) * 2);
+  }
+  .has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+  .has-data-\[icon\=inline-start\]\:pl-2:has([data-icon="inline-start"]) {
+    padding-left: calc(var(--spacing) * 2);
+  }
+  .has-data-\[size\=sm\]\:gap-2\.5:has([data-size="sm"]) {
+    gap: calc(var(--spacing) * 2.5);
+  }
+  .has-data-\[size\=xs\]\:gap-2:has([data-size="xs"]) {
+    gap: calc(var(--spacing) * 2);
+  }
+  .has-data-checked\:border-primary\/30:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+    border-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent) 30%, transparent);
+    }
+  }
+  .has-data-checked\:bg-primary\/5:has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 5%, transparent);
+    }
+  }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has(:is([data-slot=input-group-control]:focus-visible)) {
+    border-color: var(--ring);
+  }
+  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3:has(:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has(:is([data-slot=input-group-control]:focus-visible)) {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has(:is([data-slot][aria-invalid=true])) {
+    border-color: var(--bad);
+  }
+  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3:has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .has-\[button\]\:p-0:has(:is(button)) {
+    padding: 0px;
+  }
+  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align=block-end]) {
+    height: auto;
+  }
+  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align=block-end]) {
+    flex-direction: column;
+  }
+  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align=block-start]) {
+    height: auto;
+  }
+  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align=block-start]) {
+    flex-direction: column;
+  }
+  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot=checkbox-group]) {
+    gap: calc(var(--spacing) * 3);
+  }
+  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot=field-content]) {
+    align-items: flex-start;
+  }
+  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot=field]) {
+    width: 100%;
+  }
+  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot=field]) {
+    flex-direction: column;
+  }
+  .has-\[\>\[data-slot\=field\]\]\:rounded-lg:has( > [data-slot=field]) {
+    border-radius: 10px;
+  }
+  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot=field]) {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  @media (hover: hover) {
+    .has-\[\>\[data-slot\=field\]\]\:not-has-\[\:disabled\,\[data-disabled\]\]\:hover\:bg-muted\/50:has( > [data-slot=field]):not(:has(:is(:disabled, [data-disabled]))):hover {
+      background-color: var(--raised);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .has-\[\>\[data-slot\=field\]\]\:not-has-\[\:disabled\,\[data-disabled\]\]\:hover\:bg-muted\/50:has( > [data-slot=field]):not(:has(:is(:disabled, [data-disabled]))):hover {
+        background-color: color-mix(in oklab, var(--raised) 50%, transparent);
+      }
+    }
+  }
+  .has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:border-ring:has( > [data-slot=field]):has(:is(:focus-visible)) {
+    border-color: var(--ring);
+  }
+  .has-\[\>\[data-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-3:has( > [data-slot=field]):has(:is(:focus-visible)) {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-slot\=field\]\]\:has-\[\:focus-visible\]\:ring-ring\/50:has( > [data-slot=field]):has(:is(:focus-visible)) {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot=radio-group]) {
+    gap: calc(var(--spacing) * 3);
+  }
+  .has-\[\>button\]\:mr-\[-0\.3rem\]:has( > button) {
+    margin-right: -0.3rem;
+  }
+  .has-\[\>button\]\:ml-\[-0\.3rem\]:has( > button) {
+    margin-left: -0.3rem;
+  }
+  .has-\[\>kbd\]\:mr-\[-0\.15rem\]:has( > kbd) {
+    margin-right: -0.15rem;
+  }
+  .has-\[\>kbd\]\:ml-\[-0\.15rem\]:has( > kbd) {
+    margin-left: -0.15rem;
+  }
+  .has-\[\>svg\]\:p-0:has( > svg) {
+    padding: 0px;
+  }
+  .has-\[\>textarea\]\:h-auto:has( > textarea) {
+    height: auto;
+  }
+  .aria-expanded\:bg-muted[aria-expanded="true"] {
+    background-color: var(--raised);
+  }
+  .aria-expanded\:bg-secondary[aria-expanded="true"] {
+    background-color: var(--raised);
+  }
+  .aria-expanded\:text-foreground[aria-expanded="true"] {
+    color: var(--fg);
+  }
+  .aria-expanded\:text-secondary-foreground[aria-expanded="true"] {
+    color: var(--fg);
+  }
+  .aria-invalid\:border-destructive[aria-invalid="true"] {
+    border-color: var(--bad);
+  }
+  .aria-invalid\:ring-0[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .aria-invalid\:ring-3[aria-invalid="true"] {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+  }
+  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .data-autoscrolling\:scrollbar-thumb-transparent[data-autoscrolling] {
+    --tw-scrollbar-thumb: transparent;
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .data-autoscrolling\:scrollbar-track-transparent[data-autoscrolling] {
+    --tw-scrollbar-track: transparent;
+    scrollbar-color: var(--tw-scrollbar-thumb) var(--tw-scrollbar-track);
+  }
+  .data-inset\:pl-7[data-inset] {
+    padding-left: calc(var(--spacing) * 7);
+  }
+  .data-pending-scroll\:invisible[data-pending-scroll] {
+    visibility: hidden;
+  }
+  .data-placeholder\:text-muted-foreground[data-placeholder] {
+    color: var(--muted);
+  }
+  :is(:is(:where(.group\/message)[data-align="end"] .group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end) > *)[data-slot] {
+    align-self: flex-end;
+  }
+  .data-\[active\=false\]\:pointer-events-none[data-active="false"] {
+    pointer-events: none;
+  }
+  .data-\[active\=false\]\:scale-95[data-active="false"] {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .data-\[active\=false\]\:opacity-0[data-active="false"] {
+    opacity: 0%;
+  }
+  .data-\[active\=false\]\:duration-400[data-active="false"] {
+    --tw-duration: 400ms;
+    transition-duration: 400ms;
+  }
+  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
+    --tw-ease: cubic-bezier(0.7,0,0.84,0);
+    transition-timing-function: cubic-bezier(0.7,0,0.84,0);
+  }
+  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
+    --tw-translate-y: 0px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[active\=true\]\:scale-100[data-active="true"] {
+    --tw-scale-x: 100%;
+    --tw-scale-y: 100%;
+    --tw-scale-z: 100%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
+  .data-\[active\=true\]\:opacity-100[data-active="true"] {
+    opacity: 100%;
+  }
+  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
+    --tw-ease: cubic-bezier(0.23,1,0.32,1);
+    transition-timing-function: cubic-bezier(0.23,1,0.32,1);
+  }
+  .data-\[align-trigger\=true\]\:animate-none[data-align-trigger="true"] {
+    animation: none;
+  }
+  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
+    flex-direction: row-reverse;
+  }
+  .data-\[align\=end\]\:self-end[data-align="end"] {
+    align-self: flex-end;
+  }
+  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
+    bottom: calc(var(--spacing) * 4);
+  }
+  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[direction\=start\]\:top-4[data-direction="start"] {
+    top: calc(var(--spacing) * 4);
+  }
+  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
+    --tw-translate-y: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
+    color: var(--bad);
+  }
+  .data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position="popper"] {
+    height: var(--radix-select-trigger-height);
+  }
+  .data-\[position\=popper\]\:w-full[data-position="popper"] {
+    width: 100%;
+  }
+  .data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position="popper"] {
+    min-width: var(--radix-select-trigger-width);
+  }
+  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
+    --tw-translate-y: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
+  }
+  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
+    --tw-translate-x: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+    --tw-enter-translate-x: calc(2*var(--spacing));
+  }
+  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
+    --tw-translate-x: var(--spacing);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
+  }
+  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
+    --tw-translate-y: calc(var(--spacing) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+    --tw-enter-translate-y: calc(2*var(--spacing));
+  }
+  .data-\[size\=default\]\:h-8[data-size="default"] {
+    height: calc(var(--spacing) * 8);
+  }
+  .data-\[size\=sm\]\:h-7[data-size="sm"] {
+    height: calc(var(--spacing) * 7);
+  }
+  .data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size="sm"] {
+    border-radius: min(var(--radius-md), 10px);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
+    border-radius: 0;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
+    border-color: var(--line);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
+    background-color: oklch(from var(--primary) 0.93 calc(c * 0.4) h);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background > *)[data-slot="bubble-content"] {
+    background-color: var(--surface);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 10%, transparent);
+    }
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
+    background-color: var(--raised);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
+    background-color: var(--accent);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
+    background-color: var(--raised);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
+    background-color: transparent;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
+    padding: 0px;
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
+    color: var(--bad);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
+    color: var(--fg);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--accent-fg);
+  }
+  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
+    color: var(--fg);
+  }
+  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
+    gap: calc(var(--spacing) * 3);
+  }
+  :is(.\*\:data-\[slot\=field\]\:p-2\.5 > *)[data-slot="field"] {
+    padding: calc(var(--spacing) * 2.5);
+  }
+  :is(.\*\:data-\[slot\=field-group\]\:gap-4 > *)[data-slot="field-group"] {
+    gap: calc(var(--spacing) * 4);
+  }
+  :is(.\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
+    flex: auto;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
+    display: flex;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
+    align-items: center;
+  }
+  :is(.\*\:data-\[slot\=select-value\]\:gap-1\.5 > *)[data-slot="select-value"] {
+    gap: calc(var(--spacing) * 1.5);
+  }
+  .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] {
+    overflow: hidden;
+  }
+  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
+    color: var(--bad);
+  }
+  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 10%, transparent);
+    }
+  }
+  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
+    color: var(--bad);
+  }
+  .data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] {
+    max-width: 100%;
+  }
+  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .nth-last-2\:-mt-1:nth-last-child(2) {
+    margin-top: calc(var(--spacing) * -1);
+  }
+  @supports (backdrop-filter: var(--tw)) {
+    .supports-backdrop-filter\:backdrop-blur-xs {
+      --tw-backdrop-blur: blur(var(--blur-xs));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    }
+    .supports-\[backdrop-filter\]\:bg-background\/70 {
+      background-color: var(--surface);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .supports-\[backdrop-filter\]\:bg-background\/70 {
+        background-color: color-mix(in oklab, var(--surface) 70%, transparent);
+      }
+    }
+    .supports-\[backdrop-filter\]\:backdrop-blur {
+      --tw-backdrop-blur: blur(8px);
+      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    }
+    .supports-\[backdrop-filter\]\:backdrop-blur-sm {
+      --tw-backdrop-blur: blur(var(--blur-sm));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+      backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    }
+  }
+  @media (prefers-reduced-motion: no-preference) {
+    .motion-safe\:animate-pulse {
+      animation: var(--animate-pulse);
+    }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:animate-none {
+      animation: none;
+    }
+    .motion-reduce\:transition-none {
+      transition-property: none;
+    }
+  }
+  @media (width >= 40rem) {
+    .sm\:max-w-lg {
+      max-width: var(--container-lg);
+    }
+    .sm\:max-w-md {
+      max-width: var(--container-md);
+    }
+    .sm\:max-w-sm {
+      max-width: var(--container-sm);
+    }
+    .sm\:flex-row {
+      flex-direction: row;
+    }
+    .sm\:justify-end {
+      justify-content: flex-end;
+    }
+  }
+  @media (width >= 48rem) {
+    .md\:text-sm {
+      font-size: var(--text-sm);
+      line-height: var(--tw-leading, var(--text-sm--line-height));
+    }
+  }
+  @container (width < 460px) {
+    .\@max-\[460px\]\:px-2\.5 {
+      padding-inline: calc(var(--spacing) * 2.5);
+    }
+    .\@max-\[460px\]\:px-3\.5 {
+      padding-inline: calc(var(--spacing) * 3.5);
+    }
+    .\@max-\[460px\]\:pt-5 {
+      padding-top: calc(var(--spacing) * 5);
+    }
+    .\@max-\[460px\]\:pb-2\.5 {
+      padding-bottom: calc(var(--spacing) * 2.5);
+    }
+  }
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:flex-row {
+      flex-direction: row;
+    }
+    .\@md\/field-group\:items-center {
+      align-items: center;
+    }
+    :is(.\@md\/field-group\:\*\:w-auto > *) {
+      width: auto;
+    }
+    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot=field-content]) {
+      align-items: flex-start;
+    }
+    :is(.\@md\/field-group\:\*\:data-\[slot\=field-label\]\:flex-auto > *)[data-slot="field-label"] {
+      flex: auto;
+    }
+  }
+  .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
+    --tw-translate-x: calc(1 / 2 * 100%);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .dark\:border-input:is([data-theme="dark"], [data-theme="dark"] *) {
+    border-color: var(--line-strong);
+  }
+  .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-bg\,inherit\)\)\]:is([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--shiki-dark-bg,var(--sdm-bg,inherit));
+  }
+  .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\]:is([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--shiki-dark-bg,var(--sdm-tbg));
+  }
+  .dark\:bg-destructive\/20:is([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .dark\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 30%, transparent);
+    }
+  }
+  .dark\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: transparent;
+  }
+  .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\]:is([data-theme="dark"], [data-theme="dark"] *) {
+    color: var(--shiki-dark,var(--sdm-c,inherit));
+  }
+  @media (hover: hover) {
+    .dark\:hover\:bg-destructive\/30:is([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--bad);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-destructive\/30:is([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--bad) 30%, transparent);
+      }
+    }
+    .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--line-strong);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-input\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--line-strong) 50%, transparent);
+      }
+    }
+    .dark\:hover\:bg-muted\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
+      background-color: var(--raised);
+    }
+    @supports (color: color-mix(in lab, red, red)) {
+      .dark\:hover\:bg-muted\/50:is([data-theme="dark"], [data-theme="dark"] *):hover {
+        background-color: color-mix(in oklab, var(--raised) 50%, transparent);
+      }
+    }
+  }
+  .dark\:focus-visible\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):focus-visible {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 40%, transparent);
+    }
+  }
+  .dark\:disabled\:bg-input\/80:is([data-theme="dark"], [data-theme="dark"] *):disabled {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 80%, transparent);
+    }
+  }
+  .dark\:disabled\:bg-transparent:is([data-theme="dark"], [data-theme="dark"] *):disabled {
+    background-color: transparent;
+  }
+  .dark\:has-disabled\:bg-input\/80:is([data-theme="dark"], [data-theme="dark"] *):has(:disabled) {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 80%, transparent);
+    }
+  }
+  .dark\:has-data-checked\:border-primary\/20:is([data-theme="dark"], [data-theme="dark"] *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+    border-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--accent) 20%, transparent);
+    }
+  }
+  .dark\:has-data-checked\:bg-primary\/10:is([data-theme="dark"], [data-theme="dark"] *):has(:where([data-state="checked"]), :where([data-checked]:not([data-checked="false"]))) {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 10%, transparent);
+    }
+  }
+  .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *):has(:is([data-slot][aria-invalid=true])) {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 40%, transparent);
+    }
+  }
+  .dark\:aria-invalid\:border-destructive\/50:is([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+    border-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--bad) 50%, transparent);
+    }
+  }
+  .dark\:aria-invalid\:ring-destructive\/40:is([data-theme="dark"], [data-theme="dark"] *)[aria-invalid="true"] {
+    --tw-ring-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--bad) 40%, transparent);
+    }
+  }
+  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]:is([data-theme="dark"], [data-theme="dark"] *) > *)[data-slot="bubble-content"] {
+    background-color: oklch(from var(--primary) 0.3 calc(c * 0.4) h);
+  }
+  :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20:is([data-theme="dark"], [data-theme="dark"] *) > *)[data-slot="bubble-content"] {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is([data-theme="dark"], [data-theme="dark"] *)[data-variant="destructive"]:focus {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  @container app (width < 40rem) {
+    .phone\:order-last {
+      order: 9999;
+    }
+    .phone\:col-span-2 {
+      grid-column: span 2 / span 2;
+    }
+    .phone\:col-start-1 {
+      grid-column-start: 1;
+    }
+    .phone\:col-start-2 {
+      grid-column-start: 2;
+    }
+    .phone\:row-start-1 {
+      grid-row-start: 1;
+    }
+    .phone\:row-start-2 {
+      grid-row-start: 2;
+    }
+    .phone\:row-start-3 {
+      grid-row-start: 3;
+    }
+    .phone\:hidden {
+      display: none;
+    }
+    .phone\:h-16 {
+      height: calc(var(--spacing) * 16);
+    }
+    .phone\:w-auto {
+      width: auto;
+    }
+    .phone\:min-w-0 {
+      min-width: 0px;
+    }
+    .phone\:flex-1 {
+      flex: 1;
+    }
+    .phone\:basis-full {
+      flex-basis: 100%;
+    }
+    .phone\:grid-cols-1 {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+    .phone\:grid-cols-\[minmax\(0\,1fr\)_24px\] {
+      grid-template-columns: minmax(0,1fr) 24px;
+    }
+    .phone\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
+      grid-template-columns: minmax(0,1fr) auto;
+    }
+    .phone\:flex-wrap {
+      flex-wrap: wrap;
+    }
+    .phone\:content-center {
+      align-content: center;
+    }
+    .phone\:gap-y-0\.5 {
+      row-gap: calc(var(--spacing) * 0.5);
+    }
+    .phone\:rounded-none {
+      border-radius: 0;
+    }
+    .phone\:p-0 {
+      padding: 0px;
+    }
+    .phone\:p-3\.5 {
+      padding: calc(var(--spacing) * 3.5);
+    }
+    .phone\:py-2 {
+      padding-block: calc(var(--spacing) * 2);
+    }
+    .phone\:pl-6 {
+      padding-left: calc(var(--spacing) * 6);
+    }
+    .phone\:after\:hidden::after {
+      content: var(--tw-content);
+      display: none;
+    }
+  }
+  @container app (width >= 40rem) {
+    .wide\:hidden {
+      display: none;
+    }
+  }
+  @container app (width < 56rem) {
+    .narrow\:grid-cols-1 {
+      grid-template-columns: repeat(1, minmax(0, 1fr));
+    }
+  }
+  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
+    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-open\:bg-accent:where([data-state="open"]), .data-open\:bg-accent:where([data-open]:not([data-open="false"])) {
+    background-color: var(--selected);
+  }
+  .data-open\:text-accent-foreground:where([data-state="open"]), .data-open\:text-accent-foreground:where([data-open]:not([data-open="false"])) {
+    color: var(--fg);
+  }
+  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
+    --tw-enter-opacity: calc(0/100);
+    --tw-enter-opacity: 0;
+  }
+  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
+    --tw-enter-scale: calc(95*1%);
+    --tw-enter-scale: .95;
+  }
+  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
+    animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  }
+  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-opacity: calc(0/100);
+    --tw-exit-opacity: 0;
+  }
+  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
+    --tw-exit-scale: calc(95*1%);
+    --tw-exit-scale: .95;
+  }
+  .data-disabled\:pointer-events-none:where([data-disabled="true"]), .data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled="false"])) {
+    pointer-events: none;
+  }
+  .data-disabled\:opacity-50:where([data-disabled="true"]), .data-disabled\:opacity-50:where([data-disabled]:not([data-disabled="false"])) {
+    opacity: 50%;
+  }
+  .data-horizontal\:h-px:where([data-orientation="horizontal"]) {
+    height: 1px;
+  }
+  .data-horizontal\:w-full:where([data-orientation="horizontal"]) {
+    width: 100%;
+  }
+  .data-vertical\:w-px:where([data-orientation="vertical"]) {
+    width: 1px;
+  }
+  .data-vertical\:self-stretch:where([data-orientation="vertical"]) {
+    align-self: stretch;
+  }
+  .\[\&_img\]\:size-full img {
+    width: 100%;
+    height: 100%;
+  }
+  .\[\&_img\]\:object-cover img {
+    object-fit: cover;
+  }
+  .\[\&_svg\]\:pointer-events-none svg {
+    pointer-events: none;
+  }
+  .\[\&_svg\]\:h-auto svg {
+    height: auto;
+  }
+  .\[\&_svg\]\:w-auto svg {
+    width: auto;
+  }
+  .\[\&_svg\]\:shrink-0 svg {
+    flex-shrink: 0;
+  }
+  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
+    rotate: 180deg;
+  }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .\[\&_thead\]\:sticky thead {
+    position: sticky;
+  }
+  .\[\&_thead\]\:top-0 thead {
+    top: 0px;
+  }
+  .\[\&_thead\]\:z-10 thead {
+    z-index: 10;
+  }
+  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot=item-content] {
+    flex: none;
+  }
+  .\[\.border-b\]\:pb-2:is(.border-b) {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
+  .\[\.border-t\]\:pt-2:is(.border-t) {
+    padding-top: calc(var(--spacing) * 2);
+  }
+  .\[a\]\:underline:is(a) {
+    text-decoration-line: underline;
+  }
+  .\[a\]\:underline-offset-3:is(a) {
+    text-underline-offset: 3px;
+  }
+  .\[a\]\:transition-colors:is(a) {
+    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));
+  }
+  :is(.\*\:\[a\]\:underline > *):is(a) {
+    text-decoration-line: underline;
+  }
+  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
+    text-underline-offset: 3px;
+  }
+  @media (hover: hover) {
+    .\[a\]\:hover\:bg-muted:is(a):hover {
+      background-color: var(--raised);
+    }
+    .\[a\]\:hover\:text-foreground:is(a):hover {
+      color: var(--fg);
+    }
+    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
+      color: var(--fg);
+    }
+  }
+  .\[button\]\:text-left:is(button) {
+    text-align: left;
+  }
+  .\[button\,a\]\:transition-colors:is(button, a) {
+    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));
+  }
+  .\[button\,a\]\:outline-none:is(button, a) {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
+    border-color: var(--ring);
+  }
+  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
+  }
+  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
+    --tw-ring-color: var(--ring);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
+    display: flex;
+  }
+  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
+    align-items: center;
+  }
+  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
+    gap: calc(var(--spacing) * 2);
+  }
+  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant="destructive"] > *):is(svg) {
+    color: var(--bad);
+  }
+  .\[\&\>\*\:first-child\]\:mt-0 > :first-child {
+    margin-top: 0px;
+  }
+  .\[\&\>\*\:last-child\]\:mb-0 > :last-child {
+    margin-bottom: 0px;
+  }
+  .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:inline > :last-child:not([data-sd-caret-hidden])::after {
+    content: var(--tw-content);
+    display: inline;
+  }
+  .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:align-baseline > :last-child:not([data-sd-caret-hidden])::after {
+    content: var(--tw-content);
+    vertical-align: baseline;
+  }
+  .\[\&\>\*\:last-child\:not\(\[data-sd-caret-hidden\]\)\]\:after\:content-\[var\(--streamdown-caret\)\] > :last-child:not([data-sd-caret-hidden])::after {
+    --tw-content: var(--streamdown-caret);
+    content: var(--tw-content);
+  }
+  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
+    width: auto;
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--secondary);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: oklch(from var(--primary) 0.88 calc(c * 0.5) h);
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 20%, transparent);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--raised);
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--accent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--accent) 80%, transparent);
+    }
+  }
+  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground > [data-slot=bubble-content]:is(button, a):hover {
+    color: var(--fg);
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]:is([data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: oklch(from var(--primary) 0.35 calc(c * 0.5) h);
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30:is([data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--bad);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--bad) 30%, transparent);
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30:is([data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--line-strong);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--line-strong) 30%, transparent);
+    }
+  }
+  .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50:is([data-theme="dark"], [data-theme="dark"] *) > [data-slot=bubble-content]:is(button, a):hover {
+    background-color: var(--raised);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--raised) 50%, transparent);
+    }
+  }
+  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) > [role=checkbox], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) [role=radio] {
+    margin-top: 1px;
+  }
+  @container field-group (width >= 28rem) {
+    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) > [role=checkbox], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot=field-content]) [role=radio] {
+      margin-top: 1px;
+    }
+  }
+  .\[\&\>a\]\:underline > a {
+    text-decoration-line: underline;
+  }
+  .\[\&\>a\]\:underline-offset-4 > a {
+    text-underline-offset: 4px;
+  }
+  .\[\&\>a\:hover\]\:text-primary > a:hover {
+    color: var(--accent);
+  }
+  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align=block-end]) > input {
+    padding-top: calc(var(--spacing) * 3);
+  }
+  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align=block-start]) > input {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5:has( > [data-align=inline-end]) > input {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
+  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5:has( > [data-align=inline-start]) > input {
+    padding-left: calc(var(--spacing) * 1.5);
+  }
+  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
+    border-radius: calc(var(--radius) - 5px);
+  }
+  .\[\&\>p\]\:inline > p {
+    display: inline;
+  }
+  .\[\&\>svg\]\:size-3\.5 > svg {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+  .\[\&\>svg\]\:size-4 > svg {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*='size-']) {
+    width: calc(var(--spacing) * 4);
+    height: calc(var(--spacing) * 4);
+  }
+  @media (hover:none) {
+    .\[\@media\(hover\:none\)\]\:opacity-100 {
+      opacity: 100%;
+    }
+  }
+  [data-variant=legend] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
+    margin-top: calc(var(--spacing) * -1.5);
+  }
+  li .\[li_\&\]\:pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
+}
+@property --tw-animation-delay {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0s;
+}
+@property --tw-animation-direction {
+  syntax: "*";
+  inherits: false;
+  initial-value: normal;
+}
+@property --tw-animation-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-animation-fill-mode {
+  syntax: "*";
+  inherits: false;
+  initial-value: none;
+}
+@property --tw-animation-iteration-count {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-enter-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-enter-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-blur {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-opacity {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-exit-rotate {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-scale {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-exit-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-exit-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@keyframes sd-fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes sd-blurIn {
+  from {
+    opacity: 0;
+    filter: blur(4px);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+  }
+}
+@keyframes sd-slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+[data-sd-animate] {
+  animation: var(--sd-animation, sd-fadeIn) var(--sd-duration, 150ms) var(--sd-easing, ease) var(--sd-delay, 0ms) both;
+}
+@keyframes sd-markerIn {
+  from {
+    color: transparent;
+  }
+}
+[data-sd-animate-marker]::marker {
+  animation: sd-markerIn var(--sd-marker-duration, 150ms) var(--sd-marker-easing, ease) var(--sd-marker-delay, 0ms) both;
+}
+@layer legacy {
+  :root {
+    --canvas: rgb(20 20 20);
+    --surface: rgb(35 35 35);
+    --raised: rgb(50 50 50);
+    --card: rgb(42 42 42);
+    --fg: rgb(250 250 250);
+    --muted: rgb(161 161 161);
+    --faint: rgb(115 115 115);
+    --line: rgb(255 255 255 / 0.08);
+    --hover: rgb(255 255 255 / 0.05);
+    --selected: rgb(255 255 255 / 0.08);
+    --accent: rgb(250 250 250);
+    --accent-fg: rgb(24 24 24);
+    --ok: rgb(16 185 129);
+    --bad: rgb(248 113 113);
+    --warn: rgb(251 191 36);
+    --ring: rgb(150 150 150);
+    --radius: 16px;
+    --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+    color-scheme: dark;
+  }
+  :root[data-theme="light"] {
+    --bad: rgb(220 38 38);
+    --canvas: rgb(243 243 243);
+    --surface: rgb(255 255 255);
+    --raised: rgb(240 240 240);
+    --card: rgb(248 248 248);
+    --fg: rgb(24 24 24);
+    --muted: rgb(110 110 110);
+    --faint: rgb(160 160 160);
+    --line: rgb(0 0 0 / 0.07);
+    --hover: rgb(0 0 0 / 0.04);
+    --selected: rgb(0 0 0 / 0.06);
+    --accent: rgb(24 24 24);
+    --accent-fg: rgb(250 250 250);
+    --ring: rgb(160 160 160);
+    color-scheme: light;
+  }
+  * {
+    box-sizing: border-box;
+  }
+  html, body, #root {
+    margin: 0;
+    height: 100%;
+  }
+  body {
+    background: var(--canvas);
+    color: var(--fg);
+    font: 14px / 1.45 var(--font);
+    -webkit-font-smoothing: antialiased;
+  }
+  button, input, textarea {
+    font: inherit;
+    color: inherit;
+  }
+  button {
+    cursor: pointer;
+  }
+  svg {
+    flex: none;
+  }
+  [hidden] {
+    display: none !important;
+  }
+  #signin {
+    height: 100%;
+    display: grid;
+    place-items: center;
+    padding: 16px;
+  }
+  .signin-card {
+    width: min(380px, 100%);
+    background: var(--surface);
+    border-radius: 20px;
+    padding: 36px 32px 28px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 22px;
+  }
+  .mark {
+    width: 44px;
+    height: 44px;
+    border-radius: 12px;
+    background: var(--fg);
+    color: var(--canvas);
+    display: grid;
+    place-items: center;
+    font-weight: 700;
+    font-size: 20px;
+  }
+  .signin-card h1 {
+    margin: 0;
+    font-size: 20px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+  .primary {
+    border: 0;
+    border-radius: 10px;
+    background: var(--accent);
+    color: var(--accent-fg);
+    height: 40px;
+    padding: 0 18px;
+    font-weight: 600;
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+    justify-content: center;
+  }
+  .primary:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
+  .signin-card .primary {
+    width: 100%;
+  }
+  .quiet {
+    color: var(--muted);
+    font-size: 12.5px;
+    text-align: center;
+    margin: 0;
+  }
+  .signin-card .quiet {
+    line-height: 18px;
+    min-height: 36px;
+  }
+  a {
+    color: inherit;
+  }
+  .spin {
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    border: 2px solid currentColor;
+    border-right-color: transparent;
+    animation: spin 0.8s linear infinite;
+  }
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+  .icon-btn {
+    width: 30px;
+    height: 30px;
+    border-radius: 8px;
+    border: 0;
+    background: transparent;
+    color: var(--muted);
+    display: grid;
+    place-items: center;
+  }
+  .icon-btn:hover {
+    background: var(--hover);
+    color: var(--fg);
+  }
+  .banner {
+    position: fixed;
+    left: 50%;
+    top: 8px;
+    transform: translateX(-50%);
+    background: var(--raised);
+    border-radius: 12px;
+    padding: 10px 10px 10px 14px;
+    display: flex;
+    gap: 14px;
+    align-items: center;
+    box-shadow: 0 12px 30px rgb(0 0 0 / 0.35);
+    z-index: 15;
+    font-size: 13px;
+  }
+}
+@keyframes scroll-fade-reveal-b {
+  from {
+    --scroll-fade-b: var(
+      --_scroll-fade-size-b,
+      var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
+    );
+  }
+  to {
+    --scroll-fade-b: 0px;
+  }
+}
 :root {
-  --canvas: rgb(20 20 20);
-  --surface: rgb(35 35 35);
-  --raised: rgb(50 50 50);
-  --card: rgb(42 42 42);
-  --fg: rgb(250 250 250);
-  --muted: rgb(161 161 161);
-  --faint: rgb(115 115 115);
-  --line: rgb(255 255 255 / 0.08);
-  --hover: rgb(255 255 255 / 0.05);
-  --selected: rgb(255 255 255 / 0.08);
-  --accent: rgb(250 250 250);
-  --accent-fg: rgb(24 24 24);
-  --ok: rgb(16 185 129);
-  --bad: rgb(248 113 113);
-  --warn: rgb(251 191 36);
-  --ring: rgb(150 150 150);
-  --radius: 16px;
-  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
-  color-scheme: dark;
+  --line-strong: rgb(255 255 255 / 0.14);
+  --edge: rgb(255 255 255 / 0.1);
 }
 :root[data-theme="light"] {
-  --bad: rgb(220 38 38);
-  --canvas: rgb(243 243 243);
-  --surface: rgb(255 255 255);
-  --raised: rgb(240 240 240);
-  --card: rgb(248 248 248);
-  --fg: rgb(24 24 24);
-  --muted: rgb(110 110 110);
-  --faint: rgb(160 160 160);
-  --line: rgb(0 0 0 / 0.07);
-  --hover: rgb(0 0 0 / 0.04);
-  --selected: rgb(0 0 0 / 0.06);
-  --accent: rgb(24 24 24);
-  --accent-fg: rgb(250 250 250);
-  --ring: rgb(160 160 160);
-  color-scheme: light;
-}
-* {
-  box-sizing: border-box;
-}
-html,
-body,
-#root {
-  margin: 0;
-  height: 100%;
-}
-body {
-  background: var(--canvas);
-  color: var(--fg);
-  font: 14px / 1.45 var(--font);
-  -webkit-font-smoothing: antialiased;
-}
-button,
-input,
-textarea {
-  font: inherit;
-  color: inherit;
-}
-button {
-  cursor: pointer;
-}
-/* No visible scroll bars at rest. */
-.scroll {
-  overflow-y: auto;
-  scrollbar-width: none;
-}
-.scroll::-webkit-scrollbar {
-  display: none;
-}
-.sr {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  clip: rect(0 0 0 0);
-  white-space: nowrap;
-}
-svg {
-  flex: none;
-}
-[hidden] {
-  /* biome-ignore lint/complexity/noImportantStyles: hidden wins over any display. */
-  display: none !important;
-}
-
-/* ---------- First run ---------- */
-#signin {
-  height: 100%;
-  display: grid;
-  place-items: center;
-  padding: 16px;
-}
-.signin-card {
-  width: min(380px, 100%);
-  background: var(--surface);
-  border-radius: 20px;
-  padding: 36px 32px 28px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 22px;
-}
-.mark {
-  width: 44px;
-  height: 44px;
-  border-radius: 12px;
-  background: var(--fg);
-  color: var(--canvas);
-  display: grid;
-  place-items: center;
-  font-weight: 700;
-  font-size: 20px;
-}
-.signin-card h1 {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 600;
-  letter-spacing: -0.01em;
-}
-.primary {
-  border: 0;
-  border-radius: 10px;
-  background: var(--accent);
-  color: var(--accent-fg);
-  height: 40px;
-  padding: 0 18px;
-  font-weight: 600;
-  display: inline-flex;
-  align-items: center;
-  gap: 10px;
-  justify-content: center;
-}
-.primary:disabled {
-  opacity: 0.6;
-  cursor: default;
-}
-.signin-card .primary {
-  width: 100%;
-}
-.quiet {
-  color: var(--muted);
-  font-size: 12.5px;
-  text-align: center;
-  margin: 0;
-}
-/* Its line says what's happening; room for two, so a longer or shorter one moves nothing. */
-.signin-card .quiet {
-  line-height: 18px;
-  min-height: 36px;
-}
-a {
-  color: inherit;
-}
-.spin {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  border: 2px solid currentColor;
-  border-right-color: transparent;
-  animation: spin 0.8s linear infinite;
+  --line-strong: rgb(0 0 0 / 0.14);
+  --edge: rgb(0 0 0 / 0.1);
+}
+@layer base {
+  :where([data-ui="fixed"]) :where(*, *::before, *::after) {
+    border-color: var(--line);
+  }
+  :where([data-ui="fixed"]) :where(h1, h2, h3, p, ul, ol, pre) {
+    margin: 0;
+  }
+  :where([data-ui="fixed"]) :where(ul, ol) {
+    padding: 0;
+    list-style: none;
+  }
+  :where([data-ui="fixed"]) :where(button) {
+    background: none;
+    border: 0;
+    padding: 0;
+    color: inherit;
+    font: inherit;
+    cursor: pointer;
+  }
+  :where([data-ui="fixed"]) :where(input, textarea, select) {
+    color: inherit;
+    font: inherit;
+  }
+}
+@layer utilities {
+  .window::after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    pointer-events: none;
+    box-shadow: inset 0 0 0 0.5px var(--edge), 0 1px 2px rgb(0 0 0 / 0.08);
+  }
+  .no-bar {
+    scrollbar-width: none;
+  }
+  .no-bar::-webkit-scrollbar {
+    display: none;
+  }
+}
+@keyframes sd-reveal {
+  from {
+    opacity: 0;
+    filter: blur(6px);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+  }
+}
+@keyframes thinking {
+  from {
+    background-position: 200% 0;
+  }
+  to {
+    background-position: -200% 0;
+  }
+}
+@layer components {
+  .prose-chat {
+    font-size: 15px;
+    line-height: 1.65;
+  }
+  .prose-chat :where(p, ul, ol) {
+    margin: 0 0 0.75em;
+  }
+  .prose-chat :where(:last-child) {
+    margin-bottom: 0;
+  }
+  .thinking {
+    background: linear-gradient(90deg, var(--faint) 0%, var(--fg) 50%, var(--faint) 100%);
+    background-size: 200% 100%;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    animation: thinking 1.6s linear infinite;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    [data-sd-animate] {
+      animation: none !important;
+    }
+    .thinking {
+      animation: none;
+      color: var(--muted);
+      background: none;
+    }
+  }
+}
+@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-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-space-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-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: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-content {
+  syntax: "*";
+  initial-value: "";
+  inherits: false;
+}
+@property --tw-scrollbar-thumb {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-scrollbar-track {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@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;
 }
 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }
-
-/* ---------- Shell ---------- */
-#app {
-  height: 100%;
-  display: flex;
-}
-.sidebar {
-  width: 232px;
-  flex: none;
-  display: flex;
-  flex-direction: column;
-  padding: 0 10px;
-}
-.side-top {
-  height: 52px;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-}
-.row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  height: 32px;
-  padding: 0 10px;
-  border-radius: 8px;
-  border: 0;
-  background: transparent;
-  width: 100%;
-  text-align: left;
-  color: var(--fg);
-  opacity: 0.82;
-}
-.row:hover {
-  background: var(--hover);
-  opacity: 1;
-}
-.row[aria-current="page"] {
-  background: var(--selected);
-  opacity: 1;
-  font-weight: 600;
-}
-.row .count {
-  margin-left: auto;
-  font-size: 11px;
-  font-weight: 600;
-  min-width: 18px;
-  height: 18px;
-  border-radius: 9px;
-  background: var(--warn);
-  color: rgb(40 30 0);
-  display: grid;
-  place-items: center;
-  padding: 0 5px;
-}
-.home-row {
-  height: 36px;
-  font-weight: 600;
-  opacity: 1;
-}
-.icon-btn {
-  width: 30px;
-  height: 30px;
-  border-radius: 8px;
-  border: 0;
-  background: transparent;
-  color: var(--muted);
-  display: grid;
-  place-items: center;
-}
-.icon-btn:hover {
-  background: var(--hover);
-  color: var(--fg);
-}
-.side-list {
-  flex: 1;
-  min-height: 0;
-  padding-top: 10px;
-}
-.side-list ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-}
-.glyph {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--ok);
-  flex: none;
-}
-.glyph.idle {
-  background: transparent;
-  box-shadow: inset 0 0 0 1.5px var(--faint);
-}
-.glyph.thinking {
-  background: var(--warn);
-}
-.avatar {
-  width: 20px;
-  height: 20px;
-  border-radius: 6px;
-  display: grid;
-  place-items: center;
-  font-size: 11px;
-  font-weight: 700;
-  color: rgb(20 20 20);
-  flex: none;
-}
-.side-foot {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 0 4px;
-  color: var(--muted);
-}
-.dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--ok);
-}
-.dot.off {
-  background: var(--faint);
-}
-.side-foot .grow {
-  flex: 1;
-}
-
-.right {
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  padding: 0 8px 8px;
-}
-.topbar {
-  height: 52px;
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.path {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--muted);
-  min-width: 0;
-}
-.path b {
-  color: var(--fg);
-  font-weight: 600;
-}
-.path .sep {
-  opacity: 0.5;
-}
-.topbar .spacer {
-  flex: 1;
-}
-.stage {
-  flex: 1;
-  min-height: 0;
-  gap: 8px;
-}
-/* The resizable panels hold the chat and the column: what's inside fills them. */
-.panel {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.panel > * {
-  flex: 1;
-  min-height: 0;
-}
-/* In the gap between the chat and the widgets: it takes no room, and only its line shows. */
-.stage > .kit-resize-handle {
-  margin: 0 -8px;
-}
-.container {
-  background: var(--surface);
-  border-radius: var(--radius);
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  position: relative;
-}
-.main {
-  flex: 1;
-}
-.widgets {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  min-height: 0;
-}
-/* The column's height is shared: each widget fills its share, at least 220 px, never its content's. */
-.widgets .container {
-  flex: 1 1 0;
-  min-height: 220px;
-}
-/* A placed view's frame: its header is the shell's, the body is the view's own DOM. */
-.view-head {
-  height: 40px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 0 8px 0 14px;
-  font-size: 13px;
-  font-weight: 600;
-  flex: none;
-}
-.view-head .who {
-  color: var(--muted);
-  font-weight: 400;
-}
-.view-head .kit-icon-button {
-  margin-left: auto;
-  width: 26px;
-  height: 26px;
-}
-/* The frame fills what its placement leaves under the header. */
-.view-body {
-  padding: 4px 14px 14px;
-  flex: 1;
-  min-height: 0;
-}
-/*
- * A view's own frame. Its color scheme is the frame document's, so the browser paints no backdrop
- * behind it: the view draws on the shell's container.
- */
-.frame {
-  display: block;
-  width: 100%;
-  height: 100%;
-  border: 0;
-  color-scheme: normal;
-}
-.main > .frame {
-  flex: 1;
-  min-height: 0;
-}
-.view-error {
-  height: 100%;
-  flex: 1;
-  display: grid;
-  place-items: center;
-  color: var(--muted);
-  font-size: 13px;
-}
-.ghost:disabled {
-  opacity: 0.6;
-  cursor: default;
-}
-.kit-menu .menu-note {
-  text-align: left;
-  padding: 4px 10px 6px;
-  max-width: 200px;
-}
-
-/* ---------- Home: the placed views ---------- */
-.home {
-  padding: 16px;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
-  gap: 12px;
-  align-content: start;
-  align-items: start;
-}
-/* Home's placements have a height of their own; the view fills it. */
-.home .placed {
-  background: var(--card);
-  border-radius: 12px;
-  position: relative;
-  height: 300px;
-  display: flex;
-  flex-direction: column;
-}
-.home-empty {
-  margin: auto;
-  text-align: center;
-  color: var(--muted);
-  padding: 40px;
-}
-.request {
-  background: var(--card);
-  border-radius: 12px;
-  padding: 14px;
-  grid-column: 1 / -1;
-  display: flex;
-  gap: 14px;
-  align-items: center;
-}
-.request .what {
-  flex: 1;
-  min-width: 0;
-}
-.request .what b {
-  font-weight: 600;
-}
-.request code {
-  font:
-    12px ui-monospace,
-    Menlo,
-    monospace;
-}
-.ghost {
-  border: 0;
-  background: var(--hover);
-  border-radius: 9px;
-  height: 32px;
-  padding: 0 12px;
-  font-weight: 500;
-}
-.ghost:hover {
-  background: var(--selected);
-}
-.small {
-  height: 32px;
-  padding: 0 12px;
-  font-size: 13px;
-}
-
-/* ---------- Settings ---------- */
-.settings {
-  padding: 16px 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-  flex: 1;
-  min-height: 0;
-}
-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 13px;
-}
-th {
-  text-align: left;
-  font-weight: 500;
-  color: var(--faint);
-  font-size: 12px;
-  padding: 0 10px 8px;
-}
-td {
-  padding: 9px 10px;
-  border-top: 1px solid var(--line);
-  vertical-align: middle;
-}
-tr:hover td {
-  background: var(--hover);
-}
-.mono {
-  font:
-    12px ui-monospace,
-    Menlo,
-    monospace;
-  color: var(--muted);
-}
-.account {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 10px 12px;
-  border-radius: 12px;
-  background: var(--card);
-}
-.account .who {
-  flex: 1;
-  min-width: 0;
-}
-.account .who b {
-  font-weight: 600;
-}
-
-/* ---------- Dialog ---------- */
-.field {
-  height: 38px;
-  border-radius: 10px;
-  border: 0;
-  background: var(--raised);
-  padding: 0 12px;
-  outline: 0;
-  width: 100%;
-}
-.field:focus {
-  box-shadow: 0 0 0 1.5px var(--ring);
-}
-.grants {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-.grants li {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 7px 0;
-  font-size: 13px;
-}
-.grants li + li {
-  border-top: 1px solid var(--line);
-}
-.grants .mono {
-  margin-left: auto;
-}
-.actions {
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-}
-
-.banner {
-  position: fixed;
-  left: 50%;
-  top: 8px;
-  transform: translateX(-50%);
-  background: var(--raised);
-  border-radius: 12px;
-  padding: 10px 10px 10px 14px;
-  display: flex;
-  gap: 14px;
-  align-items: center;
-  box-shadow: 0 12px 30px rgb(0 0 0 / 0.35);
-  z-index: 15;
-  font-size: 13px;
-}
-
-@media (max-width: 760px) {
-  .sidebar {
-    display: none;
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
   }
-  .right {
-    padding: 0 0 0;
+}
+@keyframes enter {
+  from {
+    opacity: var(--tw-enter-opacity,1);
+    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
+    filter: blur(var(--tw-enter-blur,0));
   }
-  .container.main {
-    border-radius: 0;
+}
+@keyframes exit {
+  to {
+    opacity: var(--tw-exit-opacity,1);
+    transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
+    filter: blur(var(--tw-exit-blur,0));
   }
 }
-
-/* ---------- Settings: packages and the system ---------- */
-.bar-row {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.bar-row .grow {
-  flex: 1;
-}
-.bar-row svg {
-  margin-right: 6px;
-  vertical-align: -2px;
-}
-.icon-link {
-  width: 28px;
-  height: 28px;
-  border-radius: 7px;
-  display: grid;
-  place-items: center;
-  color: var(--muted);
-  border: 0;
-  background: none;
-  padding: 0;
-}
-.icon-link:hover {
-  background: var(--hover);
-  color: var(--fg);
-}
-.blocks {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  max-width: 720px;
-}
-.block {
-  background: var(--card);
-  border-radius: 12px;
-  padding: 14px;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.block .line {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.block .line .grow {
-  flex: 1;
-  color: var(--muted);
-  font-size: 13px;
-}
-.list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  font-size: 13px;
-}
-.list li {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  padding: 7px 0;
-  min-height: 42px;
-}
-.list li + li {
-  border-top: 1px solid var(--line);
-}
-.list .why {
-  color: var(--muted);
-  margin-left: auto;
-  text-align: right;
-}
-.group-head {
-  font-size: 12px;
-  color: var(--faint);
-  margin-top: 2px;
-}
-.done-mark {
-  color: var(--ok);
-  font-weight: 600;
-}
-.slot-row {
-  display: grid;
-  grid-template-columns: 1fr 190px;
-  gap: 10px;
-  align-items: center;
-  padding: 8px 0;
-  font-size: 13px;
-}
-.slot-row + .slot-row {
-  border-top: 1px solid var(--line);
-}
-.slot-row select {
-  height: 32px;
-  border-radius: 8px;
-  border: 0;
-  background: var(--raised);
-  color: var(--fg);
-  padding: 0 8px;
-  width: 100%;
-}
-.slot-row .none {
-  color: var(--faint);
-  font-size: 12.5px;
-}
-.pkg-head {
-  display: flex;
-  align-items: baseline;
-  gap: 8px;
-}
-.pkg-head b {
-  font-size: 15px;
-}
-.err-line {
-  font-size: 13px;
-  color: var(--bad);
-  min-height: 38px;
-  margin: 0;
-}
-.checking {
-  min-height: 120px;
-  justify-content: center;
-  color: var(--muted);
-  font-size: 13px;
-}
-.kit-dialog .steps {
-  display: flex;
-  flex-direction: column;
-  gap: 14px;
-}
-.granted {
-  display: inline-flex;
-  align-items: center;
-  background: none;
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: block))) 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-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
+      --tw-space-y-reverse: 0;
+      --tw-space-x-reverse: 0;
+      --tw-divide-y-reverse: 0;
+      --tw-border-style: solid;
+      --tw-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-outline-style: solid;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-content: "";
+      --tw-scrollbar-thumb: #0000;
+      --tw-scrollbar-track: #0000;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
+      --tw-animation-delay: 0s;
+      --tw-animation-direction: normal;
+      --tw-animation-duration: initial;
+      --tw-animation-fill-mode: none;
+      --tw-animation-iteration-count: 1;
+      --tw-enter-blur: 0;
+      --tw-enter-opacity: 1;
+      --tw-enter-rotate: 0;
+      --tw-enter-scale: 1;
+      --tw-enter-translate-x: 0;
+      --tw-enter-translate-y: 0;
+      --tw-exit-blur: 0;
+      --tw-exit-opacity: 1;
+      --tw-exit-rotate: 0;
+      --tw-exit-scale: 1;
+      --tw-exit-translate-x: 0;
+      --tw-exit-translate-y: 0;
+    }
+  }
 }