@layer fui.tokens,fui.base,fui.components;@property --fui-seed-brand{syntax: "<color>"; initial-value: #f56138; inherits: true;}@property --fui-seed-danger{syntax: "<color>"; initial-value: #c44732; inherits: true;}@property --fui-seed-success{syntax: "<color>"; initial-value: #2c8c5f; inherits: true;}@property --fui-seed-warning{syntax: "<color>"; initial-value: #c4922a; inherits: true;}@property --fui-seed-info{syntax: "<color>"; initial-value: #3d7aa8; inherits: true;}@property --fui-color-accent{syntax: "<color>"; initial-value: #f56138; inherits: true;}@property --fui-color-accent-hover{syntax: "<color>"; initial-value: rgb(227.0367292784,80.2272369318,37.8086626311); inherits: true;}@property --fui-color-accent-active{syntax: "<color>"; initial-value: rgb(212.759144097,66.420270413,20.0075338844); inherits: true;}@property --fui-color-danger{syntax: "<color>"; initial-value: #c44732; inherits: true;}@property --fui-color-danger-hover{syntax: "<color>"; initial-value: rgb(178.7018640846,54.4873295202,34.2296895709); inherits: true;}@property --fui-color-success{syntax: "<color>"; initial-value: #2c8c5f; inherits: true;}@property --fui-color-warning{syntax: "<color>"; initial-value: #c4922a; inherits: true;}@property --fui-color-info{syntax: "<color>"; initial-value: #3d7aa8; inherits: true;}@property --fui-color-accent-tint{syntax: "<color>"; initial-value: rgba(245,97,56,.18); inherits: true;}@property --fui-color-danger-tint{syntax: "<color>"; initial-value: rgba(196,71,50,.18); inherits: true;}@property --fui-color-success-tint{syntax: "<color>"; initial-value: rgba(44,140,95,.18); inherits: true;}@property --fui-color-warning-tint{syntax: "<color>"; initial-value: rgba(196,146,42,.18); inherits: true;}@property --fui-color-info-tint{syntax: "<color>"; initial-value: rgba(61,122,168,.18); inherits: true;}@property --fui-color-accent-wash{syntax: "<color>"; initial-value: rgba(245,97,56,.1); inherits: true;}@property --fui-color-danger-wash{syntax: "<color>"; initial-value: rgba(196,71,50,.1); inherits: true;}@property --fui-color-success-wash{syntax: "<color>"; initial-value: rgba(44,140,95,.1); inherits: true;}@property --fui-color-warning-wash{syntax: "<color>"; initial-value: rgba(196,146,42,.1); inherits: true;}@property --fui-color-info-wash{syntax: "<color>"; initial-value: rgba(61,122,168,.1); inherits: true;}@property --fui-color-accent-text{syntax: "<color>"; initial-value: hsl(17.2743129358,123.6417261467%,32.960104178%); inherits: true;}@property --fui-color-danger-text{syntax: "<color>"; initial-value: rgb(175.259204593,51.0756306504,30.907132653); inherits: true;}@property --fui-color-success-text{syntax: "<color>"; initial-value: hsl(159.1174517517,127.0915990786%,18.9927807886%); inherits: true;}@property --fui-color-warning-text{syntax: "<color>"; initial-value: hsl(43.5932358725,182.9130175891%,18.4439275341%); inherits: true;}@property --fui-color-info-text{syntax: "<color>"; initial-value: rgb(35.8811817906,98.4177819041,142.9428305416); inherits: true;}@property --fui-bg-primary{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-bg-secondary{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-bg-tertiary{syntax: "<color>"; initial-value: #f2ede7; inherits: true;}@property --fui-bg-elevated{syntax: "<color>"; initial-value: #ffffff; inherits: true;}@property --fui-bg-subtle{syntax: "<color>"; initial-value: #fdfcfa; inherits: true;}@property --fui-bg-hover{syntax: "<color>"; initial-value: rgba(29,28,26,.07); inherits: true;}@property --fui-bg-active{syntax: "<color>"; initial-value: rgba(29,28,26,.14); inherits: true;}@property --fui-body-bg{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-main-bg{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-text-primary{syntax: "<color>"; initial-value: #1d1c1a; inherits: true;}@property --fui-text-secondary{syntax: "<color>"; initial-value: rgb(89.0746938133,84.2307870613,79.3814506381); inherits: true;}@property --fui-text-tertiary{syntax: "<color>"; initial-value: rgb(87.8822702238,82.5145055484,76.3895905166); inherits: true;}@property --fui-text-inverse{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-border{syntax: "<color>"; initial-value: rgba(60,45,30,.1); inherits: true;}@property --fui-border-default{syntax: "<color>"; initial-value: rgba(60,45,30,.1); inherits: true;}@property --fui-border-strong{syntax: "<color>"; initial-value: rgba(60,45,30,.18); inherits: true;}@property --fui-focus-ring-color{syntax: "<color>"; initial-value: #f56138; inherits: true;}@property --fui-scrollbar-track{syntax: "<color>"; initial-value: #faf8f5; inherits: true;}@property --fui-scrollbar-thumb{syntax: "<color>"; initial-value: #e9e2da; inherits: true;}@property --fui-scrollbar-thumb-hover{syntax: "<color>"; initial-value: #b3aca3; inherits: true;}@property --fui-space-px{syntax: "<length>"; initial-value: 1px; inherits: true;}@property --fui-space-0-5{syntax: "<length>"; initial-value: .15rem; inherits: true;}@property --fui-space-0-75{syntax: "<length>"; initial-value: .215rem; inherits: true;}@property --fui-space-1{syntax: "<length>"; initial-value: .5rem; inherits: true;}@property --fui-space-2{syntax: "<length>"; initial-value: 1rem; inherits: true;}@property --fui-space-3{syntax: "<length>"; initial-value: 1.5rem; inherits: true;}@property --fui-space-4{syntax: "<length>"; initial-value: 2rem; inherits: true;}@property --fui-space-5{syntax: "<length>"; initial-value: 2.5rem; inherits: true;}@property --fui-space-6{syntax: "<length>"; initial-value: 3rem; inherits: true;}@property --fui-space-8{syntax: "<length>"; initial-value: 4rem; inherits: true;}@property --fui-space-10{syntax: "<length>"; initial-value: 5rem; inherits: true;}@property --fui-space-12{syntax: "<length>"; initial-value: 6rem; inherits: true;}@property --fui-radius-sm{syntax: "<length>"; initial-value: .25rem; inherits: true;}@property --fui-radius-md{syntax: "<length>"; initial-value: .429rem; inherits: true;}@property --fui-radius-lg{syntax: "<length>"; initial-value: .571rem; inherits: true;}@property --fui-radius-xl{syntax: "<length>"; initial-value: .857rem; inherits: true;}@property --fui-radius-full{syntax: "<length>"; initial-value: 9999px; inherits: true;}@property --fui-radius-none{syntax: "<length>"; initial-value: 0px; inherits: true;}@property --fui-control-height-xs{syntax: "<length>"; initial-value: 24px; inherits: true;}@property --fui-control-height-sm{syntax: "<length>"; initial-value: 28px; inherits: true;}@property --fui-control-height-md{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --fui-control-height-lg{syntax: "<length>"; initial-value: 40px; inherits: true;}@property --fui-button-height-xs{syntax: "<length>"; initial-value: 24px; inherits: true;}@property --fui-button-height-sm{syntax: "<length>"; initial-value: 28px; inherits: true;}@property --fui-button-height-md{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --fui-button-height-lg{syntax: "<length>"; initial-value: 40px; inherits: true;}@property --fui-input-height{syntax: "<length>"; initial-value: 32px; inherits: true;}@property --fui-input-height-sm{syntax: "<length>"; initial-value: 28px; inherits: true;}@property --fui-input-height-lg{syntax: "<length>"; initial-value: 40px; inherits: true;}@property --fui-target-size-min{syntax: "<length>"; initial-value: 2.286rem; inherits: true;}@property --fui-focus-ring-offset{syntax: "<length>"; initial-value: 2px; inherits: true;}@property --fui-focus-ring-width{syntax: "<length>"; initial-value: 2px; inherits: true;}@property --fui-scrollbar-width{syntax: "<length>"; initial-value: 8px; inherits: true;}@property --fui-font-weight-normal{syntax: "<number>"; initial-value: 400; inherits: true;}@property --fui-font-weight-medium{syntax: "<number>"; initial-value: 500; inherits: true;}@property --fui-font-weight-semibold{syntax: "<number>"; initial-value: 600; inherits: true;}@property --fui-font-weight-bold{syntax: "<number>"; initial-value: 700; inherits: true;}@property --fui-line-height-tight{syntax: "<number>"; initial-value: 1.25; inherits: true;}@property --fui-line-height-normal{syntax: "<number>"; initial-value: 1.5; inherits: true;}@property --fui-line-height-relaxed{syntax: "<number>"; initial-value: 1.625; inherits: true;}@property --fui-line-height-display{syntax: "<number>"; initial-value: 1.1; inherits: true;}@property --fui-line-height-prose{syntax: "<number>"; initial-value: 1.7; inherits: true;}@property --fui-font-size-2xs{syntax: "<length>"; initial-value: .714rem; inherits: true;}@property --fui-font-size-xs{syntax: "<length>"; initial-value: .857rem; inherits: true;}@property --fui-font-size-sm{syntax: "<length>"; initial-value: 1rem; inherits: true;}@property --fui-font-size-base{syntax: "<length>"; initial-value: 1rem; inherits: true;}@property --fui-font-size-md{syntax: "<length>"; initial-value: 1.071rem; inherits: true;}@property --fui-font-size-lg{syntax: "<length>"; initial-value: 1.429rem; inherits: true;}@property --fui-font-size-xl{syntax: "<length>"; initial-value: 1.714rem; inherits: true;}@property --fui-font-size-2xl{syntax: "<length>"; initial-value: 2.143rem; inherits: true;}@property --fui-font-size-3xl{syntax: "<length>"; initial-value: 2.571rem; inherits: true;}@property --fui-font-size-4xl{syntax: "<length>"; initial-value: 3.429rem; inherits: true;}@property --fui-opacity-disabled{syntax: "<number>"; initial-value: .5; inherits: true;}@property --fui-opacity-muted{syntax: "<number>"; initial-value: .7; inherits: true;}@property --fui-opacity-faint{syntax: "<number>"; initial-value: .3; inherits: true;}@property --fui-scale{syntax: "<number>"; initial-value: 1; inherits: true;}@layer fui.tokens{:root{color-scheme:light dark;font-size:14px;--fui-base-font-size: 14px;--fui-base-unit: 7px;--fui-raw-space-0: 0;--fui-raw-space-2: 2px;--fui-raw-space-4: calc(var(--fui-scale, 1) * 4px);--fui-raw-space-6: calc(var(--fui-scale, 1) * 6px);--fui-raw-space-8: calc(var(--fui-scale, 1) * 8px);--fui-raw-space-10: calc(var(--fui-scale, 1) * 10px);--fui-raw-space-12: calc(var(--fui-scale, 1) * 12px);--fui-raw-space-16: calc(var(--fui-scale, 1) * 16px);--fui-raw-space-20: calc(var(--fui-scale, 1) * 20px);--fui-raw-space-24: calc(var(--fui-scale, 1) * 24px);--fui-raw-space-32: calc(var(--fui-scale, 1) * 32px);--fui-raw-space-40: calc(var(--fui-scale, 1) * 40px);--fui-raw-space-48: calc(var(--fui-scale, 1) * 48px);--fui-raw-space-64: calc(var(--fui-scale, 1) * 64px);--fui-control-track-micro: calc(var(--fui-scale, 1) * 24px);--fui-control-track-sm: calc(var(--fui-scale, 1) * 28px);--fui-control-track-md: calc(var(--fui-scale, 1) * 32px);--fui-control-track-lg: calc(var(--fui-scale, 1) * 40px);--fui-field-track-sm: calc(var(--fui-scale, 1) * 28px);--fui-field-track-md: calc(var(--fui-scale, 1) * 32px);--fui-field-track-lg: calc(var(--fui-scale, 1) * 40px);--fui-field-inline-inset-sm: calc(var(--fui-scale, 1) * 10px);--fui-field-inline-inset-md: calc(var(--fui-scale, 1) * 12px);--fui-field-inline-inset-lg: calc(var(--fui-scale, 1) * 16px);--fui-surface-inset-panel: 0;--fui-surface-inset-compact: calc(var(--fui-scale, 1) * 12px);--fui-surface-inset-default: calc(var(--fui-scale, 1) * 16px);--fui-surface-inset-roomy: calc(var(--fui-scale, 1) * 24px);--fui-icon-xs: calc(var(--fui-scale, 1) * 12px);--fui-icon-sm: calc(var(--fui-scale, 1) * 14px);--fui-icon-md: calc(var(--fui-scale, 1) * 16px);--fui-icon-lg: calc(var(--fui-scale, 1) * 20px);--fui-icon-xl: calc(var(--fui-scale, 1) * 24px);--fui-icon-2xl: calc(var(--fui-scale, 1) * 32px);--fui-stroke-hairline: 1px;--fui-stroke-default: 2px;--fui-stroke-strong: calc(var(--fui-scale, 1) * 3px);--fui-layout-measure-field-minimum: calc(var(--fui-scale, 1) * 140px);--fui-layout-measure-inline-floor: calc(var(--fui-scale, 1) * 56px);--fui-layout-measure-compact-content: calc(var(--fui-scale, 1) * 168px);--fui-layout-measure-menu-min: calc(var(--fui-scale, 1) * 192px);--fui-layout-measure-grid-cell: calc(var(--fui-scale, 1) * 224px);--fui-layout-measure-composer-item: calc(var(--fui-scale, 1) * 210px);--fui-layout-measure-page-narrow: calc(var(--fui-scale, 1) * 800px);--fui-overlay-popover-min: calc(var(--fui-scale, 1) * 192px);--fui-overlay-popover-sm: calc(var(--fui-scale, 1) * 256px);--fui-overlay-popover-md: calc(var(--fui-scale, 1) * 384px);--fui-overlay-popover-lg: calc(var(--fui-scale, 1) * 512px);--fui-overlay-tooltip-max: calc(var(--fui-scale, 1) * 320px);--fui-overlay-dialog-sm: calc(var(--fui-scale, 1) * 384px);--fui-overlay-dialog-md: calc(var(--fui-scale, 1) * 448px);--fui-overlay-dialog-lg: calc(var(--fui-scale, 1) * 576px);--fui-overlay-dialog-xl: calc(var(--fui-scale, 1) * 768px);--fui-overlay-drawer-sm: calc(var(--fui-scale, 1) * 320px);--fui-overlay-drawer-md: calc(var(--fui-scale, 1) * 384px);--fui-overlay-drawer-lg: calc(var(--fui-scale, 1) * 512px);--fui-overlay-drawer-xl: calc(var(--fui-scale, 1) * 768px);--fui-type-caption-size: 12px;--fui-type-caption-line: 16px;--fui-type-caption-weight: 400;--fui-type-caption-tracking: 0;--fui-type-ui-compact-size: 12px;--fui-type-ui-compact-line: 16px;--fui-type-ui-compact-weight: 500;--fui-type-ui-compact-tracking: -.01em;--fui-type-ui-standard-size: 14px;--fui-type-ui-standard-line: 20px;--fui-type-ui-standard-weight: 500;--fui-type-ui-standard-tracking: -.01em;--fui-type-body-compact-size: 14px;--fui-type-body-compact-line: 20px;--fui-type-body-compact-weight: 400;--fui-type-body-compact-tracking: 0;--fui-type-body-relaxed-size: 16px;--fui-type-body-relaxed-line: 24px;--fui-type-body-relaxed-weight: 400;--fui-type-body-relaxed-tracking: 0;--fui-type-display-size: 32px;--fui-type-display-line: 40px;--fui-type-display-weight: 600;--fui-type-display-tracking: -.02em;--fui-type-title-sm-size: 16px;--fui-type-title-sm-line: 24px;--fui-type-title-sm-weight: 600;--fui-type-title-sm-tracking: -.01em;--fui-type-title-md-size: 20px;--fui-type-title-md-line: 28px;--fui-type-title-md-weight: 600;--fui-type-title-md-tracking: -.02em;--fui-type-title-lg-size: 24px;--fui-type-title-lg-line: 32px;--fui-type-title-lg-weight: 600;--fui-type-title-lg-tracking: -.02em;--fui-type-code-size: 14px;--fui-type-code-line: 20px;--fui-type-code-weight: 400;--fui-type-code-tracking: 0;--fui-navigation-app-shell-header-height: calc(var(--fui-scale, 1) * 56px);--fui-navigation-sidebar-gutter: calc(var(--fui-scale, 1) * 8px);--fui-navigation-sidebar-leading-box: calc(var(--fui-scale, 1) * 16px);--fui-navigation-sidebar-dot: calc(var(--fui-scale, 1) * 6px);--fui-navigation-sidebar-rail: 2px;--fui-navigation-sidebar-label-offset: 1px;--fui-navigation-sidebar-collapsed-width: calc(var(--fui-scale, 1) * 56px);--fui-seed-brand: #f56138;--fui-seed-danger: #c44732;--fui-seed-success: #2c8c5f;--fui-seed-warning: #c4922a;--fui-seed-info: #3d7aa8;--fui-font-sans: Onest Variable, Onest, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif;--fui-font-mono: JetBrains Mono Variable, JetBrains Mono, ui-monospace, SF Mono, Menlo, monospace;--fui-font-size-2xs: .714rem;--fui-font-size-xs: .857rem;--fui-font-size-sm: 1rem;--fui-font-size-base: 1rem;--fui-font-size-md: 1.071rem;--fui-font-size-lg: 1.429rem;--fui-font-size-xl: 1.714rem;--fui-font-size-2xl: 2.143rem;--fui-font-size-3xl: 2.571rem;--fui-font-size-4xl: 3.429rem;--fui-popup-item-font-size: .857rem;--fui-font-weight-normal: 400;--fui-font-weight-medium: 500;--fui-font-weight-semibold: 600;--fui-font-weight-bold: 700;--fui-line-height-tight: 1.25;--fui-line-height-normal: 1.5;--fui-line-height-relaxed: 1.625;--fui-line-height-display: 1.1;--fui-line-height-prose: 1.7;--fui-letter-spacing-tight: 0;--fui-letter-spacing-normal: normal;--fui-letter-spacing-display: 0;--fui-letter-spacing-wide: .05em;--fui-space-px: 1px;--fui-space-0-5: calc(var(--fui-scale, 1) * .15rem);--fui-space-0-75: calc(var(--fui-scale, 1) * .215rem);--fui-space-1: calc(var(--fui-scale, 1) * .5rem);--fui-space-2: calc(var(--fui-scale, 1) * 1rem);--fui-space-3: calc(var(--fui-scale, 1) * 1.5rem);--fui-space-4: calc(var(--fui-scale, 1) * 2rem);--fui-space-5: calc(var(--fui-scale, 1) * 2.5rem);--fui-space-6: calc(var(--fui-scale, 1) * 3rem);--fui-space-8: calc(var(--fui-scale, 1) * 4rem);--fui-space-10: calc(var(--fui-scale, 1) * 5rem);--fui-space-12: calc(var(--fui-scale, 1) * 6rem);--fui-popup-padding: .5rem;--fui-popup-row-gap: 1px;--fui-popup-item-padding-block: .5rem;--fui-popup-item-padding-inline: 1rem;--fui-radius-sm: .25rem;--fui-radius-md: .429rem;--fui-radius-lg: .571rem;--fui-radius-xl: .857rem;--fui-radius-full: 9999px;--fui-radius-none: 0px;--fui-radius-l1: var(--fui-radius-lg);--fui-radius-l2: var(--fui-radius-md);--fui-radius-l3: var(--fui-radius-sm);--fui-transition-fast: .16s cubic-bezier(.25, .46, .45, .94);--fui-opacity-disabled: .5;--fui-opacity-muted: .7;--fui-opacity-faint: .3;--fui-scale: 1;--fui-transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--fui-anim-offset-sm: 4px;--fui-anim-offset-md: 8px;--fui-duration-spin: .8s;--fui-duration-pulse: 1.5s;--fui-duration-shimmer: 2s;--fui-overlay-layer-swipe: 49;--fui-overlay-layer-backdrop: 50;--fui-overlay-layer-modal: 51;--fui-overlay-layer-anchored: 52;--fui-overlay-layer-toast: 55;--fui-overlay-layer-tooltip: 60;--fui-color-accent: light-dark(#f56138, oklch(67.6909087111% .1903226611 36.1131253635deg));--fui-color-on-accent: light-dark(#000000, #000000);--fui-color-accent-hover: light-dark( rgb(227.0367292784, 80.2272369318, 37.8086626311), oklch(62.6909087111% .1903226611 36.1131253635deg) );--fui-color-accent-active: light-dark( rgb(212.759144097, 66.420270413, 20.0075338844), oklch(59.6909087111% .1903226611 36.1131253635deg) );--fui-color-danger: #c44732;--fui-color-danger-hover: rgb(178.7018640846, 54.4873295202, 34.2296895709);--fui-color-success: #2c8c5f;--fui-color-warning: #c4922a;--fui-color-info: #3d7aa8;--fui-color-accent-tint: light-dark( color-mix(in srgb, var(--fui-color-accent) 18%, transparent), color-mix(in srgb, var(--fui-color-accent) 26%, transparent) );--fui-color-accent-wash: light-dark( color-mix(in srgb, var(--fui-color-accent) 10%, transparent), color-mix(in srgb, var(--fui-color-accent) 16%, transparent) );--fui-color-accent-text: light-dark( color-mix(in srgb, var(--fui-color-accent) 72%, black), color-mix(in srgb, var(--fui-color-accent) 78%, white 22%) );--fui-color-accent-border: color-mix( in srgb, var(--fui-color-accent-text) 40%, transparent );--fui-color-accent-fill-hover: color-mix( in srgb, var(--fui-color-accent) 88%, var(--fui-color-accent-text) );--fui-color-accent-fill-active: color-mix( in srgb, var(--fui-color-accent) 80%, var(--fui-color-accent-text) );--fui-color-accent-tint-hover: color-mix( in srgb, var(--fui-color-accent-text) 8%, var(--fui-color-accent-tint) );--fui-color-accent-tint-active: color-mix( in srgb, var(--fui-color-accent-text) 14%, var(--fui-color-accent-tint) );--fui-color-accent-wash-active: color-mix( in srgb, var(--fui-color-accent-text) 8%, var(--fui-color-accent-wash) );--fui-color-danger-tint: light-dark( color-mix(in srgb, var(--fui-color-danger) 18%, transparent), color-mix(in srgb, var(--fui-color-danger) 26%, transparent) );--fui-color-danger-wash: light-dark( color-mix(in srgb, var(--fui-color-danger) 10%, transparent), color-mix(in srgb, var(--fui-color-danger) 16%, transparent) );--fui-color-danger-text: light-dark( color-mix(in srgb, var(--fui-color-danger) 72%, black), color-mix(in srgb, var(--fui-color-danger) 78%, white 22%) );--fui-color-danger-border: color-mix( in srgb, var(--fui-color-danger-text) 40%, transparent );--fui-color-danger-fill-hover: color-mix( in srgb, var(--fui-color-danger) 88%, var(--fui-color-danger-text) );--fui-color-danger-fill-active: color-mix( in srgb, var(--fui-color-danger) 80%, var(--fui-color-danger-text) );--fui-color-danger-tint-hover: color-mix( in srgb, var(--fui-color-danger-text) 8%, var(--fui-color-danger-tint) );--fui-color-danger-tint-active: color-mix( in srgb, var(--fui-color-danger-text) 14%, var(--fui-color-danger-tint) );--fui-color-danger-wash-active: color-mix( in srgb, var(--fui-color-danger-text) 8%, var(--fui-color-danger-wash) );--fui-color-success-tint: light-dark( color-mix(in srgb, var(--fui-color-success) 18%, transparent), color-mix(in srgb, var(--fui-color-success) 26%, transparent) );--fui-color-success-wash: light-dark( color-mix(in srgb, var(--fui-color-success) 10%, transparent), color-mix(in srgb, var(--fui-color-success) 16%, transparent) );--fui-color-success-text: light-dark( color-mix(in srgb, var(--fui-color-success) 72%, black), color-mix(in srgb, var(--fui-color-success) 78%, white 22%) );--fui-color-success-border: color-mix( in srgb, var(--fui-color-success-text) 40%, transparent );--fui-color-success-fill-hover: color-mix( in srgb, var(--fui-color-success) 88%, var(--fui-color-success-text) );--fui-color-success-fill-active: color-mix( in srgb, var(--fui-color-success) 80%, var(--fui-color-success-text) );--fui-color-success-tint-hover: color-mix( in srgb, var(--fui-color-success-text) 8%, var(--fui-color-success-tint) );--fui-color-success-tint-active: color-mix( in srgb, var(--fui-color-success-text) 14%, var(--fui-color-success-tint) );--fui-color-success-wash-active: color-mix( in srgb, var(--fui-color-success-text) 8%, var(--fui-color-success-wash) );--fui-color-warning-tint: light-dark( color-mix(in srgb, var(--fui-color-warning) 18%, transparent), color-mix(in srgb, var(--fui-color-warning) 26%, transparent) );--fui-color-warning-wash: light-dark( color-mix(in srgb, var(--fui-color-warning) 10%, transparent), color-mix(in srgb, var(--fui-color-warning) 16%, transparent) );--fui-color-warning-text: light-dark( color-mix(in srgb, var(--fui-color-warning) 72%, black), color-mix(in srgb, var(--fui-color-warning) 78%, white 22%) );--fui-color-warning-border: color-mix( in srgb, var(--fui-color-warning-text) 40%, transparent );--fui-color-warning-fill-hover: color-mix( in srgb, var(--fui-color-warning) 88%, var(--fui-color-warning-text) );--fui-color-warning-fill-active: color-mix( in srgb, var(--fui-color-warning) 80%, var(--fui-color-warning-text) );--fui-color-warning-tint-hover: color-mix( in srgb, var(--fui-color-warning-text) 8%, var(--fui-color-warning-tint) );--fui-color-warning-tint-active: color-mix( in srgb, var(--fui-color-warning-text) 14%, var(--fui-color-warning-tint) );--fui-color-warning-wash-active: color-mix( in srgb, var(--fui-color-warning-text) 8%, var(--fui-color-warning-wash) );--fui-color-info-tint: light-dark( color-mix(in srgb, var(--fui-color-info) 18%, transparent), color-mix(in srgb, var(--fui-color-info) 26%, transparent) );--fui-color-info-wash: light-dark( color-mix(in srgb, var(--fui-color-info) 10%, transparent), color-mix(in srgb, var(--fui-color-info) 16%, transparent) );--fui-color-info-text: light-dark( color-mix(in srgb, var(--fui-color-info) 72%, black), color-mix(in srgb, var(--fui-color-info) 78%, white 22%) );--fui-color-info-border: color-mix( in srgb, var(--fui-color-info-text) 40%, transparent );--fui-color-info-fill-hover: color-mix( in srgb, var(--fui-color-info) 88%, var(--fui-color-info-text) );--fui-color-info-fill-active: color-mix( in srgb, var(--fui-color-info) 80%, var(--fui-color-info-text) );--fui-color-info-tint-hover: color-mix( in srgb, var(--fui-color-info-text) 8%, var(--fui-color-info-tint) );--fui-color-info-tint-active: color-mix( in srgb, var(--fui-color-info-text) 14%, var(--fui-color-info-tint) );--fui-color-info-wash-active: color-mix( in srgb, var(--fui-color-info-text) 8%, var(--fui-color-info-wash) );--fui-color-accent-on-fill: var(--fui-color-on-accent);--fui-color-danger-on-fill: #ffffff;--fui-color-success-on-fill: #ffffff;--fui-color-warning-on-fill: #1d1c1a;--fui-color-info-on-fill: #ffffff;--fui-backdrop: light-dark(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));--fui-bg-primary: light-dark(#faf8f5, #171614);--fui-bg-secondary: light-dark(#faf8f5, #171614);--fui-bg-tertiary: light-dark(#f2ede7, #1e1c19);--fui-bg-elevated: light-dark(#ffffff, #262421);--fui-bg-subtle: light-dark(#fdfcfa, #1b1a17);--fui-bg-hover: light-dark( color-mix(in srgb, var(--fui-text-primary) 7%, transparent), color-mix(in srgb, var(--fui-text-primary) 9%, transparent) );--fui-bg-active: light-dark( color-mix(in srgb, var(--fui-text-primary) 14%, transparent), color-mix(in srgb, var(--fui-text-primary) 16%, transparent) );--fui-body-bg: light-dark(#faf8f5, #171614);--fui-main-bg: light-dark(#faf8f5, #171614);--fui-bg-inverse: light-dark(#1d1c1a, #f0ede9);--fui-text-primary: light-dark(#1d1c1a, #f0ede9);--fui-text-secondary: light-dark(rgb(89.0746938133, 84.2307870613, 79.3814506381), #b6b0a8);--fui-text-tertiary: light-dark(rgb(87.8822702238, 82.5145055484, 76.3895905166), #8d8780);--fui-text-inverse: light-dark(#faf8f5, #171614);--fui-border: light-dark(rgba(60, 45, 30, .1), #343029);--fui-border-default: light-dark(rgba(60, 45, 30, .1), #343029);--fui-border-strong: light-dark(rgba(60, 45, 30, .18), #4a4641);--fui-border-subtle: color-mix(in srgb, var(--fui-border-default) 68%, transparent);--fui-skeleton: color-mix(in srgb, var(--fui-border-default) 62%, var(--fui-bg-secondary));--fui-skeleton-hi: color-mix(in srgb, var(--fui-border-default) 24%, var(--fui-bg-secondary));--fui-selection-bg: light-dark( color-mix(in srgb, var(--fui-color-accent, #f56138) 18%, transparent), color-mix(in srgb, var(--fui-color-accent, #f56138) 22%, transparent) );--fui-selection-color: var(--fui-text-primary);--fui-control-selected-bg: light-dark( color-mix(in srgb, var(--fui-text-primary) 12%, transparent), color-mix(in srgb, var(--fui-text-primary) 14%, transparent) );--fui-control-selected-border: transparent;--fui-control-checked-bg: var(--fui-color-accent);--fui-control-checked-bg-hover: var(--fui-color-accent-hover);--fui-control-checked-border: var(--fui-color-accent);--fui-control-checked-border-hover: var(--fui-color-accent-hover);--fui-control-checked-color: var(--fui-color-on-accent);--fui-field-selection-bg: var(--fui-control-selected-bg);--fui-field-selection-bg-hover: light-dark( color-mix(in srgb, var(--fui-text-primary) 16%, transparent), color-mix(in srgb, var(--fui-text-primary) 18%, transparent) );--fui-field-selection-border: var(--fui-border-strong);--fui-field-selection-color: var(--fui-text-primary);--fui-form-group-bg: color-mix(in srgb, var(--fui-bg-secondary) 48%, var(--fui-bg-primary));--fui-form-group-border: var(--fui-border-default);--fui-kbd-height: 1.286rem;--fui-kbd-min-width: 1.714rem;--fui-kbd-padding-x: var(--fui-space-0-75);--fui-kbd-gap: calc(var(--fui-space-px) * 2);--fui-kbd-bg: color-mix(in srgb, var(--fui-text-primary) 4%, transparent);--fui-kbd-border: color-mix(in srgb, var(--fui-border-strong) 72%, transparent);--fui-kbd-color: var(--fui-text-tertiary);--fui-kbd-shadow: inset 0 1px 0 light-dark( color-mix(in srgb, white 74%, transparent), color-mix(in srgb, white 5%, transparent) );--fui-kbd-font-size: var(--fui-font-size-2xs);--fui-kbd-radius: var(--fui-radius-sm);--fui-kbd-reserved-width: 2.714rem;--fui-button-primary-base: var(--fui-bg-inverse);--fui-button-primary-hover: light-dark( color-mix(in srgb, var(--fui-bg-inverse) 88%, white), #ffffff );--fui-button-primary-active: light-dark( color-mix(in srgb, var(--fui-bg-inverse) 92%, black), color-mix(in srgb, var(--fui-bg-inverse) 94%, black) );--fui-button-primary-color: var(--fui-text-inverse);--fui-button-radius: var(--fui-radius-xl);--fui-button-primary-border: var(--fui-button-primary-base);--fui-button-primary-border-hover: var(--fui-button-primary-hover);--fui-button-primary-bg: var(--fui-button-primary-base);--fui-button-primary-bg-hover: var(--fui-button-primary-hover);--fui-button-primary-bg-active: var(--fui-button-primary-active);--fui-button-primary-shadow: none;--fui-button-primary-shadow-active: none;--fui-button-neutral-bg: light-dark( color-mix(in srgb, var(--fui-bg-elevated) 94%, var(--fui-text-primary) 6%), color-mix(in srgb, var(--fui-bg-elevated) 92%, var(--fui-text-primary) 8%) );--fui-button-neutral-bg-hover: light-dark( color-mix(in srgb, var(--fui-bg-elevated) 90%, var(--fui-text-primary) 10%), color-mix(in srgb, var(--fui-bg-elevated) 86%, var(--fui-text-primary) 14%) );--fui-button-neutral-bg-active: light-dark( color-mix(in srgb, var(--fui-bg-elevated) 84%, var(--fui-text-primary) 16%), color-mix(in srgb, var(--fui-bg-elevated) 80%, var(--fui-text-primary) 20%) );--fui-button-neutral-border: color-mix( in srgb, var(--fui-border-strong) 78%, var(--fui-text-primary) 22% );--fui-button-neutral-border-hover: color-mix( in srgb, var(--fui-border-strong) 58%, var(--fui-text-primary) 42% );--fui-button-neutral-color: var(--fui-text-primary);--fui-button-outlined-shadow: none;--fui-button-neutral-shadow: none;--fui-button-neutral-shadow-active: none;--fui-code-bg: light-dark(#f2ede7, #1e1c19);--fui-code-selection-bg: color-mix(in srgb, var(--fui-color-accent, #f56138) 30%, transparent);--fui-code-text: var(--fui-text-primary);--fui-code-token-keyword: light-dark( #9a3412, #f56138 );--fui-code-token-string: light-dark(#166534, #7dcea0);--fui-code-token-comment: light-dark( #5c5348, #a89b8c );--fui-code-token-function: light-dark( #1e3a8a, #8cb4e8 );--fui-code-token-number: light-dark(#92400e, #e8b86d);--fui-code-token-punctuation: light-dark( #3d3429, #c9c2b8 );--fui-code-token-variable: light-dark( #3d3429, #f0ede9 );--fui-link-ink: light-dark(#9a3412, oklch(67.6909087111% .1903226611 36.1131253635deg));--fui-card-accent-bg: var(--fui-bg-tertiary);--fui-card-accent-border: color-mix(in srgb, var(--fui-color-accent) 30%, var(--fui-border));--fui-card-accent-radius: .857rem;--fui-app-canvas-bg: var(--fui-body-bg);--fui-app-main-bg: var(--fui-body-bg);--fui-app-sidebar-bg: var(--fui-bg-tertiary);--fui-sidebar-bg: var(--fui-app-sidebar-bg);--fui-sidebar-border: var(--fui-border-default);--fui-sidebar-item-color: var(--fui-text-secondary);--fui-sidebar-item-icon-color: var(--fui-text-tertiary);--fui-sidebar-item-radius: var(--fui-radius-full);--fui-sidebar-section-label-size: var(--fui-font-size-xs);--fui-sidebar-item-hover-bg: var(--fui-bg-hover);--fui-sidebar-item-hover-color: var(--fui-text-primary);--fui-sidebar-item-active-bg: var(--fui-control-selected-bg);--fui-sidebar-item-active-border: transparent;--fui-sidebar-item-active-color: var(--fui-text-primary);--fui-sidebar-item-active-indicator: transparent;--fui-sidebar-footer-border: color-mix(in srgb, var(--fui-border-default) 68%, transparent);--fui-badge-radius: var(--fui-radius-lg);--fui-badge-dot-color: currentColor;--fui-card-radius: var(--fui-radius-lg);--fui-card-bg: color-mix(in srgb, var(--fui-bg-elevated) 92%, transparent);--fui-card-header-bg: var(--fui-bg-subtle);--fui-card-border: color-mix(in srgb, var(--fui-border-default) 86%, transparent);--fui-card-outlined-border: var(--fui-card-border);--fui-card-shadow: inset 0 1px 0 light-dark( color-mix(in srgb, white 86%, transparent), color-mix(in srgb, white 4%, transparent) );--fui-card-elevated-shadow: var(--fui-card-shadow), 0 1px 2px color-mix(in srgb, black 8%, transparent), 0 16px 36px -28px color-mix(in srgb, black 34%, transparent);--fui-card-hover-bg: color-mix(in srgb, var(--fui-bg-elevated) 88%, var(--fui-text-primary) 4%);--fui-card-hover-border: color-mix(in srgb, var(--fui-border-strong) 86%, transparent);--fui-card-active-bg: color-mix( in srgb, var(--fui-bg-elevated) 84%, var(--fui-text-primary) 6% );--fui-card-active-shadow: inset 0 1px 2px color-mix(in srgb, black 12%, transparent);--fui-card-panel-shadow: var(--fui-card-shadow);--fui-card-stat-bg: color-mix(in srgb, var(--fui-bg-elevated) 74%, transparent);--fui-card-stat-border: color-mix(in srgb, var(--fui-border-default) 78%, transparent);--fui-card-stat-shadow: var(--fui-card-shadow);--fui-panel-bg: color-mix(in srgb, var(--fui-bg-elevated) 74%, transparent);--fui-panel-border: color-mix(in srgb, var(--fui-border-default) 78%, transparent);--fui-table-bg: transparent;--fui-table-border: var(--fui-border-default);--fui-table-header-bg: color-mix(in srgb, var(--fui-text-primary) 5%, transparent);--fui-table-header-border: var(--fui-border-strong);--fui-table-row-hover-bg: var(--fui-bg-hover);--fui-table-row-active-bg: var(--fui-bg-active);--fui-table-row-selected-bg: var(--fui-control-selected-bg);--fui-table-row-selected-border: var(--fui-border-strong);--fui-table-subrow-bg: color-mix(in srgb, var(--fui-bg-secondary) 62%, transparent);--fui-tabs-pills-bg: color-mix(in srgb, var(--fui-text-primary) 5%, transparent);--fui-tabs-pills-border: var(--fui-border-default);--fui-tabs-pill-hover-bg: transparent;--fui-header-search-bg: var(--fui-bg-hover);--fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .02);--fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .04), 0 1px 3px -2px rgba(0, 0, 0, .03);--fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, .06), 0 3px 5px -4px rgba(0, 0, 0, .04);--fui-focus-ring-color: light-dark(#f56138, #f56138);--fui-focus-ring-offset: 2px;--fui-focus-ring-width: 2px;--fui-scrollbar-width: 8px;--fui-scrollbar-track: light-dark(#faf8f5, transparent);--fui-scrollbar-thumb: light-dark(#e9e2da, #4a4641);--fui-scrollbar-thumb-hover: light-dark( #b3aca3, #b6b0a8 );--fui-control-height-xs: 24px;--fui-control-height-sm: 28px;--fui-control-height-md: 32px;--fui-control-height-lg: 40px;--fui-button-height-xs: var(--fui-control-height-xs);--fui-button-height-sm: var(--fui-control-height-sm);--fui-button-height-md: var(--fui-control-height-md);--fui-button-height-lg: var(--fui-control-height-lg);--fui-input-height-sm: var(--fui-field-track-sm);--fui-input-height: var(--fui-field-track-md);--fui-input-height-lg: var(--fui-field-track-lg);--fui-touch-sm: 2.2857142857rem;--fui-touch-md: 2.2857142857rem;--fui-touch-lg: 3.1428571429rem;--fui-target-size-min: 2.286rem;--fui-sidebar-item-height: 2.2857142857rem;--fui-appshell-header-height: 56px;--fui-header-z-index: 40}[data-fui-radius-style=sharp]{--fui-radius-sm: 0;--fui-radius-md: 0;--fui-radius-lg: 0;--fui-radius-xl: 0}[data-fui-radius-style=subtle]{--fui-radius-sm: .125rem;--fui-radius-md: .25rem;--fui-radius-lg: .375rem;--fui-radius-xl: .5rem}[data-fui-radius-style=default]{--fui-radius-sm: .25rem;--fui-radius-md: .429rem;--fui-radius-lg: .571rem;--fui-radius-xl: .857rem}[data-fui-radius-style=rounded]{--fui-radius-sm: .375rem;--fui-radius-md: .5rem;--fui-radius-lg: .75rem;--fui-radius-xl: 1rem}[data-fui-radius-style=pill]{--fui-radius-sm: .5rem;--fui-radius-md: .75rem;--fui-radius-lg: 1rem;--fui-radius-xl: 1.5rem}:root[data-theme=dark]{color-scheme:dark;--fui-color-accent: oklch(67.6909087111% .1903226611 36.1131253635deg);--fui-color-on-accent: #000000;--fui-color-accent-hover: oklch(62.6909087111% .1903226611 36.1131253635deg);--fui-color-accent-active: oklch(59.6909087111% .1903226611 36.1131253635deg);--fui-bg-primary: #171614;--fui-bg-secondary: #171614;--fui-bg-tertiary: #1e1c19;--fui-bg-elevated: #262421;--fui-bg-subtle: #1b1a17;--fui-bg-hover: color-mix(in srgb, var(--fui-text-primary) 9%, transparent);--fui-bg-active: color-mix(in srgb, var(--fui-text-primary) 16%, transparent);--fui-control-selected-bg: color-mix(in srgb, var(--fui-text-primary) 14%, transparent);--fui-field-selection-bg-hover: color-mix(in srgb, var(--fui-text-primary) 18%, transparent);--fui-body-bg: #171614;--fui-main-bg: #171614;--fui-app-main-bg: var(--fui-main-bg);--fui-app-sidebar-bg: var(--fui-bg-tertiary);--fui-sidebar-bg: var(--fui-app-sidebar-bg);--fui-bg-inverse: #f0ede9;--fui-text-primary: #f0ede9;--fui-text-secondary: #b6b0a8;--fui-text-tertiary: #8d8780;--fui-text-inverse: #171614;--fui-border: #343029;--fui-border-default: #343029;--fui-border-strong: #4a4641;--fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .15);--fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 1px 3px -2px rgba(0, 0, 0, .15);--fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, .25), 0 3px 5px -4px rgba(0, 0, 0, .18);--fui-color-accent-tint: color-mix(in srgb, var(--fui-color-accent) 26%, transparent);--fui-color-accent-wash: color-mix(in srgb, var(--fui-color-accent) 16%, transparent);--fui-color-accent-text: color-mix(in srgb, var(--fui-color-accent) 78%, white 22%);--fui-color-danger-tint: color-mix(in srgb, var(--fui-color-danger) 26%, transparent);--fui-color-danger-wash: color-mix(in srgb, var(--fui-color-danger) 16%, transparent);--fui-color-danger-text: color-mix(in srgb, var(--fui-color-danger) 78%, white 22%);--fui-color-success-tint: color-mix(in srgb, var(--fui-color-success) 26%, transparent);--fui-color-success-wash: color-mix(in srgb, var(--fui-color-success) 16%, transparent);--fui-color-success-text: color-mix(in srgb, var(--fui-color-success) 78%, white 22%);--fui-color-warning-tint: color-mix(in srgb, var(--fui-color-warning) 26%, transparent);--fui-color-warning-wash: color-mix(in srgb, var(--fui-color-warning) 16%, transparent);--fui-color-warning-text: color-mix(in srgb, var(--fui-color-warning) 78%, white 22%);--fui-color-info-tint: color-mix(in srgb, var(--fui-color-info) 26%, transparent);--fui-color-info-wash: color-mix(in srgb, var(--fui-color-info) 16%, transparent);--fui-color-info-text: color-mix(in srgb, var(--fui-color-info) 78%, white 22%);--fui-focus-ring-color: #f56138;--fui-backdrop: rgba(0, 0, 0, .8);--fui-scrollbar-track: transparent;--fui-scrollbar-thumb: #4a4641;--fui-scrollbar-thumb-hover: #b6b0a8}:root.dark{color-scheme:dark;--fui-color-accent: oklch(67.6909087111% .1903226611 36.1131253635deg);--fui-color-on-accent: #000000;--fui-color-accent-hover: oklch(62.6909087111% .1903226611 36.1131253635deg);--fui-color-accent-active: oklch(59.6909087111% .1903226611 36.1131253635deg);--fui-bg-primary: #171614;--fui-bg-secondary: #171614;--fui-bg-tertiary: #1e1c19;--fui-bg-elevated: #262421;--fui-bg-subtle: #1b1a17;--fui-bg-hover: color-mix(in srgb, var(--fui-text-primary) 9%, transparent);--fui-bg-active: color-mix(in srgb, var(--fui-text-primary) 16%, transparent);--fui-control-selected-bg: color-mix(in srgb, var(--fui-text-primary) 14%, transparent);--fui-field-selection-bg-hover: color-mix(in srgb, var(--fui-text-primary) 18%, transparent);--fui-body-bg: #171614;--fui-main-bg: #171614;--fui-app-main-bg: var(--fui-main-bg);--fui-app-sidebar-bg: var(--fui-bg-tertiary);--fui-sidebar-bg: var(--fui-app-sidebar-bg);--fui-bg-inverse: #f0ede9;--fui-text-primary: #f0ede9;--fui-text-secondary: #b6b0a8;--fui-text-tertiary: #8d8780;--fui-text-inverse: #171614;--fui-border: #343029;--fui-border-default: #343029;--fui-border-strong: #4a4641;--fui-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .15);--fui-shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 1px 3px -2px rgba(0, 0, 0, .15);--fui-shadow-lg: 0 8px 12px -3px rgba(0, 0, 0, .25), 0 3px 5px -4px rgba(0, 0, 0, .18);--fui-color-accent-tint: color-mix(in srgb, var(--fui-color-accent) 26%, transparent);--fui-color-accent-wash: color-mix(in srgb, var(--fui-color-accent) 16%, transparent);--fui-color-accent-text: color-mix(in srgb, var(--fui-color-accent) 78%, white 22%);--fui-color-danger-tint: color-mix(in srgb, var(--fui-color-danger) 26%, transparent);--fui-color-danger-wash: color-mix(in srgb, var(--fui-color-danger) 16%, transparent);--fui-color-danger-text: color-mix(in srgb, var(--fui-color-danger) 78%, white 22%);--fui-color-success-tint: color-mix(in srgb, var(--fui-color-success) 26%, transparent);--fui-color-success-wash: color-mix(in srgb, var(--fui-color-success) 16%, transparent);--fui-color-success-text: color-mix(in srgb, var(--fui-color-success) 78%, white 22%);--fui-color-warning-tint: color-mix(in srgb, var(--fui-color-warning) 26%, transparent);--fui-color-warning-wash: color-mix(in srgb, var(--fui-color-warning) 16%, transparent);--fui-color-warning-text: color-mix(in srgb, var(--fui-color-warning) 78%, white 22%);--fui-color-info-tint: color-mix(in srgb, var(--fui-color-info) 26%, transparent);--fui-color-info-wash: color-mix(in srgb, var(--fui-color-info) 16%, transparent);--fui-color-info-text: color-mix(in srgb, var(--fui-color-info) 78%, white 22%);--fui-focus-ring-color: #f56138;--fui-backdrop: rgba(0, 0, 0, .8);--fui-scrollbar-track: transparent;--fui-scrollbar-thumb: #4a4641;--fui-scrollbar-thumb-hover: #b6b0a8}:root[data-theme=light],:root.light{color-scheme:light}@supports (color: oklch(from red l c h)){:root{--fui-color-accent: light-dark(var(--fui-seed-brand), oklch(67.6909087111% .1903226611 36.1131253635deg));--fui-color-on-accent: oklch( from var(--fui-color-accent) calc(1 - clamp(0, calc((l - .6)*999) , 1)) 0 0 );--fui-color-accent-hover: light-dark( oklch(from var(--fui-seed-brand) max(.05, calc(l - .06) ) c h), oklch(62.6909087111% .1903226611 36.1131253635deg) );--fui-color-accent-active: light-dark( oklch(from var(--fui-seed-brand) max(.05, calc(l - .12) ) c h), oklch(59.6909087111% .1903226611 36.1131253635deg) );--fui-color-danger: var(--fui-seed-danger);--fui-color-success: var(--fui-seed-success);--fui-color-warning: var(--fui-seed-warning);--fui-color-info: var(--fui-seed-info);--fui-color-danger-hover: oklch(from var(--fui-seed-danger) max(.05, calc(l - .06) ) c h);--fui-focus-ring-color: var(--fui-color-accent)}:root[data-theme=dark],:root.dark{--fui-color-accent: oklch(67.6909087111% .1903226611 36.1131253635deg);--fui-color-on-accent: oklch( from var(--fui-color-accent) calc(1 - clamp(0, calc((l - .6)*999) , 1)) 0 0 );--fui-color-accent-hover: oklch(62.6909087111% .1903226611 36.1131253635deg);--fui-color-accent-active: oklch(59.6909087111% .1903226611 36.1131253635deg);--fui-focus-ring-color: var(--fui-color-accent)}}@media(prefers-contrast:more){:root{--fui-focus-ring-width: 3px;--fui-border: var(--fui-text-primary);--fui-border-strong: var(--fui-text-primary);--fui-bg-hover: color-mix(in srgb, var(--fui-text-primary) 18%, transparent);--fui-bg-active: color-mix(in srgb, var(--fui-text-primary) 26%, transparent);--fui-field-selection-border: var(--fui-color-accent);--fui-form-group-border: var(--fui-text-primary);--fui-sidebar-item-active-border: var(--fui-text-primary);--fui-control-selected-border: var(--fui-text-primary)}}:root[data-high-contrast=true]{--fui-focus-ring-width: 3px;--fui-border: var(--fui-text-primary);--fui-border-strong: var(--fui-text-primary);--fui-bg-hover: color-mix(in srgb, var(--fui-text-primary) 18%, transparent);--fui-bg-active: color-mix(in srgb, var(--fui-text-primary) 26%, transparent);--fui-field-selection-border: var(--fui-color-accent);--fui-form-group-border: var(--fui-text-primary);--fui-sidebar-item-active-border: var(--fui-text-primary);--fui-control-selected-border: var(--fui-text-primary)}*{scrollbar-width:thin;scrollbar-color:var(--fui-scrollbar-thumb, #e9e2da) var(--fui-scrollbar-track, #faf8f5)}*::-webkit-scrollbar{width:var(--fui-scrollbar-width, 8px);height:var(--fui-scrollbar-width, 8px)}*::-webkit-scrollbar-track{background:var(--fui-scrollbar-track, #faf8f5);border-radius:calc(var(--fui-scrollbar-width, 8px) / 2)}*::-webkit-scrollbar-thumb{background:var(--fui-scrollbar-thumb, #e9e2da);border-radius:calc(var(--fui-scrollbar-width, 8px) / 2)}*::-webkit-scrollbar-thumb:hover{background:var(--fui-scrollbar-thumb-hover, #b3aca3)}*::-webkit-scrollbar-corner{background:var(--fui-scrollbar-track, #faf8f5)}}@layer fui.base{:where(*,*:before,*:after){box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}:where(body){margin:var(--fui-raw-space-0, 0);font-size:inherit;font-family:var(--fui-font-sans, "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);line-height:var(--fui-line-height-normal, 1.5);background-color:var(--fui-body-bg, #faf8f5);color:var(--fui-text-primary, #171717);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"rlig" 1,"calt" 1}:where(a){text-decoration:none;color:inherit}:where(a:not([class]):not([style])){color:var(--fui-link-ink, #9a3412);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:.2em;transition:text-decoration-color .15s ease}:where(a:not([class]):not([style])):hover{text-decoration-color:currentColor}::selection{background-color:var(--fui-selection-bg, color-mix(in srgb, var(--fui-color-accent, #f56138) 18%, transparent));color:var(--fui-selection-color, var(--fui-text-primary, #171717))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--fui-radius-full, 9999px);transition:background-color var(--fui-transition-fast, .16s cubic-bezier(.25, .46, .45, .94))}:where(*:hover)::-webkit-scrollbar-thumb{background-color:var(--fui-text-tertiary, #8a8a8a)}::-webkit-scrollbar-thumb:hover{background-color:var(--fui-text-secondary, #525252)}:where(*){scrollbar-width:thin;scrollbar-color:transparent transparent}:where(*:hover){scrollbar-color:var(--fui-text-tertiary, #8a8a8a) transparent}@media(prefers-reduced-motion:reduce){:where(*,*:before,*:after){animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:where(:focus:not(:focus-visible)){outline:none}:where(:focus-visible){outline:var(--fui-stroke-hairline, 1px) solid color-mix(in srgb,var(--fui-focus-ring-color, #f56138) 24%,transparent);outline-offset:var(--fui-focus-ring-offset, 2px);box-shadow:0 0 0 calc(var(--fui-focus-ring-width, 2px) + var(--fui-stroke-hairline, 1px)) color-mix(in srgb,var(--fui-focus-ring-color, #f56138) 10%,transparent),0 10px 24px -16px color-mix(in srgb,var(--fui-focus-ring-color, #f56138) 18%,transparent)}}body{font-family:var(--fui-font-sans, Onest Variable, Onest, -apple-system, BlinkMacSystemFont, Segoe UI, system-ui, sans-serif)}code,kbd,pre,samp{font-family:var(--fui-font-mono, JetBrains Mono Variable, JetBrains Mono, ui-monospace, SF Mono, Menlo, monospace)}:root{--fui-font-sans: "Fragments Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--fui-color-accent-tint: var(--fui-selection-bg);--fui-surface-well: var(--fui-code-bg);--fui-journey-rail: var(--fui-border-default);--fui-journey-rail-done: color-mix( in srgb, var(--fui-color-accent) 45%, transparent );--fui-chart-grid: color-mix( in srgb, var(--fui-border-default) 55%, transparent )}[data-theme=dark]{--fui-card-bg: var(--fui-bg-tertiary);--fui-panel-bg: var(--fui-bg-tertiary);--fui-color-accent-tint: var(--fui-selection-bg);--fui-surface-well: var(--fui-code-bg);--fui-journey-rail: var(--fui-border-default);--fui-journey-rail-done: color-mix( in srgb, var(--fui-color-accent) 45%, transparent );--fui-chart-grid: color-mix( in srgb, var(--fui-border-default) 55%, transparent )}