:root{color-scheme:dark;--wire-color-bg:#0b1020;--wire-color-surface:#141a30;--wire-color-surface-2:#1c243f;--wire-color-text:#e7ecff;--wire-color-muted:#9aa6d0;--wire-color-border:#ffffff1f;--wire-color-primary:#6c8cff;--wire-color-primary-hover:#8aa2ff;--wire-color-primary-contrast:#0b1020;--wire-color-danger:#f87171;--wire-color-success:#4ade80;--wire-color-warning:#fbbf24;--wire-radius:10px;--wire-radius-sm:6px;--wire-font-sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--wire-shadow-1:0 1px 2px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.35);}
[data-theme="light"]{color-scheme:light;--wire-color-bg:#ffffff;--wire-color-surface:#f6f7fb;--wire-color-surface-2:#eceff6;--wire-color-text:#0b1020;--wire-color-muted:#5a6178;--wire-color-border:#e2e6f0;--wire-color-primary:#2563eb;--wire-color-primary-hover:#1d4ed8;--wire-color-primary-contrast:#ffffff;--wire-color-danger:#dc2626;--wire-color-success:#16a34a;--wire-color-warning:#d97706;--wire-radius:8px;--wire-radius-sm:5px;--wire-font-sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--wire-shadow-1:0 1px 2px rgba(16,24,40,0.06), 0 1px 3px rgba(16,24,40,0.1);}
[data-theme="dark"]{color-scheme:dark;--wire-color-bg:#0b1020;--wire-color-surface:#141a30;--wire-color-surface-2:#1c243f;--wire-color-text:#e7ecff;--wire-color-muted:#9aa6d0;--wire-color-border:#ffffff1f;--wire-color-primary:#6c8cff;--wire-color-primary-hover:#8aa2ff;--wire-color-primary-contrast:#0b1020;--wire-color-danger:#f87171;--wire-color-success:#4ade80;--wire-color-warning:#fbbf24;--wire-radius:10px;--wire-radius-sm:6px;--wire-font-sans:system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--wire-shadow-1:0 1px 2px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.35);}

/*
 * Wire UI stylesheet. Served once at /__wrnexus/ui.css. Every value is a theme
 * token (var(--wire-*)), so components restyle instantly when the theme changes.
 * Override any of these classes in your own CSS (it loads after ui.css).
 */

/* --- Layout --------------------------------------------------------------- */
.wire-container {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  padding-inline: 1rem;
}
.wire-stack {
  display: flex;
  flex-direction: column;
}
.wire-hstack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.wire-grid {
  display: grid;
}
.wire-spacer {
  flex: 1 1 auto;
}
.wire-divider {
  border: 0;
  border-top: 1px solid var(--wire-color-border);
  margin: 1rem 0;
}

/* gap scale (shared by stack / hstack / grid) */
.wire-gap-0 {
  gap: 0;
}
.wire-gap-1 {
  gap: 0.25rem;
}
.wire-gap-2 {
  gap: 0.5rem;
}
.wire-gap-3 {
  gap: 0.75rem;
}
.wire-gap-4 {
  gap: 1rem;
}
.wire-gap-5 {
  gap: 1.5rem;
}
.wire-gap-6 {
  gap: 2rem;
}
.wire-gap-8 {
  gap: 3rem;
}

.wire-items-start {
  align-items: flex-start;
}
.wire-items-center {
  align-items: center;
}
.wire-items-end {
  align-items: flex-end;
}
.wire-items-stretch {
  align-items: stretch;
}

.wire-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.wire-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.wire-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.wire-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
.wire-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}
.wire-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 640px) {
  .wire-grid {
    grid-template-columns: 1fr;
  }
}

/* --- Button --------------------------------------------------------------- */
.wire-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  font: inherit;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: var(--wire-radius-sm);
  padding: 0.55rem 0.9rem;
  cursor: pointer;
  text-decoration: none;
  transition:
    filter 0.15s ease,
    background 0.15s ease,
    transform 0.04s ease;
}
.wire-btn:active {
  transform: translateY(1px);
}
.wire-btn:focus-visible {
  outline: 2px solid var(--wire-color-primary);
  outline-offset: 2px;
}

