/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-4xl: 56rem;
    --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-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --blur-md: 12px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    --default-mono-font-family: 'Geist Mono', ui-monospace, monospace;
    --color-border: var(--border);
    --color-ring: var(--ring);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .-mx-4 {
    margin-inline: calc(var(--spacing) * -4);
  }
  .-my-0\.5 {
    margin-block: calc(var(--spacing) * -0.5);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mb-2\.5 {
    margin-bottom: calc(var(--spacing) * 2.5);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .table {
    display: table;
  }
  .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);
  }
  .h-svh {
    height: 100svh;
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .basis-44 {
    flex-basis: calc(var(--spacing) * 44);
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-border\/55 {
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 55%, transparent);
    }
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .font-mono {
    font-family: 'Geist Mono', ui-monospace, monospace;
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.6875rem\] {
    font-size: 0.6875rem;
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .break-all {
    word-break: break-all;
  }
  .text-foreground {
    color: var(--foreground);
  }
  .text-muted-foreground {
    color: var(--muted-foreground);
  }
  .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-offset-4 {
    text-underline-offset: 4px;
  }
  .opacity-50 {
    opacity: 50%;
  }
  .shadow {
    --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);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .first\:mt-0 {
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .hover\:text-foreground {
    &:hover {
      @media (hover: hover) {
        color: var(--foreground);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:max-w-64 {
    @media (width >= 40rem) {
      max-width: calc(var(--spacing) * 64);
    }
  }
  .sm\:gap-4 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 22rem;
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 22rem;
    }
  }
}
@font-face {
  font-family: 'Geist';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Geist.woff2') format('woff2');
}
@font-face {
  font-family: 'Geist Mono';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/GeistMono.woff2') format('woff2');
}
:root {
  --background: oklch(0.985 0.001 264);
  --foreground: oklch(0.13 0.028 261.692);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.13 0.028 261.692);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.13 0.028 261.692);
  --primary: oklch(0.852 0.199 91.936);
  --primary-foreground: oklch(0.421 0.095 57.708);
  --secondary: oklch(0.967 0.001 286.375);
  --secondary-foreground: oklch(0.21 0.006 285.885);
  --muted: oklch(0.967 0.003 264.542);
  --muted-foreground: oklch(0.551 0.027 264.364);
  --accent: oklch(0.967 0.003 264.542);
  --accent-foreground: oklch(0.21 0.034 264.665);
  --destructive: oklch(0.577 0.245 27.325);
  --border: oklch(0.928 0.006 264.531);
  --input: oklch(0.928 0.006 264.531);
  --ring: oklch(0.707 0.022 261.325);
  --radius: 0;
  --sidebar: oklch(1 0 0);
  --sidebar-foreground: oklch(0.13 0.028 261.692);
  --sidebar-primary: oklch(0.681 0.162 75.834);
  --sidebar-primary-foreground: oklch(0.987 0.026 102.212);
  --sidebar-accent: oklch(0.967 0.003 264.542);
  --sidebar-accent-foreground: oklch(0.21 0.034 264.665);
  --sidebar-border: oklch(0.928 0.006 264.531);
  --sidebar-ring: oklch(0.707 0.022 261.325);
  --sidebar-width: 15.5rem;
  --content-max: 84rem;
  --success: oklch(0.52 0.13 152);
  --success-surface: oklch(0.965 0.032 152);
  --warning: oklch(0.53 0.14 55);
  --warning-surface: oklch(0.963 0.045 65);
  --danger: oklch(0.55 0.222 27.3);
  --danger-surface: oklch(0.962 0.028 25);
  --info: oklch(0.53 0.15 255);
  --info-surface: oklch(0.963 0.028 255);
  --chart-1: oklch(0.62 0.152 68);
  --chart-grid: oklch(0.935 0.004 264);
  --chart-ink: oklch(0.551 0.027 264.364);
  --z-sidebar: 10;
  --z-topbar: 20;
  --z-backdrop: 30;
  --z-drawer: 40;
  --z-popover: 100;
  --z-toast: 400;
  --shadow-xs: 0 1px 2px oklch(0.13 0.028 261.692 / 0.05);
  --shadow-sm: 0 1px 2px oklch(0.13 0.028 261.692 / 0.04),
    0 2px 6px -2px oklch(0.13 0.028 261.692 / 0.06);
  --shadow-md: 0 1px 2px oklch(0.13 0.028 261.692 / 0.05),
    0 4px 10px -3px oklch(0.13 0.028 261.692 / 0.07),
    0 12px 28px -8px oklch(0.13 0.028 261.692 / 0.08);
  --shadow-lg: 0 2px 4px oklch(0.13 0.028 261.692 / 0.05),
    0 8px 20px -6px oklch(0.13 0.028 261.692 / 0.09),
    0 28px 60px -16px oklch(0.13 0.028 261.692 / 0.14);
  --ease-out: cubic-bezier(0.22, 0.9, 0.34, 1);
  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.4);
}
@layer base {
  * {
    border-color: var(--color-border);
    outline-color: var(--color-ring);
    @supports (color: color-mix(in lab, red, red)) {
      outline-color: color-mix(in oklab, var(--color-ring) 55%, transparent);
    }
  }
  html {
    scrollbar-gutter: stable;
    -webkit-text-size-adjust: 100%;
  }
  body {
    background-color: var(--background);
    font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    color: var(--foreground);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "cv11", "ss01";
    text-rendering: optimizeLegibility;
  }
  h1, h2, h3 {
    text-wrap: balance;
  }
  [id] {
    scroll-margin-top: 5rem;
  }
  a, button, input, select, label, [role="button"] {
    -webkit-tap-highlight-color: transparent;
  }
  a, button, input, select {
    touch-action: manipulation;
  }
  :focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 2px;
  }
  ::selection {
    background: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--primary) 45%, transparent);
    }
    color: var(--foreground);
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@layer components {
  .skip-link {
    position: fixed;
    top: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2);
    --tw-translate-y: calc(var(--spacing) * -16);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
    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));
    z-index: var(--z-toast);
    box-shadow: 0 0 0 1px var(--foreground), var(--shadow-md);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 15%, transparent), var(--shadow-md);
    }
  }
  .skip-link:focus-visible {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .main-col {
    position: relative;
    display: flex;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }
  .view {
    margin-inline: auto;
    min-height: calc(var(--spacing) * 0);
    width: 100%;
    flex: 1;
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    --tw-outline-style: none;
    outline-style: none;
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 48rem) {
      padding-block: calc(var(--spacing) * 7);
    }
    max-width: var(--content-max);
    overscroll-behavior: contain;
  }
  @media (min-width: 768px) and (min-height: 740px) {
    .view-fill {
      height: 100%;
      min-height: calc(var(--spacing) * 0);
    }
    .view-fill > * {
      flex-shrink: 0;
    }
    .view-fill > .card {
      min-height: calc(var(--spacing) * 0);
      flex: 1;
    }
    .view-fill .empty {
      min-height: calc(var(--spacing) * 0);
      flex: 1;
    }
    .view-fill .logs, .view-fill .msgs {
      min-height: calc(var(--spacing) * 0);
      flex: 1;
      max-height: none;
    }
  }
  .topbar {
    position: sticky;
    top: calc(var(--spacing) * 0);
    display: flex;
    height: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: transparent;
    background-color: var(--background);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--background) 85%, transparent);
    }
    padding-inline: calc(var(--spacing) * 3);
    --tw-backdrop-blur: blur(var(--blur-md));
    -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 (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    z-index: var(--z-topbar);
    transition: border-color 200ms var(--ease-out), box-shadow 200ms var(--ease-out);
  }
  .topbar.is-stuck {
    border-color: var(--border);
    box-shadow: var(--shadow-xs);
  }
  .topbar-title {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .topbar .topbar-trigger {
    display: none;
  }
  @media (min-width: 768px) {
    body.sidebar-toggled .topbar .topbar-trigger {
      display: inline-flex;
    }
  }
  .view-switch {
    display: none;
  }
  @media (max-width: 767px) {
    .view-switch {
      position: sticky;
      display: block;
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      background-color: var(--card);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2.5);
      top: 3.5rem;
      z-index: var(--z-topbar);
    }
  }
  .view-switch-seg {
    display: flex;
    width: 100%;
  }
  .view-switch-item {
    display: inline-flex;
    height: 100%;
    flex: 1;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    transition: color 140ms var(--ease-out), background-color 140ms var(--ease-out);
  }
  .view-switch-item svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .view-switch-item.is-active {
    background-color: var(--foreground);
    color: var(--background);
  }
  .view-switch-item:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: -2px;
  }
  .sidebar {
    position: fixed;
    inset-block: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    display: none;
    height: 100svh;
    width: var(--sidebar-width);
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    color: var(--sidebar-foreground);
    @media (width >= 48rem) {
      display: flex;
    }
    z-index: var(--z-sidebar);
    transition: left 220ms var(--ease-out), visibility 220ms var(--ease-out);
  }
  .sidebar-gap {
    position: relative;
    display: none;
    width: var(--sidebar-width);
    flex-shrink: 0;
    background-color: transparent;
    @media (width >= 48rem) {
      display: block;
    }
    transition: width 220ms var(--ease-out);
  }
  body.sidebar-toggled .sidebar {
    left: calc(var(--sidebar-width) * -1);
    visibility: hidden;
  }
  body.sidebar-toggled .sidebar-gap {
    width: 0;
  }
  .sidebar-backdrop {
    display: none;
  }
  @media (max-width: 767px) {
    body.sidebar-toggled .sidebar {
      display: flex;
      left: 0;
      z-index: var(--z-drawer);
      visibility: visible;
      box-shadow: var(--shadow-lg);
    }
    body.sidebar-toggled .sidebar-backdrop {
      display: block;
      position: fixed;
      inset: 0;
      z-index: var(--z-backdrop);
      background: oklch(0.13 0.028 261.692 / 0.35);
      animation: fade-in 200ms var(--ease-out);
    }
    body.sidebar-toggled {
      overflow: hidden;
    }
  }
  body:has(dialog[open]) {
    overflow: hidden;
  }
  .sidebar-inner {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background-color: var(--sidebar);
    padding-left: env(safe-area-inset-left);
  }
  .sidebar-header {
    display: flex;
    height: calc(var(--spacing) * 14);
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
  }
  .sidebar-content {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    overflow-y: auto;
    padding: calc(var(--spacing) * 2);
  }
  .sidebar-footer {
    flex-shrink: 0;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
  }
  .sidebar-group {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .sidebar-group-label {
    display: flex;
    height: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }
  .sidebar-menu {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .brand {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding: calc(var(--spacing) * 1);
    --tw-outline-style: none;
    outline-style: none;
  }
  .brand-mark {
    display: flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
    color: var(--primary-foreground);
  }
  .brand-mark svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .brand-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .brand-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .brand-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
  }
  .brand:focus-visible .brand-name {
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  .sidebar-menu-button {
    position: relative;
    display: flex;
    height: calc(var(--spacing) * 9);
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    overflow: hidden;
    padding-right: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 3);
    text-align: left;
    font-size: 0.8125rem;
    color: var(--sidebar-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--sidebar-foreground) 80%, transparent);
    }
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color 140ms var(--ease-out), color 140ms var(--ease-out);
  }
  .sidebar-menu-button::before {
    content: "";
    position: absolute;
    inset-block: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    width: 2px;
    --tw-scale-y: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
    background-color: var(--sidebar-primary);
    transition: transform 180ms var(--ease-out);
  }
  .sidebar-menu-button svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    opacity: 70%;
    transition: opacity 140ms var(--ease-out);
  }
  .sidebar-menu-button > span {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  @media (hover: hover) {
    .sidebar-menu-button:hover {
      background-color: var(--sidebar-accent);
      color: var(--sidebar-accent-foreground);
    }
    .sidebar-menu-button:hover svg {
      opacity: 100%;
    }
  }
  .sidebar-menu-button.is-active {
    background-color: var(--sidebar-accent);
    color: var(--sidebar-accent-foreground);
  }
  .sidebar-menu-button.is-active::before {
    --tw-scale-y: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
  .sidebar-menu-button.is-active svg {
    opacity: 100%;
  }
  .sidebar-menu-button:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: -2px;
  }
  .menu-kbd {
    display: none;
    flex-shrink: 0;
    font-size: 0.625rem;
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
    --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,);
    @media (width >= 48rem) {
      display: block;
    }
  }
  .menu-go {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    opacity: 0%;
    transition: opacity 140ms var(--ease-out), transform 140ms var(--ease-out);
  }
  .sidebar-menu-button:hover .menu-go {
    --tw-translate-x: calc(var(--spacing) * 0.5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 60%;
  }
  .shortcut-hint {
    margin-bottom: calc(var(--spacing) * 1);
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 0.75rem;
    color: var(--muted-foreground);
    --tw-outline-style: none;
    outline-style: none;
    transition: background-color 140ms var(--ease-out), color 140ms var(--ease-out);
  }
  .shortcut-hint:hover {
    background-color: var(--sidebar-accent);
    color: var(--foreground);
  }
  .user-chip {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
  }
  .user-avatar {
    display: flex;
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--primary);
    font-size: 0.625rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--primary-foreground);
  }
  .user-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .user-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.75rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .user-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
  }
  .build-line {
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: 0.625rem;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
    --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,);
  }
  .btn {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    background-clip: padding-box;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    transition: background-color 140ms var(--ease-out), border-color 140ms var(--ease-out), color 140ms var(--ease-out), box-shadow 140ms var(--ease-out), transform 90ms var(--ease-out), opacity 140ms var(--ease-out);
  }
  .btn svg {
    pointer-events: none;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .btn > svg:first-child:not(:only-child) {
    margin-left: calc(var(--spacing) * -0.5);
  }
  .btn:active:not(:disabled) {
    scale: 0.96;
  }
  .btn:disabled, .btn[aria-disabled="true"] {
    pointer-events: none;
    color: var(--muted-foreground);
  }
  .btn-primary {
    background-color: var(--primary);
    color: var(--primary-foreground);
  }
  .btn-primary:hover {
    background-color: var(--primary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--primary) 86%, black);
    }
  }
  .btn-outline {
    border-color: var(--border);
    background-color: var(--card);
    color: var(--foreground);
    box-shadow: var(--shadow-xs);
  }
  .btn-outline:hover {
    background-color: var(--muted);
  }
  .btn-secondary {
    background-color: var(--secondary);
    color: var(--secondary-foreground);
  }
  .btn-secondary:hover {
    background-color: var(--secondary);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--secondary) 92%, black);
    }
  }
  .btn-ghost {
    color: var(--muted-foreground);
  }
  .btn-ghost:hover {
    background-color: var(--muted);
    color: var(--foreground);
  }
  .btn-destructive {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .btn-destructive:hover {
    background-color: var(--danger-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--danger-surface) 88%, var(--danger));
    }
  }
  .btn-icon {
    width: calc(var(--spacing) * 8);
    padding-inline: calc(var(--spacing) * 0);
  }
  .btn-sm {
    height: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 2);
  }
  .btn-sm svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .btn-icon, .btn-sm {
    position: relative;
  }
  .btn-icon::before, .btn-sm::before {
    content: "";
    position: absolute;
    inset-inline: calc(var(--spacing) * -0.5);
    inset-block: calc(var(--spacing) * -1.5);
  }
  .btn[aria-pressed="true"] {
    background-color: var(--foreground);
    color: var(--background);
  }
  .btn[aria-pressed="true"]:hover {
    background-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--foreground) 88%, transparent);
    }
  }
  .kbd, kbd {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 1.5);
    font-family: 'Geist', ui-sans-serif, system-ui, sans-serif;
    font-size: 0.625rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--muted-foreground);
  }
  .seg {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding: calc(var(--spacing) * 0.5);
    box-shadow: var(--shadow-xs);
  }
  .seg-item {
    position: relative;
    display: inline-flex;
    height: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--muted-foreground);
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    transition: color 140ms var(--ease-out), background-color 140ms var(--ease-out);
  }
  .seg-item:hover {
    color: var(--foreground);
  }
  .seg-item[aria-selected="true"], .seg-item[aria-pressed="true"] {
    background-color: var(--foreground);
    color: var(--background);
  }
  .seg-item:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: -2px;
  }
  .card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--card);
    color: var(--card-foreground);
    box-shadow: 0 0 0 1px var(--foreground), var(--shadow-xs);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 15%, transparent), var(--shadow-xs);
    }
  }
  .card-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3.5);
    padding-bottom: calc(var(--spacing) * 3);
  }
  .card-heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    flex: 1 1 14rem;
  }
  .card-title {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .card-title > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: var(--muted-foreground);
  }
  .card-hint {
    max-width: 68ch;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--muted-foreground);
  }
  .card-tools {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .card-note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    --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,);
  }
  .card-body {
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 4);
  }
  .card-body-flush {
    padding-bottom: calc(var(--spacing) * 0);
  }
  .card-divide {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .page-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
  }
  .page-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.01em;
    letter-spacing: -0.01em;
  }
  .page-sub {
    margin-top: calc(var(--spacing) * 1);
    max-width: 70ch;
    font-size: 0.8125rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--muted-foreground);
  }
  .page-controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .range-pill {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    --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,);
    box-shadow: var(--shadow-xs);
  }
  .range-pill svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    opacity: 70%;
  }
  .stat {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    box-shadow: 0 0 0 1px var(--foreground), var(--shadow-xs);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 1px color-mix(in oklab, var(--foreground) 15%, transparent), var(--shadow-xs);
    }
  }
  .stat-label {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }
  .stat-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .stat-value {
    font-size: 1.75rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    font-variant-numeric: proportional-nums;
  }
  .stat-unit {
    margin-left: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--muted-foreground);
  }
  .stat-foot {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
  }
  @media (max-width: 639px) {
    .stat {
      gap: calc(var(--spacing) * 2);
      padding-inline: calc(var(--spacing) * 3.5);
      padding-block: calc(var(--spacing) * 3);
    }
    .stat-value {
      font-size: 1.375rem;
    }
    .spark, .stat-note {
      display: none;
    }
  }
  .delta {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
    padding-inline: calc(var(--spacing) * 1);
    padding-block: 1px;
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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,);
  }
  .delta svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .delta-good {
    color: var(--success);
    background-color: var(--success-surface);
  }
  .delta-bad {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .delta-flat {
    background-color: var(--muted);
    color: var(--muted-foreground);
  }
  .spark {
    display: flex;
    height: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: flex-end;
    gap: 2px;
  }
  .spark i {
    display: block;
    width: 3px;
    background-color: var(--border);
    min-height: 2px;
    transition: background-color 160ms var(--ease-out);
  }
  .spark i.is-now {
    background-color: var(--chart-1);
  }
  .chart-wrap {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
  }
  .chart {
    display: block;
    overflow: visible;
  }
  .chart-grid line {
    stroke: var(--chart-grid);
    stroke-width: 1;
    shape-rendering: crispEdges;
  }
  .chart-area {
    fill: var(--chart-1);
    opacity: 0.1;
  }
  .chart-line {
    fill: none;
    stroke: var(--chart-1);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .chart-dot {
    fill: var(--chart-1);
    stroke: var(--card);
    stroke-width: 2;
  }
  .chart-tick {
    fill: var(--chart-ink);
    font-size: 0.625rem;
    font-variant-numeric: tabular-nums;
  }
  .chart-cursor {
    stroke: var(--foreground);
    stroke-width: 1;
    opacity: 0;
    shape-rendering: crispEdges;
    transition: opacity 120ms var(--ease-out);
  }
  .chart-cursor.is-on {
    opacity: 0.28;
  }
  .chart-endlabel {
    fill: var(--foreground);
    font-size: 0.6875rem;
    font-weight: 600;
  }
  .chart-hit {
    fill: transparent;
  }
  .chart-tip {
    pointer-events: none;
    position: absolute;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--popover);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--popover-foreground);
    opacity: 0%;
    z-index: var(--z-popover);
    box-shadow: var(--shadow-md);
    transition: opacity 120ms var(--ease-out);
  }
  .chart-tip.is-on {
    opacity: 100%;
  }
  .chart-tip-day {
    margin-bottom: calc(var(--spacing) * 0.5);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
  }
  .chart-tip-value {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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,);
  }
  .chart-tip-value::before {
    content: "";
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    flex-shrink: 0;
    background-color: var(--chart-1);
  }
  .chart-empty {
    display: flex;
    height: calc(var(--spacing) * 60);
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
  }
  .ranks {
    display: flex;
    flex-direction: column;
  }
  .rank {
    display: grid;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  }
  .rank-n {
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
    --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,);
  }
  .rank-key {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
  }
  .rank-count {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    --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,);
  }
  .rank-count b {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .rank-track {
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    margin-top: calc(var(--spacing) * 1.5);
    height: 3px;
    width: 100%;
    overflow: hidden;
    background-color: var(--muted);
  }
  .rank-track > i {
    display: block;
    height: 100%;
    transform-origin: 0;
    background-color: var(--chart-1);
    transition: transform 320ms var(--ease-out);
  }
  .rank-group {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 3);
  }
  .rank-group-head {
    margin-bottom: calc(var(--spacing) * 1);
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }
  .table-scroll {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .table {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .table th {
    position: sticky;
    top: calc(var(--spacing) * 0);
    height: calc(var(--spacing) * 8);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 2);
    text-align: left;
    vertical-align: middle;
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    white-space: nowrap;
    color: var(--muted-foreground);
    text-transform: uppercase;
    z-index: 1;
  }
  .table th:first-child, .table td:first-child {
    padding-left: calc(var(--spacing) * 4);
  }
  .table th:last-child, .table td:last-child {
    padding-right: calc(var(--spacing) * 4);
  }
  .table td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    vertical-align: middle;
    white-space: nowrap;
  }
  .table tbody tr:last-child td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .table tbody tr {
    transition: background-color 120ms var(--ease-out);
  }
  .table tbody tr:hover {
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
  }
  .table .num {
    text-align: right;
    --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,);
  }
  .table .dim {
    color: var(--muted-foreground);
  }
  .table .mono {
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
  }
  .cell-clip {
    display: block;
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .cell-clip-sm {
    display: block;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  tr.is-bot td {
    color: var(--muted-foreground);
  }
  .status {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    align-items: center;
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --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,);
  }
  .status-2 {
    color: var(--success);
    background-color: var(--success-surface);
  }
  .status-3 {
    color: var(--info);
    background-color: var(--info-surface);
  }
  .status-4 {
    color: var(--warning);
    background-color: var(--warning-surface);
  }
  .status-5 {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .tag {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    width: fit-content;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    background-color: var(--secondary);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--secondary-foreground);
  }
  .tag svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
    flex-shrink: 0;
    opacity: 70%;
  }
  .tag-quiet {
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--muted-foreground);
  }
  .tag-ok {
    color: var(--success);
    background-color: var(--success-surface);
  }
  .tag-warn {
    color: var(--warning);
    background-color: var(--warning-surface);
  }
  .tag-danger {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .tag-clip {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .tag-info {
    color: var(--info);
    background-color: var(--info-surface);
  }
  .tag-miss {
    background-color: transparent;
    color: var(--muted-foreground);
    box-shadow: inset 0 0 0 1px var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--muted-foreground) 30%, transparent);
    }
  }
  .method {
    margin-right: calc(var(--spacing) * 1);
    color: var(--muted-foreground);
  }
  .logs {
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: 60svh;
  }
  .logs .table td {
    vertical-align: top;
  }
  .log-day {
    margin-right: calc(var(--spacing) * 1.5);
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
  .log-msg {
    min-width: 24rem;
    font-family: 'Geist Mono', ui-monospace, monospace;
    font-size: 0.6875rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
  tr.log-warn td {
    background-color: var(--warning-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warning-surface) 50%, transparent);
    }
  }
  tr.log-warn td:first-child {
    box-shadow: inset 2px 0 0 var(--warning);
  }
  tr.log-error td {
    background-color: var(--danger-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--danger-surface) 70%, transparent);
    }
  }
  tr.log-error td:first-child {
    box-shadow: inset 2px 0 0 var(--danger);
  }
  tr.is-console td {
    color: var(--muted-foreground);
  }
  .table-empty {
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 10);
    text-align: center;
  }
  .level-count {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    --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,);
  }
  .level-dot {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
  }
  .level-dot-info {
    background-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
    }
  }
  .level-dot-warn {
    background-color: var(--warning);
  }
  .level-dot-error {
    background-color: var(--danger);
  }
  .field {
    position: relative;
    min-width: calc(var(--spacing) * 0);
  }
  .field > svg {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    left: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--muted-foreground);
  }
  .field .input {
    padding-left: calc(var(--spacing) * 8);
  }
  .field-clear {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 1);
    display: flex;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--muted-foreground);
    opacity: 0%;
    transition: opacity 120ms var(--ease-out), color 120ms var(--ease-out);
  }
  .field-clear svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .field-clear:hover {
    color: var(--foreground);
  }
  .field.has-value .field-clear {
    opacity: 100%;
  }
  .input {
    height: calc(var(--spacing) * 8);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-outline-style: none;
    outline-style: none;
    &::placeholder {
      color: var(--muted-foreground);
    }
    transition: border-color 140ms var(--ease-out), box-shadow 140ms var(--ease-out);
  }
  .input:hover {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .input:focus {
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 50%, transparent);
    }
    box-shadow: inset 0 0 0 1px var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--foreground) 18%, transparent);
    }
  }
  .input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  .select {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: 100%;
    cursor: pointer;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--input);
    background-color: var(--card);
    padding-block: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 7);
    padding-left: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='oklch(0.551 0.027 264.364)'%3E%3Cpath d='M12 13.1717L16.9498 8.22192L18.3641 9.63614L12 16.0001L5.63603 9.63614L7.05025 8.22192L12 13.1717Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.375rem center;
    background-size: 1rem 1rem;
    transition: border-color 140ms var(--ease-out);
  }
  .select:hover {
    border-color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);
    }
  }
  .sr-only-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .textarea {
    height: auto;
    padding-block: calc(var(--spacing) * 2);
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    resize: vertical;
    min-height: 5rem;
  }
  .label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }
  .label-note {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
    text-transform: none;
  }
  .form-grid {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3.5);
  }
  .empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
  }
  .empty-icon {
    display: flex;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    background-color: var(--muted);
    color: var(--muted-foreground);
  }
  .empty-icon svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .empty-title {
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .empty-text {
    max-width: 46ch;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--muted-foreground);
  }
  .empty-inline {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 8);
  }
  .skeleton {
    display: block;
    background-color: var(--muted);
    background-image: linear-gradient( 90deg, transparent 0%, var(--card) 50%, transparent 100% );
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient( 90deg, transparent 0%, color-mix(in oklab, var(--card) 70%, transparent) 50%, transparent 100% );
    }
    background-size: 200% 100%;
    background-repeat: no-repeat;
    animation: shimmer 1.4s linear infinite;
  }
  .is-refetching {
    pointer-events: none;
    opacity: 55%;
    transition: opacity 180ms var(--ease-out);
  }
  .error-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
  }
  .error-panel .empty-icon {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .danger-zone {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
    background-color: var(--card);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    box-shadow: inset 3px 0 0 var(--danger), var(--shadow-xs);
    outline: 1px solid var(--danger);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 1px solid color-mix(in oklab, var(--danger) 18%, transparent);
    }
    outline-offset: -1px;
  }
  .danger-title {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--danger);
  }
  .danger-title svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .danger-text {
    margin-top: calc(var(--spacing) * 1);
    max-width: 72ch;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--muted-foreground);
  }
  .danger-text b {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .danger-text a {
    color: var(--foreground);
    text-decoration-line: underline;
    text-underline-offset: 4px;
  }
  .strip {
    display: grid;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .strip > div {
    min-width: calc(var(--spacing) * 0);
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .strip > div:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 0px;
  }
  @media (max-width: 639px) {
    .strip {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .strip > div {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    .strip > div:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .meta-k {
    font-size: 0.6875rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--muted-foreground);
    text-transform: uppercase;
  }
  .meta-v {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: 0.8125rem;
  }
  .meta-sub {
    margin-top: calc(var(--spacing) * 1);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
  }
  .ck {
    display: flex;
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--card);
    color: transparent;
    border-color: var(--foreground);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--foreground) 30%, transparent);
    }
    transition: background-color 120ms var(--ease-out), border-color 120ms var(--ease-out);
  }
  .ck svg {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }
  .ck[aria-checked="true"] {
    background-color: var(--foreground);
    color: var(--background);
    border-color: var(--foreground);
  }
  .ck:focus-visible {
    outline: 2px solid var(--foreground);
    outline-offset: 2px;
  }
  .blk-head {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 55%, transparent);
    }
  }
  .bullet {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    padding-right: calc(var(--spacing) * 4);
    padding-left: calc(var(--spacing) * 9);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    border-top: 1px solid var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--border) 55%, transparent);
    }
  }
  .bullet-flush {
    padding-left: calc(var(--spacing) * 4);
  }
  .bullet .ck {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .is-off {
    color: var(--muted-foreground);
  }
  .dots {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1px;
  }
  .dots i {
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--border);
  }
  .dots i.on {
    background-color: var(--chart-1);
  }
  .usage {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    --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,);
  }
  .meter {
    display: block;
    height: 3px;
    width: 100%;
    overflow: hidden;
    background-color: var(--muted);
  }
  .meter > i {
    display: block;
    height: 100%;
    background-color: var(--chart-1);
    transition: width 320ms var(--ease-out);
  }
  .meter-over > i {
    background-color: var(--danger);
  }
  .pick {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .notice {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    background-color: var(--muted);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    color: var(--muted-foreground);
    box-shadow: inset 2px 0 0 var(--border);
  }
  .notice svg {
    margin-top: calc(var(--spacing) * 0.5);
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
  }
  .notice b {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--foreground);
  }
  .notice-warn {
    color: var(--foreground);
    background-color: var(--warning-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--warning-surface) 60%, transparent);
    }
    box-shadow: inset 2px 0 0 var(--warning);
  }
  .notice-warn svg {
    color: var(--warning);
  }
  .dialog {
    position: fixed;
    top: calc(1 / 2 * 100%);
    left: calc(1 / 2 * 100%);
    margin: calc(var(--spacing) * 0);
    width: 100%;
    max-width: calc(100% - 2rem);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--popover);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--popover-foreground);
    --tw-outline-style: none;
    outline-style: none;
    @media (width >= 40rem) {
      max-width: var(--container-sm);
    }
    box-shadow: var(--shadow-lg);
  }
  .dialog-wide {
    @media (width >= 40rem) {
      max-width: var(--container-md);
    }
  }
  .dialog:not([open]) {
    display: none;
  }
  .dialog[open] {
    animation: dialog-in 180ms var(--ease-out);
  }
  .dialog::backdrop {
    background-color: oklch(0.13 0.028 261.692 / 0.28);
    animation: fade-in 180ms var(--ease-out);
  }
  @supports (backdrop-filter: blur(4px)) {
    .dialog::backdrop {
      backdrop-filter: blur(3px);
    }
  }
  .dialog-header {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .dialog-icon {
    display: flex;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
  }
  .dialog-icon svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .dialog-icon-danger {
    color: var(--danger);
    background-color: var(--danger-surface);
  }
  .dialog-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .dialog-description {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--muted-foreground);
  }
  .dialog-close {
    margin-top: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
    margin-left: auto;
  }
  .dialog-footer {
    display: flex;
    flex-direction: column-reverse;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .dialog-preview {
    display: flex;
    max-height: calc(100svh - 2rem);
    flex-direction: column;
    @media (width >= 40rem) {
      max-width: var(--container-4xl);
    }
  }
  .dialog-preview .dialog-header, .dialog-preview .dialog-footer {
    flex-shrink: 0;
  }
  .dialog-preview .dialog-footer {
    margin-top: calc(var(--spacing) * 4);
  }
  .preview-body {
    margin-inline: calc(var(--spacing) * -4);
    min-height: calc(var(--spacing) * 40);
    flex: 1;
    overflow: auto;
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--border);
    background-color: var(--muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--muted) 60%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    overscroll-behavior: contain;
  }
  .preview-wait {
    margin-inline: auto;
    display: flex;
    max-width: 8.5in;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    background-color: var(--card);
    padding: calc(var(--spacing) * 10);
    aspect-ratio: 8.5 / 11;
    box-shadow: var(--shadow-sm);
  }
  .preview-wait .skeleton {
    height: calc(var(--spacing) * 3);
  }
  .preview-host {
    margin-inline: auto;
    width: fit-content;
    max-width: 100%;
  }
  .shortcut-list {
    display: flex;
    flex-direction: column;
  }
  .shortcut-list > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
    padding-block: calc(var(--spacing) * 2);
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .shortcut-list dt {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .shortcut-list dd {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  @media (max-width: 639px) {
    .dialog {
      top: auto;
      bottom: 0;
      left: 0;
      width: 100%;
      max-width: 100%;
      transform: none;
      translate: none;
      padding-bottom: max(1rem, env(safe-area-inset-bottom));
    }
    .dialog[open] {
      animation: sheet-in 220ms var(--ease-out);
    }
    .dialog-preview {
      max-height: calc(100svh - 3rem);
    }
  }
  .toasts {
    pointer-events: none;
    position: fixed;
    right: calc(var(--spacing) * 4);
    bottom: calc(var(--spacing) * 4);
    display: flex;
    width: calc(100% - 2rem);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
    z-index: var(--z-toast);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .toast {
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--border);
    background-color: var(--popover);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--popover-foreground);
    box-shadow: var(--shadow-md);
    animation: toast-in 220ms var(--ease-out);
  }
  .toast.is-leaving {
    animation: toast-out 160ms var(--ease-in) forwards;
  }
  .toast-icon {
    margin-top: 1px;
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
    flex-shrink: 0;
  }
  .toast-ok .toast-icon {
    color: var(--success);
  }
  .toast-error .toast-icon {
    color: var(--danger);
  }
  .toast-body {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .toast-close {
    margin-top: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
    display: flex;
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--muted-foreground);
  }
  .toast-close:hover {
    color: var(--foreground);
  }
  .toast-close svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .view-enter {
    animation: view-in 200ms var(--ease-out);
  }
  @media (pointer: coarse) {
    .btn, .seg, .range-pill {
      min-height: 2.75rem;
    }
    .btn-icon {
      min-width: 2.75rem;
    }
    .input, .select {
      min-height: 2.75rem;
      font-size: 1rem;
    }
    .sidebar-menu-button, .shortcut-hint {
      min-height: 2.75rem;
    }
    .btn-icon::before, .btn-sm::before {
      content: none;
    }
  }
  .msgs {
    overflow-y: auto;
    overscroll-behavior: contain;
    max-height: 60svh;
  }
  .msg {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--border);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--border) 60%, transparent);
    }
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
  }
  .msg:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .msg-unread {
    box-shadow: inset 2px 0 0 var(--info);
    background-color: var(--info-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--info-surface) 45%, transparent);
    }
  }
  .msg-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
  }
  .msg-avatar {
    display: flex;
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--secondary);
    font-size: 0.625rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--secondary-foreground);
  }
  .msg-who {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .msg-name {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 0.8125rem;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .msg-mail {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--muted-foreground);
    text-underline-offset: 4px;
  }
  .msg-mail:hover {
    color: var(--foreground);
    text-decoration-line: underline;
  }
  .msg-when {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.6875rem;
    color: var(--muted-foreground);
    --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,);
  }
  .msg-ago {
    color: var(--muted-foreground);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);
    }
  }
  .msg-tools {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 0.5);
  }
  @media (max-width: 639px) {
    .msg-tools {
      margin-bottom: calc(var(--spacing) * -1);
      margin-left: auto;
    }
  }
  .msg-body {
    margin-top: calc(var(--spacing) * 2);
    max-width: 80ch;
    padding-left: 2.375rem;
    font-size: 0.8125rem;
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
  .table-scroll::-webkit-scrollbar, .logs::-webkit-scrollbar, .msgs::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  .table-scroll::-webkit-scrollbar-thumb, .logs::-webkit-scrollbar-thumb, .msgs::-webkit-scrollbar-thumb {
    background: oklch(0.13 0.028 261.692 / 0.18);
  }
  .table-scroll::-webkit-scrollbar-thumb:hover, .logs::-webkit-scrollbar-thumb:hover, .msgs::-webkit-scrollbar-thumb:hover {
    background: oklch(0.13 0.028 261.692 / 0.3);
  }
}
.preview-page .docx-wrapper {
  background: transparent;
  padding: 0;
  display: block;
}
.preview-page .docx-wrapper > section.docx {
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  margin: 0 0 1rem;
}
.preview-page .docx-wrapper > section.docx:last-child {
  margin-bottom: 0;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes view-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes dialog-in {
  from {
    opacity: 0;
    scale: 0.97;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes sheet-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes toast-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes toast-out {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translateY(4px) scale(0.98);
  }
}
@keyframes shimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -100% 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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-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-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-tracking {
  syntax: "*";
  inherits: false;
}
@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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --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-tracking: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}