.wire-btn--default {
  background: var(--wire-color-surface-2);
  color: var(--wire-color-text);
  border-color: var(--wire-color-border);
}
.wire-btn--primary {
  background: var(--wire-color-primary);
  color: var(--wire-color-primary-contrast);
}
.wire-btn--primary:hover {
  background: var(--wire-color-primary-hover);
}
.wire-btn--danger {
  background: var(--wire-color-danger);
  color: #fff;
}
.wire-btn--ghost {
  background: transparent;
  color: var(--wire-color-text);
  border-color: var(--wire-color-border);
}
.wire-btn--ghost:hover {
  background: var(--wire-color-surface-2);
}

.wire-btn--sm {
  padding: 0.35rem 0.6rem;
  font-size: 0.85rem;
}
.wire-btn--md {
  padding: 0.55rem 0.9rem;
}
.wire-btn--lg {
  padding: 0.7rem 1.2rem;
  font-size: 1.05rem;
}

/* --- Inputs --------------------------------------------------------------- */
.wire-input {
  width: 100%;
  font: inherit;
  color: var(--wire-color-text);
  background: var(--wire-color-bg);
  border: 1px solid var(--wire-color-border);
  border-radius: var(--wire-radius-sm);
  padding: 0.5rem 0.7rem;
}
.wire-input::placeholder {
  color: var(--wire-color-muted);
}
.wire-input:focus-visible {
  outline: 2px solid var(--wire-color-primary);
  outline-offset: 1px;
  border-color: var(--wire-color-primary);
}
.wire-textarea {
  resize: vertical;
  min-height: 4.5rem;
}

/* Validation states (set by /__wrnexus/validate.js). */
.wire-invalid {
  border-color: var(--wire-color-danger) !important;
}
.wire-field-error {
  display: block;
  min-height: 1em;
  margin-top: 0.25rem;
  color: var(--wire-color-danger);
  font-size: 0.8rem;
}

.wire-check {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.wire-check__box {
  width: 1rem;
  height: 1rem;
  accent-color: var(--wire-color-primary);
}
.wire-check__box:focus-visible {
  outline: 2px solid var(--wire-color-primary);
  outline-offset: 2px;
}
.wire-check__label {
  color: var(--wire-color-text);
}

/* --- Badge ---------------------------------------------------------------- */
.wire-badge {
  display: inline-flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  border-radius: 999px;
}
.wire-badge--default {
  background: var(--wire-color-surface-2);
  color: var(--wire-color-text);
}
.wire-badge--primary {
  background: var(--wire-color-primary);
  color: var(--wire-color-primary-contrast);
}
.wire-badge--success {
  background: var(--wire-color-success);
  color: #05210f;
}
.wire-badge--danger {
  background: var(--wire-color-danger);
  color: #fff;
}
.wire-badge--warning {
  background: var(--wire-color-warning);
  color: #201400;
}

/* --- Alert ---------------------------------------------------------------- */
.wire-alert {
  border: 1px solid var(--wire-color-border);
  border-left-width: 4px;
  border-radius: var(--wire-radius-sm);
  padding: 0.75rem 1rem;
  background: var(--wire-color-surface);
  color: var(--wire-color-text);
}
.wire-alert__title {
  font-weight: 700;
  margin-bottom: 0.15rem;
}
.wire-alert__title:empty {
  display: none;
}
.wire-alert__body {
  color: var(--wire-color-muted);
}
.wire-alert--info {
  border-left-color: var(--wire-color-primary);
}
.wire-alert--success {
  border-left-color: var(--wire-color-success);
}
.wire-alert--danger {
  border-left-color: var(--wire-color-danger);
}
.wire-alert--warning {
  border-left-color: var(--wire-color-warning);
}

/* --- Card ----------------------------------------------------------------- */
.wire-card {
  background: var(--wire-color-surface);
  border: 1px solid var(--wire-color-border);
  border-radius: var(--wire-radius);
  padding: 1.25rem;
  box-shadow: var(--wire-shadow-1);
}

/* --- Avatar --------------------------------------------------------------- */
.wire-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 999px;
  object-fit: cover;
  border: 1px solid var(--wire-color-border);
}

/* --- Spinner -------------------------------------------------------------- */
.wire-spinner {
  display: inline-block;
  width: 1.15rem;
  height: 1.15rem;
  border: 2px solid var(--wire-color-border);
  border-top-color: var(--wire-color-primary);
  border-radius: 999px;
  animation: wire-spin 0.7s linear infinite;
}
@keyframes wire-spin {
  to {
    transform: rotate(360deg);
  }
}

/* --- Disclosure ----------------------------------------------------------- */
.wire-disclosure {
  border: 1px solid var(--wire-color-border);
  border-radius: var(--wire-radius-sm);
  background: var(--wire-color-surface);
}
.wire-disclosure__summary {
  cursor: pointer;
  padding: 0.6rem 0.9rem;
  font-weight: 600;
}
.wire-disclosure__summary:focus-visible {
  outline: 2px solid var(--wire-color-primary);
  outline-offset: -2px;
}
.wire-disclosure__body {
  padding: 0 0.9rem 0.75rem;
  color: var(--wire-color-muted);
}

/* --- Select --------------------------------------------------------------- */
.wire-select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--wire-color-muted) 50%),
    linear-gradient(135deg, var(--wire-color-muted) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 1.05em,
    calc(100% - 13px) 1.05em;
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
  padding-right: 2rem;
}

/* --- Switch --------------------------------------------------------------- */
.wire-switch {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.wire-switch__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.wire-switch__track {
  position: relative;
  width: 2.25rem;
  height: 1.25rem;
  border-radius: 999px;
  background: var(--wire-color-border);
  transition: background 0.15s ease;
  flex: none;
}
.wire-switch__thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  border-radius: 999px;
  background: #fff;
  transition: transform 0.15s ease;
}
.wire-switch__input:checked + .wire-switch__track {
  background: var(--wire-color-primary);
}
.wire-switch__input:checked + .wire-switch__track .wire-switch__thumb {
  transform: translateX(1rem);
}
.wire-switch__input:focus-visible + .wire-switch__track {
  outline: 2px solid var(--wire-color-primary);
  outline-offset: 2px;
}
.wire-switch__label {
  color: var(--wire-color-text);
}

/* --- Progress ------------------------------------------------------------- */
.wire-progress {
  appearance: none;
  width: 100%;
  height: 0.5rem;
  border: 0;
  border-radius: 999px;
  overflow: hidden;
  background: var(--wire-color-surface-2);
}
.wire-progress::-webkit-progress-bar {
  background: var(--wire-color-surface-2);
}
.wire-progress::-webkit-progress-value {
  background: var(--wire-color-primary);
  border-radius: 999px;
}
.wire-progress::-moz-progress-bar {
  background: var(--wire-color-primary);
}

/* --- Tag ------------------------------------------------------------------ */
.wire-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1;
  padding: 0.2rem 0.5rem;
  border-radius: var(--wire-radius-sm);
  border: 1px solid var(--wire-color-border);
  background: var(--wire-color-surface-2);
  color: var(--wire-color-text);
}
.wire-tag--primary {
  background: var(--wire-color-primary);
  color: var(--wire-color-primary-contrast);
  border-color: transparent;
}
.wire-tag--success {
  background: var(--wire-color-success);
  color: #05210f;
  border-color: transparent;
}
.wire-tag--danger {
  background: var(--wire-color-danger);
  color: #fff;
  border-color: transparent;
}
.wire-tag--warning {
  background: var(--wire-color-warning);
  color: #201400;
  border-color: transparent;
}

/* --- Skeleton ------------------------------------------------------------- */
.wire-skeleton {
  display: inline-block;
  border-radius: var(--wire-radius-sm);
  background: linear-gradient(
    90deg,
    var(--wire-color-surface-2) 25%,
    var(--wire-color-border) 37%,
    var(--wire-color-surface-2) 63%
  );
  background-size: 400% 100%;
  animation: wire-shimmer 1.4s ease infinite;
}
@keyframes wire-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

/* --- Tooltip -------------------------------------------------------------- */
.wire-tooltip {
  position: relative;
  display: inline-flex;
  cursor: help;
}
.wire-tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  background: var(--wire-color-text);
  color: var(--wire-color-bg);
  font-size: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--wire-radius-sm);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s ease;
  z-index: 10;
}
.wire-tooltip:hover::after,
.wire-tooltip:focus-visible::after {
  opacity: 1;
}

/* --- Table ---------------------------------------------------------------- */
.wire-table-wrap {
  overflow-x: auto;
}
.wire-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.wire-table th,
.wire-table td {
  text-align: left;
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--wire-color-border);
}
.wire-table th {
  font-weight: 700;
  color: var(--wire-color-muted);
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.wire-table tbody tr:hover {
  background: var(--wire-color-surface-2);
}

/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.font-sans{font-family:var(--font-sans)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}}:root{color-scheme:light;--bg:#f8fafc;--surface:#fff;--surface-soft:#f1f5f9;--text:#0f172a;--muted:#526075;--border:#dbe3ee;--brand:#5b5cf0;--brand-strong:#4338ca;--code:#111827;--code-text:#dbeafe;--shadow:0 18px 60px #0f172a14}[data-theme=dark]{color-scheme:dark;--bg:#080b14;--surface:#101522;--surface-soft:#161c2c;--text:#f4f7fb;--muted:#9ba8bc;--border:#263047;--brand:#8b8df8;--brand-strong:#a5b4fc;--code:#05070d;--code-text:#dbeafe;--shadow:0 22px 70px #0000004d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}.docs-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.docs-shell:before,.docs-shell:after{z-index:-1;content:"";pointer-events:none;filter:blur(110px);opacity:.12;border-radius:999px;width:38rem;height:38rem;animation:16s ease-in-out infinite alternate ambient-float;position:fixed}.docs-shell:before{background:#6366f1;top:-16rem;left:-12rem}.docs-shell:after{background:#a855f7;animation-delay:-7s;bottom:-18rem;right:-15rem}.topbar{z-index:20;border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;height:74px;padding:0 clamp(20px,4vw,72px);display:grid;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent)}}.topbar{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in srgb, var(--bg) 82%, transparent)}}.topbar{-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%)}.brand{letter-spacing:-.02em;align-items:center;gap:.65rem;width:fit-content;font-weight:800;text-decoration:none;display:inline-flex}.brand span{color:#fff;background:linear-gradient(145deg,#6366f1,#8b5cf6);border-radius:11px;place-items:center;width:34px;height:34px;animation:4s ease-in-out infinite logo-pulse;display:grid;box-shadow:0 8px 24px #6366f14d}.topbar nav{gap:1.5rem;display:flex}.topbar nav a{color:var(--muted);font-size:.9rem;font-weight:600;text-decoration:none;position:relative}.topbar nav a:after{background:linear-gradient(90deg, var(--brand), #a855f7);content:"";border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:-.45rem;left:0;right:0;transform:scaleX(0)}.topbar nav a:hover:after{transform:scaleX(1)}.topbar nav a:hover{color:var(--text)}.theme-button{border:1px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:9px;justify-self:end;padding:.5rem .8rem;transition:transform .18s,border-color .18s,box-shadow .18s}.theme-button:hover{border-color:var(--brand);box-shadow:0 10px 28px var(--brand);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.theme-button:hover{box-shadow:0 10px 28px color-mix(in srgb, var(--brand) 18%, transparent)}}.page{width:100%;margin:0;padding-inline:clamp(20px,4vw,72px)}.hero{text-align:center;background:radial-gradient(circle at 50% 25%, var(--brand), transparent 34%), radial-gradient(circle at 75% 55%, #a855f717, transparent 26%);place-items:center;min-height:670px;padding:100px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.hero{background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--brand) 19%, transparent), transparent 34%), radial-gradient(circle at 75% 55%, #a855f717, transparent 26%)}}.hero.compact{min-height:auto;padding:100px 0 60px}.eyebrow,.category{color:var(--brand);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:800}.hero h1{letter-spacing:-.065em;max-width:920px;margin:1rem 0;font-size:clamp(3rem,7vw,6.6rem);line-height:.96;animation:.72s cubic-bezier(.16,1,.3,1) both reveal-up}.hero.compact h1{font-size:clamp(2.8rem,5vw,4.8rem)}.hero h1 em{color:#0000;background:linear-gradient(105deg, var(--brand), #a855f7, #0ea5e9, var(--brand));background-size:240%;-webkit-background-clip:text;background-clip:text;font-style:normal;animation:7s linear infinite gradient-shift}.hero>p{max-width:720px;color:var(--muted);margin:.75rem auto 0;font-size:1.15rem;line-height:1.75;animation:.72s cubic-bezier(.16,1,.3,1) .1s both reveal-up}.actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;animation:.72s cubic-bezier(.16,1,.3,1) .18s both reveal-up;display:flex}.actions a{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.8rem 1.15rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.actions a:hover{border-color:var(--brand);box-shadow:0 14px 35px var(--brand);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.actions a:hover{box-shadow:0 14px 35px color-mix(in srgb, var(--brand) 18%, transparent)}}.actions .primary{border-color:var(--brand);color:#fff;background:var(--brand)}.code-window{border:1px solid var(--border);text-align:left;background:var(--code);width:min(680px,100%);box-shadow:var(--shadow);border-radius:16px;margin-top:3rem;animation:.8s cubic-bezier(.16,1,.3,1) .28s both reveal-up;overflow:hidden}.code-window>span{color:#94a3b8;border-bottom:1px solid #283044;padding:.7rem 1rem;font:.75rem ui-monospace,monospace;display:block}pre{color:var(--code-text);background:var(--code);tab-size:2;border:1px solid #20283a;border-radius:12px;margin:1.25rem 0;padding:1.2rem 1.35rem;font:.82rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;position:relative;overflow:auto}.code-window pre{border:0;border-radius:0;margin:0}code{color:var(--brand-strong);background:var(--surface-soft);border-radius:5px;padding:.12rem .35rem;font:.88em ui-monospace,SFMono-Regular,Consolas,monospace}pre code,.sidebar>code{color:inherit;background:0 0;padding:0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 0 100px;display:grid}.feature-grid article,.package-card{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface), var(--surface-soft));border-radius:16px;padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.feature-grid article,.package-card{background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface-soft) 42%, var(--surface)))}}.feature-grid article,.package-card{box-shadow:var(--shadow);animation:.62s cubic-bezier(.16,1,.3,1) both reveal-up}.feature-grid article:nth-child(2),.package-card:nth-child(3n+2){animation-delay:60ms}.feature-grid article:nth-child(3),.package-card:nth-child(3n){animation-delay:.12s}.feature-grid h2,.package-card h2{letter-spacing:-.025em;margin:.7rem 0}.feature-grid p,.package-card p{color:var(--muted);line-height:1.65}.search{border:1px solid var(--border);width:min(620px,100%);color:var(--text);background:var(--surface);font:inherit;box-shadow:var(--shadow);border-radius:13px;margin-top:2rem;padding:.9rem 1rem;transition:border-color .18s,box-shadow .18s,transform .18s}.search:focus{border-color:var(--brand);box-shadow:0 18px 50px var(--brand);outline:none;transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.search:focus{box-shadow:0 18px 50px color-mix(in srgb, var(--brand) 18%, transparent)}}.category-filter{gap:.8rem;margin-bottom:1.5rem;display:grid}.category-row{scrollbar-width:thin;gap:.55rem;padding:.2rem 0 .65rem;display:flex;overflow-x:auto}.category-row button{border:1px solid var(--border);color:var(--muted);background:var(--surface);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.55rem .8rem;font-family:inherit;font-size:.82rem;font-weight:600;line-height:1;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.category-row button:hover,.category-row button:focus-visible{border-color:var(--brand);color:var(--brand);outline:none;transform:translateY(-1px)}.category-row button span{min-width:1.35rem;height:1.35rem;color:var(--text);background:var(--surface-soft);border-radius:999px;place-items:center;font-size:.7rem;display:grid}.category-filter p{color:var(--muted);margin:0;font-size:.85rem}.category-filter strong{color:var(--text)}.package-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:100px;display:grid}.package-card{text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.package-card:hover{border-color:var(--brand);box-shadow:0 24px 60px var(--brand);transform:translateY(-7px)}@supports (color:color-mix(in lab, red, red)){.package-card:hover{box-shadow:0 24px 60px color-mix(in srgb, var(--brand) 14%, transparent)}}.card-link{color:var(--brand);font-size:.88rem;font-weight:700}.package-page{grid-template-columns:250px minmax(0,1fr) 200px;align-items:start;gap:48px;padding-top:56px;padding-bottom:110px;display:grid}.on-this-page{border-left:1px solid var(--border);min-width:0;padding-left:1rem;position:sticky;top:110px}.on-this-page h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem}.on-this-page nav{gap:.48rem;max-height:calc(100vh - 160px);display:grid;overflow-y:auto}.on-this-page a{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.35;text-decoration:none;overflow:hidden}.on-this-page a:hover{color:var(--brand)}.on-this-page .toc-level-3,.on-this-page .toc-level-4{padding-left:.7rem}.sidebar{gap:.85rem;display:grid;position:sticky;top:110px}.sidebar>a{color:var(--muted);font-size:.85rem;text-decoration:none}.sidebar h1{overflow-wrap:anywhere;letter-spacing:-.035em;margin:0;font-size:1.55rem}.sidebar p{color:var(--muted);margin:0;line-height:1.55}.sidebar>code{border:1px solid var(--border);color:var(--text);background:var(--surface-soft);border-radius:9px;padding:.8rem;overflow-x:auto}.sidebar nav{border-top:1px solid var(--border);gap:.55rem;padding-top:.5rem;display:grid}.sidebar nav a{color:var(--muted);text-decoration:none}.documentation{min-width:0;animation:.65s cubic-bezier(.16,1,.3,1) 80ms both reveal-up}.documentation.standalone,.standalone{width:100%;max-width:none;margin:0;padding:90px clamp(0px,5vw,90px) 120px}.standalone>*{max-width:1000px}.doc-intro{border-bottom:1px solid var(--border);padding-bottom:2rem}.doc-intro h1,.standalone h1{letter-spacing:-.055em;margin:.7rem 0;font-size:clamp(2.5rem,5vw,4.2rem)}.doc-intro p{color:var(--muted);font-size:1.1rem}.prose{color:var(--muted);font-size:1rem;line-height:1.8}.prose>*{max-width:850px}.prose h2,.prose h3,.prose h4{color:var(--text);letter-spacing:-.035em;scroll-margin-top:90px;line-height:1.2}.prose h2{margin:3.5rem 0 1rem;font-size:2rem}.prose h3{margin:2.5rem 0 .8rem;font-size:1.4rem}.prose ul{padding-left:1.25rem}.prose li{margin:.45rem 0}.prose blockquote{border-left:3px solid var(--brand);color:var(--text);background:var(--surface-soft);margin:1.5rem 0;padding:.5rem 1.2rem}.table-wrap{border:1px solid var(--border);border-radius:12px;margin:1.5rem 0;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--surface);width:100%;font-size:.9rem}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;min-width:130px;padding:.75rem .9rem}.prose th{color:var(--text);background:var(--surface-soft);font-weight:700}.prose tr:last-child td{border-bottom:0}.prose a{color:var(--brand)}.api{border-top:1px solid var(--border);margin-top:4rem}.api pre{max-height:760px}#guide,#api,#examples{scroll-margin-top:90px}.examples{border-top:1px solid var(--border);margin-top:4rem}.example-grid{gap:1rem;display:grid}.example-card{min-width:0}.example-card h3{margin-bottom:-.5rem;font-size:.88rem}.language-reference{max-width:920px}footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:34px 20px;font-size:.82rem}@keyframes reveal-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-float{0%{transform:translate(-3%,-2%)scale(.95)}to{transform:translate(8%,7%)scale(1.12)}}@keyframes gradient-shift{to{background-position:240%}}@keyframes logo-pulse{0%,to{box-shadow:0 8px 24px #6366f147}50%{box-shadow:0 10px 34px #8b5cf680}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;padding:0 20px}.topbar nav{display:none}.feature-grid,.package-grid{grid-template-columns:repeat(2,1fr)}.package-page{grid-template-columns:1fr;gap:35px}.sidebar{position:static}.on-this-page{display:none}}@media (min-width:901px) and (max-width:1120px){.package-page{grid-template-columns:230px minmax(0,1fr)}.on-this-page{display:none}}@media (max-width:600px){.page{width:100%;padding-inline:14px}.hero{min-height:580px;padding:70px 0}.feature-grid,.package-grid{grid-template-columns:1fr}.package-page{padding-top:30px}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}