@layer zk-reset,zk-tokens,zk-components,zk-utilities,zk-overrides;@layer zk-tokens{:root,.zk-theme,[data-zk-theme=light]{--zk-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--zk-font-size-sm: .875rem;--zk-font-size-md: 1rem;--zk-font-size-lg: 1.125rem;--zk-font-weight-semibold: 600;--zk-font-weight-bold: 700;--zk-space-1: .25rem;--zk-space-2: .375rem;--zk-space-3: .5rem;--zk-space-4: .625rem;--zk-space-5: .875rem;--zk-space-6: 1rem;--zk-space-7: 1.25rem;--zk-space-8: 1.5rem;--zk-space-9: 2rem;--zk-space-10: 2.5rem;--zk-radius-sm: .375rem;--zk-radius-md: .5rem;--zk-border-width-sm: 1px;--zk-elevation-sm: 0 .0625rem .125rem rgba(15, 23, 42, .08);--zk-z-index-overlay: 1000;--zk-color-white: #ffffff;--zk-color-neutral-50: #f3f7fa;--zk-color-neutral-100: #d7dee6;--zk-color-neutral-400: #9aa6b2;--zk-color-neutral-600: #5d6b7a;--zk-color-neutral-900: #24303f;--zk-color-primary-600: #1f6f8b;--zk-color-primary-700: #195b73;--zk-color-success-600: #2f7d54;--zk-color-warning-600: #946200;--zk-color-danger-600: #b42318;--zk-color-surface: var(--zk-color-white);--zk-color-surface-raised: var(--zk-color-white);--zk-color-surface-muted: var(--zk-color-neutral-50);--zk-color-text: var(--zk-color-neutral-900);--zk-color-text-muted: var(--zk-color-neutral-600);--zk-color-border: var(--zk-color-neutral-100);--zk-color-border-strong: var(--zk-color-neutral-400);--zk-color-primary: var(--zk-color-primary-600);--zk-color-primary-hover: var(--zk-color-primary-700);--zk-color-primary-contrast: var(--zk-color-white);--zk-color-focus-ring: rgba(31, 111, 139, .24);--zk-state-disabled-opacity: .55;--zk-focus-ring-width: .125rem;--zk-focus-ring-offset: .125rem;--zk-transition-fast: .12s ease;--zk-button-bg: var(--zk-color-primary);--zk-button-border-color: var(--zk-color-primary);--zk-button-color: var(--zk-color-primary-contrast);--zk-button-hover-bg: var(--zk-color-primary-hover);--zk-button-hover-border-color: var(--zk-color-primary-hover);--zk-button-outline-bg: var(--zk-color-surface-raised);--zk-button-outline-color: var(--zk-color-primary);--zk-button-outline-border-color: var(--zk-color-primary);--zk-button-ghost-bg: transparent;--zk-button-ghost-color: var(--zk-color-primary);--zk-button-ghost-border-color: transparent;--zk-button-radius: var(--zk-radius-sm);--zk-button-gap: var(--zk-space-3);--zk-button-font-size-sm: var(--zk-font-size-sm);--zk-button-font-size: var(--zk-font-size-md);--zk-button-font-size-lg: var(--zk-font-size-lg);--zk-button-min-height-sm: 2rem;--zk-button-min-height-md: 2.25rem;--zk-button-min-height-lg: 2.75rem;--zk-button-min-height: var(--zk-button-min-height-md);--zk-button-padding-x-sm: var(--zk-space-4);--zk-button-padding-x-md: var(--zk-space-5);--zk-button-padding-x-lg: var(--zk-space-6);--zk-button-padding-x: var(--zk-button-padding-x-md);--zk-button-padding-y-sm: var(--zk-space-2);--zk-button-padding-y-md: var(--zk-space-3);--zk-button-padding-y-lg: var(--zk-space-4);--zk-button-padding-y: var(--zk-button-padding-y-md);--zk-button-icon-size: 1em;--zk-button-spinner-border-width: .125em;--zk-button-spinner-duration: .7s;--zk-button-group-gap: var(--zk-space-3);--zk-button-group-attached-background-colour: var(--zk-color-surface-muted);--zk-button-group-attached-border-colour: var(--zk-color-border);--zk-button-group-attached-radius: var(--zk-radius-sm);--zk-button-group-attached-gap: var(--zk-space-2);--zk-button-group-attached-padding: var(--zk-space-2);--zk-segmented-control-background-colour: var(--zk-color-surface-muted);--zk-segmented-control-border-colour: var(--zk-color-border);--zk-segmented-control-radius: var(--zk-radius-md);--zk-segmented-control-gap: var(--zk-space-1);--zk-segmented-control-padding: var(--zk-space-1);--zk-segmented-control-item-background-colour: transparent;--zk-segmented-control-item-colour: var(--zk-color-text-muted);--zk-segmented-control-item-hover-background-colour: var( --zk-color-surface-raised );--zk-segmented-control-item-hover-colour: var(--zk-color-text);--zk-segmented-control-item-selected-background-colour: var( --zk-color-surface-raised );--zk-segmented-control-item-selected-colour: var(--zk-color-primary);--zk-segmented-control-item-radius: var(--zk-radius-sm);--zk-segmented-control-item-font-size: var(--zk-font-size-md);--zk-segmented-control-item-min-height: 2rem;--zk-segmented-control-item-min-height-sm: 1.75rem;--zk-segmented-control-item-padding-x: var(--zk-space-4);--zk-segmented-control-item-padding-x-sm: var(--zk-space-3);--zk-segmented-control-item-padding-y: var(--zk-space-2);--zk-segmented-control-item-padding-y-sm: var(--zk-space-1);--zk-icon-color: currentColor;--zk-icon-muted-color: var(--zk-color-text-muted);--zk-icon-primary-color: var(--zk-color-primary);--zk-icon-success-color: var(--zk-color-success-600);--zk-icon-warning-color: var(--zk-color-warning-600);--zk-icon-danger-color: var(--zk-color-danger-600);--zk-icon-size-sm: .875rem;--zk-icon-size-md: 1rem;--zk-icon-size-lg: 1.25rem;--zk-icon-size: var(--zk-icon-size-md);--zk-icon-stroke-width: 2;--zk-field-color: var(--zk-color-text);--zk-field-gap: var(--zk-space-2);--zk-field-label-font-size: var(--zk-font-size-sm);--zk-field-control-bg: var(--zk-color-surface-raised);--zk-field-control-color: var(--zk-color-text);--zk-field-control-border-color: var(--zk-color-border-strong);--zk-field-control-focus-border-color: var(--zk-color-primary);--zk-field-control-radius: var(--zk-radius-sm);--zk-field-control-min-height: 2.375rem;--zk-field-control-padding-x: var(--zk-space-4);--zk-field-control-padding-y: var(--zk-space-3);--zk-field-placeholder-color: var(--zk-color-text-muted);--zk-field-control-invalid-border-color: var(--zk-color-danger-600);--zk-field-affix-color: var(--zk-color-text-muted);--zk-field-affix-font-size: var(--zk-font-size-sm);--zk-field-affix-gap: var(--zk-space-2);--zk-field-help-color: var(--zk-color-text-muted);--zk-field-error-color: var(--zk-color-danger-600);--zk-field-message-font-size: var(--zk-font-size-sm);--zk-field-required-color: var(--zk-color-danger-600);--zk-field-required-gap: var(--zk-space-1);--zk-select-option-background-colour: var(--zk-field-control-bg);--zk-select-option-colour: var(--zk-field-control-color);--zk-form-field-gap: var(--zk-space-2);--zk-form-field-label-width: 12rem;--zk-form-field-label-colour: var(--zk-color-text);--zk-form-field-label-font-size-sm: var(--zk-font-size-sm);--zk-form-field-label-offset: var(--zk-space-2);--zk-form-field-line-height: 1.5;--zk-form-field-message-gap: var(--zk-space-2);--zk-form-field-message-line-height: 1.4;--zk-input-group-background-colour: var(--zk-field-control-bg);--zk-input-group-border-colour: var(--zk-field-control-border-color);--zk-input-group-divider-colour: var(--zk-color-border);--zk-input-group-radius: var(--zk-field-control-radius);--zk-input-group-min-height: var(--zk-field-control-min-height);--zk-input-group-min-height-sm: 2rem;--zk-input-group-affix-colour: var(--zk-field-affix-color);--zk-input-group-affix-font-size: var(--zk-field-affix-font-size);--zk-input-group-affix-padding-x: var(--zk-field-control-padding-x);--zk-textarea-min-height: 5rem;--zk-textarea-line-height: 1.5;--zk-textarea-counter-colour: var(--zk-color-text-muted);--zk-range-control-min-height: 2rem;--zk-range-track-height: .375rem;--zk-range-track-radius: 999px;--zk-range-track-colour: var(--zk-color-border);--zk-range-fill-colour: var(--zk-color-primary);--zk-range-thumb-size: 1.125rem;--zk-range-thumb-colour: var(--zk-color-surface-raised);--zk-range-thumb-border-width: .1875rem;--zk-range-thumb-border-colour: var(--zk-color-primary);--zk-range-thumb-shadow: var(--zk-elevation-sm);--zk-range-value-colour: var(--zk-color-text);--zk-range-value-font-size: var(--zk-font-size-sm);--zk-range-limit-colour: var(--zk-color-text-muted);--zk-range-limit-font-size: var(--zk-font-size-sm);--zk-range-meta-gap: var(--zk-space-3);--zk-range-invalid-fill-colour: var(--zk-color-danger-600);--zk-range-invalid-thumb-border-colour: var(--zk-color-danger-600);--zk-autocomplete-panel-background-colour: var(--zk-color-surface-raised);--zk-autocomplete-panel-border-colour: var(--zk-color-border);--zk-autocomplete-panel-radius: var(--zk-radius-md);--zk-autocomplete-panel-shadow: var(--zk-elevation-sm);--zk-autocomplete-panel-offset: var(--zk-space-1);--zk-autocomplete-panel-max-height: 16rem;--zk-autocomplete-panel-padding: var(--zk-space-2);--zk-autocomplete-option-gap: var(--zk-space-1);--zk-autocomplete-option-padding-x: var(--zk-space-3);--zk-autocomplete-option-padding-y: var(--zk-space-2);--zk-autocomplete-option-radius: var(--zk-radius-sm);--zk-autocomplete-option-colour: var(--zk-color-text);--zk-autocomplete-option-description-colour: var(--zk-color-text-muted);--zk-autocomplete-option-description-font-size: var(--zk-font-size-sm);--zk-autocomplete-option-hover-background-colour: var( --zk-color-surface-muted );--zk-autocomplete-option-active-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface-raised) );--zk-autocomplete-option-selected-colour: var(--zk-color-primary);--zk-autocomplete-empty-colour: var(--zk-color-text-muted);--zk-autocomplete-empty-font-size: var(--zk-font-size-sm);--zk-autocomplete-empty-padding: var(--zk-space-3);--zk-multiselect-control-gap: var(--zk-space-2);--zk-multiselect-control-padding-x: var(--zk-field-control-padding-x);--zk-multiselect-control-padding-y: var(--zk-space-2);--zk-multiselect-input-min-height: 1.5rem;--zk-multiselect-input-min-width: 10rem;--zk-multiselect-value-gap: var(--zk-space-2);--zk-multiselect-value-background-colour: var(--zk-color-surface-muted);--zk-multiselect-value-border-colour: var(--zk-color-border);--zk-multiselect-value-colour: var(--zk-color-text);--zk-multiselect-value-radius: 999px;--zk-multiselect-value-font-size: var(--zk-font-size-sm);--zk-multiselect-value-min-height: 1.75rem;--zk-multiselect-value-padding-x: var(--zk-space-2);--zk-multiselect-value-padding-y: var(--zk-space-1);--zk-multiselect-value-content-gap: var(--zk-space-1);--zk-multiselect-value-remove-colour: var(--zk-color-text-muted);--zk-multiselect-value-remove-hover-background-colour: var( --zk-color-surface-raised );--zk-multiselect-value-remove-hover-colour: var(--zk-color-text);--zk-multiselect-value-remove-size: 1rem;--zk-multiselect-panel-background-colour: var(--zk-color-surface-raised);--zk-multiselect-panel-border-colour: var(--zk-color-border);--zk-multiselect-panel-radius: var(--zk-radius-md);--zk-multiselect-panel-shadow: var(--zk-elevation-sm);--zk-multiselect-panel-offset: var(--zk-space-1);--zk-multiselect-panel-max-height: 16rem;--zk-multiselect-panel-padding: var(--zk-space-2);--zk-multiselect-option-gap: var(--zk-space-1);--zk-multiselect-option-padding-x: var(--zk-space-3);--zk-multiselect-option-padding-y: var(--zk-space-2);--zk-multiselect-option-radius: var(--zk-radius-sm);--zk-multiselect-option-colour: var(--zk-color-text);--zk-multiselect-option-content-gap: var(--zk-space-3);--zk-multiselect-option-description-colour: var(--zk-color-text-muted);--zk-multiselect-option-description-font-size: var(--zk-font-size-sm);--zk-multiselect-option-hover-background-colour: var( --zk-color-surface-muted );--zk-multiselect-option-active-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface-raised) );--zk-multiselect-option-selected-colour: var(--zk-color-primary);--zk-multiselect-option-check-size: 1.125rem;--zk-multiselect-option-check-font-size: var(--zk-font-size-sm);--zk-multiselect-option-check-border-colour: var(--zk-color-border-strong);--zk-multiselect-option-check-colour: transparent;--zk-multiselect-option-check-selected-background-colour: var( --zk-color-primary );--zk-multiselect-option-check-selected-border-colour: var( --zk-color-primary );--zk-multiselect-option-check-selected-colour: var( --zk-color-primary-contrast );--zk-multiselect-empty-colour: var(--zk-color-text-muted);--zk-multiselect-empty-font-size: var(--zk-font-size-sm);--zk-multiselect-empty-padding: var(--zk-space-3);--zk-datepicker-toggle-background-colour: var(--zk-color-surface-muted);--zk-datepicker-toggle-border-colour: var(--zk-color-border);--zk-datepicker-toggle-colour: var(--zk-color-text);--zk-datepicker-toggle-hover-background-colour: var(--zk-color-primary);--zk-datepicker-toggle-hover-colour: var(--zk-color-primary-contrast);--zk-datepicker-toggle-padding-x: var(--zk-space-4);--zk-datepicker-toggle-padding-y: var(--zk-space-2);--zk-datepicker-calendar-background-colour: var(--zk-color-surface-raised);--zk-datepicker-calendar-border-colour: var(--zk-color-border);--zk-datepicker-calendar-colour: var(--zk-color-text);--zk-datepicker-calendar-radius: var(--zk-radius-md);--zk-datepicker-calendar-shadow: var(--zk-elevation-sm);--zk-datepicker-calendar-gap: var(--zk-space-3);--zk-datepicker-calendar-max-width: 22rem;--zk-datepicker-calendar-padding: var(--zk-space-4);--zk-datepicker-calendar-header-gap: var(--zk-space-3);--zk-datepicker-month-colour: var(--zk-color-text);--zk-datepicker-month-font-size: var(--zk-font-size-base);--zk-datepicker-nav-background-colour: var(--zk-color-surface);--zk-datepicker-nav-border-colour: var(--zk-color-border);--zk-datepicker-nav-colour: var(--zk-color-text);--zk-datepicker-nav-hover-background-colour: var(--zk-color-surface-muted);--zk-datepicker-nav-hover-colour: var(--zk-color-text);--zk-datepicker-nav-radius: var(--zk-radius-sm);--zk-datepicker-nav-font-size: var(--zk-font-size-sm);--zk-datepicker-nav-min-height: 2rem;--zk-datepicker-nav-padding-x: var(--zk-space-3);--zk-datepicker-nav-padding-y: var(--zk-space-2);--zk-datepicker-grid-gap: var(--zk-space-1);--zk-datepicker-weekday-colour: var(--zk-color-text-muted);--zk-datepicker-weekday-font-size: var(--zk-font-size-sm);--zk-datepicker-weekday-padding-y: var(--zk-space-1);--zk-datepicker-day-size: 2rem;--zk-datepicker-day-background-colour: transparent;--zk-datepicker-day-border-colour: transparent;--zk-datepicker-day-colour: var(--zk-color-text);--zk-datepicker-day-hover-background-colour: var(--zk-color-surface-muted);--zk-datepicker-day-hover-colour: var(--zk-color-text);--zk-datepicker-day-radius: var(--zk-radius-sm);--zk-datepicker-day-today-border-colour: var(--zk-color-primary);--zk-datepicker-day-today-colour: var(--zk-color-primary);--zk-datepicker-day-selected-background-colour: var(--zk-color-primary);--zk-datepicker-day-selected-border-colour: var(--zk-color-primary);--zk-datepicker-day-selected-colour: var(--zk-color-primary-contrast);--zk-datepicker-day-outside-colour: var(--zk-color-text-muted);--zk-file-upload-background-colour: var(--zk-field-control-bg);--zk-file-upload-active-background-colour: color-mix( in srgb, var(--zk-color-primary) 8%, var(--zk-field-control-bg) );--zk-file-upload-border-colour: var(--zk-field-control-border-color);--zk-file-upload-border-hover-colour: var( --zk-field-control-focus-border-color );--zk-file-upload-border-active-colour: var(--zk-color-primary);--zk-file-upload-border-width: 1px;--zk-file-upload-radius: var(--zk-field-control-radius);--zk-file-upload-min-height: 9rem;--zk-file-upload-padding: var(--zk-space-6);--zk-file-upload-gap: var(--zk-space-3);--zk-file-upload-title-colour: var(--zk-color-text);--zk-file-upload-description-colour: var(--zk-color-text-muted);--zk-file-upload-description-font-size: var(--zk-font-size-sm);--zk-file-upload-action-background-colour: var(--zk-color-surface-muted);--zk-file-upload-action-border-colour: var(--zk-color-border);--zk-file-upload-action-colour: var(--zk-color-text);--zk-file-upload-action-radius: var(--zk-radius-sm);--zk-file-upload-action-font-size: var(--zk-font-size-sm);--zk-file-upload-action-padding-x: var(--zk-space-3);--zk-file-upload-action-padding-y: var(--zk-space-2);--zk-file-upload-list-gap: var(--zk-space-2);--zk-file-upload-file-background-colour: var(--zk-color-surface-muted);--zk-file-upload-file-border-colour: var(--zk-color-border);--zk-file-upload-reject-background-colour: color-mix( in srgb, var(--zk-color-danger-600) 8%, var(--zk-color-surface) );--zk-file-upload-reject-border-colour: color-mix( in srgb, var(--zk-color-danger-600) 30%, var(--zk-color-border) );--zk-file-upload-reject-colour: var(--zk-color-danger-600);--zk-checkbox-gap: var(--zk-space-3);--zk-checkbox-size: 1rem;--zk-checkbox-accent-color: var(--zk-color-primary);--zk-radio-gap: var(--zk-space-3);--zk-radio-options-gap: var(--zk-space-3);--zk-radio-size: 1rem;--zk-radio-accent-colour: var(--zk-color-primary);--zk-switch-gap: var(--zk-space-3);--zk-switch-track-width: 2.25rem;--zk-switch-track-height: 1.25rem;--zk-switch-track-bg: var(--zk-field-control-border-color);--zk-switch-track-checked-bg: var(--zk-color-primary);--zk-switch-thumb-size: 1rem;--zk-switch-thumb-bg: var(--zk-color-primary-contrast);--zk-switch-thumb-offset: .125rem;--zk-switch-thumb-checked-offset: 1rem;--zk-badge-background-colour: var(--zk-color-surface-muted);--zk-badge-border-colour: var(--zk-color-border);--zk-badge-colour: var(--zk-color-text);--zk-badge-dot-colour: var(--zk-color-text-muted);--zk-badge-radius: 999px;--zk-badge-gap: var(--zk-space-2);--zk-badge-font-size: var(--zk-font-size-sm);--zk-badge-min-height: 1.625rem;--zk-badge-min-height-sm: 1.375rem;--zk-badge-padding-x: var(--zk-space-3);--zk-badge-padding-x-sm: var(--zk-space-2);--zk-badge-padding-y: var(--zk-space-2);--zk-badge-padding-y-sm: var(--zk-space-1);--zk-badge-dot-size: .45rem;--zk-badge-danger-background-colour: color-mix( in srgb, var(--zk-color-danger-600) 12%, var(--zk-color-surface) );--zk-badge-danger-border-colour: color-mix( in srgb, var(--zk-color-danger-600) 32%, var(--zk-color-border) );--zk-badge-danger-colour: var(--zk-color-danger-600);--zk-badge-danger-dot-colour: var(--zk-color-danger-600);--zk-badge-info-background-colour: color-mix( in srgb, var(--zk-color-primary) 12%, var(--zk-color-surface) );--zk-badge-info-border-colour: color-mix( in srgb, var(--zk-color-primary) 32%, var(--zk-color-border) );--zk-badge-info-colour: var(--zk-color-primary);--zk-badge-info-dot-colour: var(--zk-color-primary);--zk-badge-success-background-colour: color-mix( in srgb, var(--zk-color-success-600) 12%, var(--zk-color-surface) );--zk-badge-success-border-colour: color-mix( in srgb, var(--zk-color-success-600) 32%, var(--zk-color-border) );--zk-badge-success-colour: var(--zk-color-success-600);--zk-badge-success-dot-colour: var(--zk-color-success-600);--zk-badge-warning-background-colour: color-mix( in srgb, var(--zk-color-warning-600) 12%, var(--zk-color-surface) );--zk-badge-warning-border-colour: color-mix( in srgb, var(--zk-color-warning-600) 32%, var(--zk-color-border) );--zk-badge-warning-colour: var(--zk-color-warning-600);--zk-badge-warning-dot-colour: var(--zk-color-warning-600);--zk-progress-colour: var(--zk-color-text);--zk-progress-gap: var(--zk-space-2);--zk-progress-height: .625rem;--zk-progress-radius: 999px;--zk-progress-track-colour: var(--zk-color-surface-muted);--zk-progress-bar-colour: var(--zk-color-primary);--zk-progress-meta-colour: var(--zk-color-text-muted);--zk-progress-meta-font-size: var(--zk-font-size-sm);--zk-progress-danger-colour: var(--zk-color-danger-600);--zk-progress-info-colour: var(--zk-color-primary);--zk-progress-success-colour: var(--zk-color-success-600);--zk-progress-warning-colour: var(--zk-color-warning-600);--zk-progress-indeterminate-duration: 1.4s;--zk-progress-indeterminate-width: 30%;--zk-spinner-colour: var(--zk-color-primary);--zk-spinner-track-colour: var(--zk-color-border);--zk-spinner-gap: var(--zk-space-3);--zk-spinner-size: 1.25rem;--zk-spinner-size-sm: 1rem;--zk-spinner-size-lg: 1.75rem;--zk-spinner-border-width: .1875rem;--zk-spinner-duration: .7s;--zk-spinner-reduced-motion-duration: 1.8s;--zk-spinner-label-font-size: var(--zk-font-size-sm);--zk-skeleton-background-colour: var(--zk-color-surface-muted);--zk-skeleton-shimmer-colour: color-mix( in srgb, var(--zk-color-surface-raised) 72%, transparent );--zk-skeleton-radius: var(--zk-radius-sm);--zk-skeleton-gap: var(--zk-space-3);--zk-skeleton-line-height: .875rem;--zk-skeleton-last-line-width: 72%;--zk-skeleton-block-height: 8rem;--zk-skeleton-media-aspect-ratio: 16 / 9;--zk-skeleton-avatar-size: 2.5rem;--zk-skeleton-animation-duration: 1.4s;--zk-avatar-background-colour: var(--zk-color-surface-muted);--zk-avatar-border-colour: var(--zk-color-border);--zk-avatar-colour: var(--zk-color-text);--zk-avatar-radius: 999px;--zk-avatar-radius-rounded: var(--zk-radius-md);--zk-avatar-size: 2.5rem;--zk-avatar-size-sm: 2rem;--zk-avatar-size-lg: 3rem;--zk-avatar-font-size: var(--zk-font-size-sm);--zk-avatar-font-size-sm: var(--zk-font-size-sm);--zk-avatar-font-size-lg: var(--zk-font-size-md);--zk-avatar-status-size: .7rem;--zk-avatar-status-offset: -.0625rem;--zk-avatar-status-border-width: .125rem;--zk-avatar-status-border-colour: var(--zk-color-surface);--zk-avatar-status-colour: var(--zk-color-text-muted);--zk-avatar-status-away-colour: var(--zk-color-warning-600);--zk-avatar-status-busy-colour: var(--zk-color-danger-600);--zk-avatar-status-offline-colour: var(--zk-color-neutral-400);--zk-avatar-status-online-colour: var(--zk-color-success-600);--zk-table-colour: var(--zk-color-text);--zk-table-bg: var(--zk-color-surface-raised);--zk-table-border-colour: var(--zk-color-border);--zk-table-header-bg: var(--zk-color-surface-muted);--zk-table-header-colour: var(--zk-color-text);--zk-table-cell-padding: var(--zk-space-4);--zk-table-caption-gap: var(--zk-space-3);--zk-table-caption-colour: var(--zk-color-text);--zk-table-row-hover-bg: var(--zk-color-surface-muted);--zk-table-row-selected-bg: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface-raised) );--zk-table-empty-colour: var(--zk-color-text-muted);--zk-table-empty-padding: var(--zk-space-6);--zk-table-state-colour: var(--zk-color-text-muted);--zk-table-state-error-colour: var(--zk-color-danger-600);--zk-table-sort-colour: var(--zk-color-text-muted);--zk-table-sort-gap: var(--zk-space-2);--zk-table-sort-radius: var(--zk-radius-sm);--zk-table-toolbar-gap: var(--zk-space-3);--zk-table-filter-gap: var(--zk-space-2);--zk-table-filter-max-width: 22rem;--zk-table-filter-label-colour: var(--zk-color-text);--zk-table-filter-label-font-size: var(--zk-font-size-sm);--zk-table-selection-accent-colour: var(--zk-color-primary);--zk-table-selection-size: 1rem;--zk-table-footer-gap: var(--zk-space-3);--zk-table-pagination-gap: var(--zk-space-2);--zk-table-pagination-font-size: var(--zk-font-size-sm);--zk-table-pagination-status-colour: var(--zk-color-text-muted);--zk-table-pagination-button-bg: var(--zk-color-surface-raised);--zk-table-pagination-button-border-colour: var(--zk-color-border);--zk-table-pagination-button-colour: var(--zk-color-text);--zk-table-pagination-button-radius: var(--zk-radius-sm);--zk-table-pagination-button-min-height: 2rem;--zk-table-pagination-button-padding-x: var(--zk-space-3);--zk-table-pagination-button-padding-y: var(--zk-space-2);--zk-table-pagination-current-bg: var(--zk-color-primary);--zk-table-pagination-current-border-colour: var(--zk-color-primary);--zk-table-pagination-current-colour: var(--zk-color-primary-contrast);--zk-chart-background-colour: var(--zk-color-surface-raised);--zk-chart-border-colour: var(--zk-color-border);--zk-chart-colour: var(--zk-color-text);--zk-chart-radius: var(--zk-radius-md);--zk-chart-padding: var(--zk-space-5);--zk-chart-gap: var(--zk-space-4);--zk-chart-header-gap: var(--zk-space-2);--zk-chart-caption-colour: var(--zk-color-text);--zk-chart-caption-font-size: var(--zk-font-size-lg);--zk-chart-caption-line-height: 1.25;--zk-chart-description-colour: var(--zk-color-text-muted);--zk-chart-description-line-height: 1.5;--zk-chart-visual-background-colour: var(--zk-color-surface);--zk-chart-visual-border-colour: var(--zk-color-border);--zk-chart-visual-radius: var(--zk-radius-sm);--zk-chart-visual-min-height: 10rem;--zk-chart-grid-colour: var(--zk-color-border);--zk-chart-grid-width: .18;--zk-chart-axis-colour: var(--zk-color-border-strong);--zk-chart-axis-width: .35;--zk-chart-axis-label-colour: var(--zk-color-text-muted);--zk-chart-axis-label-font-size: 2.2px;--zk-chart-line-width: 1.45;--zk-chart-area-opacity: .18;--zk-chart-series-1-colour: var(--zk-color-primary);--zk-chart-series-2-colour: var(--zk-color-success-600);--zk-chart-series-3-colour: var(--zk-color-warning-600);--zk-chart-series-4-colour: var(--zk-color-danger-600);--zk-chart-series-5-colour: var(--zk-color-neutral-600);--zk-chart-series-6-colour: var(--zk-color-primary-hover);--zk-chart-legend-colour: var(--zk-color-text);--zk-chart-legend-font-size: var(--zk-font-size-sm);--zk-chart-legend-gap: var(--zk-space-4);--zk-chart-legend-item-gap: var(--zk-space-2);--zk-chart-legend-swatch-radius: 999px;--zk-chart-legend-swatch-size: .75rem;--zk-chart-table-border-colour: var(--zk-color-border);--zk-chart-table-caption-gap: var(--zk-space-2);--zk-chart-table-cell-padding: var(--zk-space-3);--zk-chart-table-font-size: var(--zk-font-size-sm);--zk-chart-empty-background-colour: var(--zk-color-surface-muted);--zk-chart-empty-padding: var(--zk-space-6);--zk-data-list-background-colour: var(--zk-color-surface-raised);--zk-data-list-border-colour: var(--zk-color-border);--zk-data-list-colour: var(--zk-color-text);--zk-data-list-radius: var(--zk-radius-md);--zk-data-list-item-gap: var(--zk-space-2);--zk-data-list-item-padding-x: var(--zk-space-5);--zk-data-list-item-padding-y: var(--zk-space-4);--zk-data-list-item-padding-y-compact: var(--zk-space-3);--zk-data-list-term-colour: var(--zk-color-text-muted);--zk-data-list-term-font-size: var(--zk-font-size-sm);--zk-data-list-value-colour: var(--zk-color-text);--zk-data-list-description-colour: var(--zk-color-text-muted);--zk-data-list-description-font-size: var(--zk-font-size-sm);--zk-data-list-description-gap: var(--zk-space-1);--zk-data-list-line-height: 1.5;--zk-list-group-background-colour: var(--zk-color-surface-raised);--zk-list-group-border-colour: var(--zk-color-border);--zk-list-group-colour: var(--zk-color-text);--zk-list-group-radius: var(--zk-radius-md);--zk-list-group-item-background-colour: transparent;--zk-list-group-item-hover-background-colour: var(--zk-color-surface-muted);--zk-list-group-item-current-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface) );--zk-list-group-item-current-colour: var(--zk-color-primary);--zk-list-group-item-gap: var(--zk-space-4);--zk-list-group-item-min-height: 3.25rem;--zk-list-group-item-min-height-compact: 2.5rem;--zk-list-group-item-padding-x: var(--zk-space-5);--zk-list-group-item-padding-y: var(--zk-space-4);--zk-list-group-item-padding-y-compact: var(--zk-space-3);--zk-list-group-content-gap: var(--zk-space-1);--zk-list-group-description-colour: var(--zk-color-text-muted);--zk-list-group-description-font-size: var(--zk-font-size-sm);--zk-list-group-description-line-height: 1.4;--zk-list-group-aside-gap: var(--zk-space-2);--zk-list-group-meta-colour: var(--zk-color-text-muted);--zk-list-group-meta-font-size: var(--zk-font-size-sm);--zk-list-group-badge-background-colour: var(--zk-color-surface-muted);--zk-list-group-badge-border-colour: var(--zk-color-border);--zk-list-group-badge-colour: var(--zk-color-text);--zk-list-group-badge-font-size: var(--zk-font-size-sm);--zk-list-group-badge-padding-x: var(--zk-space-2);--zk-list-group-badge-padding-y: var(--zk-space-1);--zk-pagination-colour: var(--zk-color-text);--zk-pagination-gap: var(--zk-space-4);--zk-pagination-pages-gap: var(--zk-space-2);--zk-pagination-status-colour: var(--zk-color-text-muted);--zk-pagination-button-bg: var(--zk-color-surface-raised);--zk-pagination-button-border-colour: var(--zk-color-border-strong);--zk-pagination-button-hover-bg: var(--zk-color-surface-muted);--zk-pagination-button-current-bg: var(--zk-color-primary);--zk-pagination-button-current-colour: var(--zk-color-primary-contrast);--zk-pagination-button-current-border-colour: var(--zk-color-primary);--zk-pagination-button-radius: var(--zk-radius-sm);--zk-pagination-button-padding-x: var(--zk-space-4);--zk-pagination-button-padding-y: var(--zk-space-2);--zk-alert-background-colour: var(--zk-color-surface-muted);--zk-alert-border-colour: var(--zk-color-border);--zk-alert-colour: var(--zk-color-text);--zk-alert-message-colour: var(--zk-color-text-muted);--zk-alert-accent-width: .25rem;--zk-alert-radius: var(--zk-radius-md);--zk-alert-padding: var(--zk-space-5);--zk-alert-gap: var(--zk-space-4);--zk-alert-content-gap: var(--zk-space-2);--zk-alert-icon-size: 1.5rem;--zk-alert-icon-font-size: var(--zk-font-size-sm);--zk-alert-icon-padding-inline: var(--zk-space-1);--zk-alert-icon-radius: 999px;--zk-alert-heading-font-size: var(--zk-font-size-md);--zk-alert-heading-line-height: 1.25;--zk-alert-message-line-height: 1.5;--zk-alert-action-colour: var(--zk-color-primary);--zk-alert-action-padding-x: var(--zk-space-2);--zk-alert-action-padding-y: var(--zk-space-1);--zk-alert-dismiss-colour: var(--zk-color-text-muted);--zk-alert-dismiss-size: 1.75rem;--zk-alert-control-radius: var(--zk-radius-sm);--zk-alert-control-hover-background-colour: var(--zk-color-surface-raised);--zk-alert-info-colour: var(--zk-color-primary);--zk-alert-success-colour: var(--zk-color-success-600);--zk-alert-warning-colour: var(--zk-color-warning-600);--zk-alert-danger-colour: var(--zk-color-danger-600);--zk-toast-background-colour: var(--zk-color-surface-raised);--zk-toast-border-colour: var(--zk-color-border);--zk-toast-colour: var(--zk-color-text);--zk-toast-message-colour: var(--zk-color-text-muted);--zk-toast-shadow: var(--zk-elevation-sm);--zk-toast-accent-width: .25rem;--zk-toast-radius: var(--zk-radius-md);--zk-toast-padding: var(--zk-space-5);--zk-toast-gap: var(--zk-space-4);--zk-toast-stack-gap: var(--zk-space-3);--zk-toast-content-gap: var(--zk-space-2);--zk-toast-viewport-inset: var(--zk-space-6);--zk-toast-z-index: var(--zk-z-index-overlay);--zk-toast-max-width: 26rem;--zk-toast-min-width: 16rem;--zk-toast-icon-size: 1.5rem;--zk-toast-icon-font-size: var(--zk-font-size-sm);--zk-toast-icon-padding-inline: var(--zk-space-1);--zk-toast-icon-radius: 999px;--zk-toast-heading-font-size: var(--zk-font-size-md);--zk-toast-heading-line-height: 1.25;--zk-toast-message-line-height: 1.5;--zk-toast-action-colour: var(--zk-color-primary);--zk-toast-action-padding-x: var(--zk-space-2);--zk-toast-action-padding-y: var(--zk-space-1);--zk-toast-dismiss-colour: var(--zk-color-text-muted);--zk-toast-dismiss-size: 1.75rem;--zk-toast-control-radius: var(--zk-radius-sm);--zk-toast-control-hover-background-colour: var(--zk-color-surface-muted);--zk-toast-info-colour: var(--zk-color-primary);--zk-toast-success-colour: var(--zk-color-success-600);--zk-toast-warning-colour: var(--zk-color-warning-600);--zk-toast-danger-colour: var(--zk-color-danger-600);--zk-dialog-backdrop-colour: rgba(15, 23, 42, .48);--zk-dialog-background-colour: var(--zk-color-surface-raised);--zk-dialog-border-colour: var(--zk-color-border);--zk-dialog-colour: var(--zk-color-text);--zk-dialog-body-colour: var(--zk-color-text);--zk-dialog-description-colour: var(--zk-color-text-muted);--zk-dialog-close-colour: var(--zk-color-text-muted);--zk-dialog-shadow: var(--zk-elevation-sm);--zk-dialog-radius: var(--zk-radius-md);--zk-dialog-padding: var(--zk-space-6);--zk-dialog-gap: var(--zk-space-4);--zk-dialog-title-gap: var(--zk-space-2);--zk-dialog-footer-gap: var(--zk-space-3);--zk-dialog-backdrop-padding: var(--zk-space-6);--zk-dialog-inline-min-height: 22rem;--zk-dialog-z-index: var(--zk-z-index-overlay);--zk-dialog-max-height: calc(100vh - (var(--zk-space-6) * 2));--zk-dialog-max-height-full: calc(100vh - (var(--zk-space-6) * 2));--zk-dialog-max-width: var(--zk-dialog-max-width-medium);--zk-dialog-max-width-small: 28rem;--zk-dialog-max-width-medium: 40rem;--zk-dialog-max-width-large: 56rem;--zk-dialog-max-width-full: calc(100vw - (var(--zk-space-6) * 2));--zk-dialog-min-width: 18rem;--zk-dialog-heading-font-size: var(--zk-font-size-lg);--zk-dialog-heading-line-height: 1.25;--zk-dialog-description-line-height: 1.5;--zk-dialog-body-line-height: 1.5;--zk-dialog-close-size: 2rem;--zk-dialog-control-radius: var(--zk-radius-sm);--zk-dialog-control-hover-background-colour: var(--zk-color-surface-muted);--zk-drawer-backdrop-colour: rgba(15, 23, 42, .48);--zk-drawer-background-colour: var(--zk-color-surface-raised);--zk-drawer-border-colour: var(--zk-color-border);--zk-drawer-colour: var(--zk-color-text);--zk-drawer-body-colour: var(--zk-color-text);--zk-drawer-description-colour: var(--zk-color-text-muted);--zk-drawer-close-colour: var(--zk-color-text-muted);--zk-drawer-shadow: var(--zk-elevation-sm);--zk-drawer-radius: var(--zk-radius-md);--zk-drawer-padding: var(--zk-space-6);--zk-drawer-gap: var(--zk-space-4);--zk-drawer-title-gap: var(--zk-space-2);--zk-drawer-footer-gap: var(--zk-space-3);--zk-drawer-inline-min-height: 24rem;--zk-drawer-z-index: var(--zk-z-index-overlay);--zk-drawer-size: var(--zk-drawer-size-medium);--zk-drawer-size-small: 18rem;--zk-drawer-size-medium: 26rem;--zk-drawer-size-large: 36rem;--zk-drawer-heading-font-size: var(--zk-font-size-lg);--zk-drawer-heading-line-height: 1.25;--zk-drawer-description-line-height: 1.5;--zk-drawer-body-line-height: 1.5;--zk-drawer-close-size: 2rem;--zk-drawer-control-radius: var(--zk-radius-sm);--zk-drawer-control-hover-background-colour: var(--zk-color-surface-muted);--zk-tooltip-background-colour: var(--zk-color-neutral-900);--zk-tooltip-colour: var(--zk-color-white);--zk-tooltip-shadow: var(--zk-elevation-sm);--zk-tooltip-radius: var(--zk-radius-sm);--zk-tooltip-padding-x: var(--zk-space-3);--zk-tooltip-padding-y: var(--zk-space-2);--zk-tooltip-max-width: 18rem;--zk-tooltip-font-size: var(--zk-font-size-sm);--zk-tooltip-line-height: 1.4;--zk-tooltip-arrow-size: .375rem;--zk-tooltip-z-index: var(--zk-z-index-overlay);--zk-hover-card-background-colour: var(--zk-color-surface-raised);--zk-hover-card-border-colour: var(--zk-color-border);--zk-hover-card-colour: var(--zk-color-text);--zk-hover-card-body-colour: var(--zk-color-text);--zk-hover-card-description-colour: var(--zk-color-text-muted);--zk-hover-card-shadow: var(--zk-elevation-sm);--zk-hover-card-radius: var(--zk-radius-md);--zk-hover-card-padding: var(--zk-space-5);--zk-hover-card-gap: var(--zk-space-3);--zk-hover-card-title-gap: var(--zk-space-2);--zk-hover-card-footer-gap: var(--zk-space-3);--zk-hover-card-footer-padding-top: var(--zk-space-3);--zk-hover-card-min-width: 16rem;--zk-hover-card-max-width: 22rem;--zk-hover-card-z-index: var(--zk-z-index-overlay);--zk-hover-card-heading-font-size: var(--zk-font-size-md);--zk-hover-card-heading-line-height: 1.25;--zk-hover-card-description-line-height: 1.5;--zk-hover-card-body-line-height: 1.5;--zk-hover-card-trigger-background-colour: var(--zk-button-outline-bg);--zk-hover-card-trigger-border-colour: var( --zk-button-outline-border-color );--zk-hover-card-trigger-colour: var(--zk-button-outline-color);--zk-hover-card-trigger-hover-background-colour: var( --zk-color-surface-muted );--zk-hover-card-trigger-hover-border-colour: var(--zk-color-border-strong);--zk-hover-card-trigger-radius: var(--zk-button-radius);--zk-hover-card-trigger-font-size: var(--zk-button-font-size);--zk-hover-card-trigger-min-height: var(--zk-button-min-height);--zk-hover-card-trigger-padding-x: var(--zk-button-padding-x);--zk-hover-card-trigger-padding-y: var(--zk-button-padding-y);--zk-popover-background-colour: var(--zk-color-surface-raised);--zk-popover-border-colour: var(--zk-color-border);--zk-popover-colour: var(--zk-color-text);--zk-popover-body-colour: var(--zk-color-text);--zk-popover-description-colour: var(--zk-color-text-muted);--zk-popover-close-colour: var(--zk-color-text-muted);--zk-popover-shadow: var(--zk-elevation-sm);--zk-popover-radius: var(--zk-radius-md);--zk-popover-padding: var(--zk-space-5);--zk-popover-gap: var(--zk-space-4);--zk-popover-title-gap: var(--zk-space-2);--zk-popover-footer-gap: var(--zk-space-3);--zk-popover-min-width: 16rem;--zk-popover-max-width: 24rem;--zk-popover-max-height: min(24rem, calc(100vh - 2rem) );--zk-popover-z-index: var(--zk-z-index-overlay);--zk-popover-heading-font-size: var(--zk-font-size-md);--zk-popover-heading-line-height: 1.25;--zk-popover-description-line-height: 1.5;--zk-popover-body-line-height: 1.5;--zk-popover-close-size: 1.75rem;--zk-popover-control-radius: var(--zk-radius-sm);--zk-popover-control-hover-background-colour: var(--zk-color-surface-muted);--zk-popover-trigger-background-colour: var(--zk-button-bg);--zk-popover-trigger-border-colour: var(--zk-button-border-color);--zk-popover-trigger-colour: var(--zk-button-color);--zk-popover-trigger-hover-background-colour: var(--zk-button-hover-bg);--zk-popover-trigger-hover-border-colour: var( --zk-button-hover-border-color );--zk-popover-trigger-radius: var(--zk-button-radius);--zk-popover-trigger-font-size: var(--zk-button-font-size);--zk-popover-trigger-min-height: var(--zk-button-min-height);--zk-popover-trigger-padding-x: var(--zk-button-padding-x);--zk-popover-trigger-padding-y: var(--zk-button-padding-y);--zk-dropdown-background-colour: var(--zk-color-surface-raised);--zk-dropdown-border-colour: var(--zk-color-border);--zk-dropdown-colour: var(--zk-color-text);--zk-dropdown-shadow: var(--zk-elevation-sm);--zk-dropdown-radius: var(--zk-radius-md);--zk-dropdown-padding: var(--zk-space-2);--zk-dropdown-header-padding: var(--zk-space-6);--zk-dropdown-gap: var(--zk-space-1);--zk-dropdown-min-width: 14rem;--zk-dropdown-max-height: min(22rem, calc(100vh - 2rem) );--zk-dropdown-z-index: var(--zk-z-index-overlay);--zk-dropdown-trigger-background-colour: var(--zk-button-bg);--zk-dropdown-trigger-border-colour: var(--zk-button-border-color);--zk-dropdown-trigger-colour: var(--zk-button-color);--zk-dropdown-trigger-hover-background-colour: var(--zk-button-hover-bg);--zk-dropdown-trigger-hover-border-colour: var( --zk-button-hover-border-color );--zk-dropdown-trigger-icon-colour: currentColor;--zk-dropdown-trigger-gap: var(--zk-space-2);--zk-dropdown-trigger-radius: var(--zk-button-radius);--zk-dropdown-trigger-font-size: var(--zk-button-font-size);--zk-dropdown-trigger-min-height: var(--zk-button-min-height);--zk-dropdown-trigger-padding-x: var(--zk-button-padding-x);--zk-dropdown-trigger-padding-y: var(--zk-button-padding-y);--zk-dropdown-item-colour: var(--zk-color-text);--zk-dropdown-item-hover-background-colour: var(--zk-color-surface-muted);--zk-dropdown-item-hover-colour: var(--zk-color-text);--zk-dropdown-item-description-colour: var(--zk-color-text-muted);--zk-dropdown-item-meta-colour: var(--zk-color-text-muted);--zk-dropdown-item-destructive-colour: var(--zk-color-danger-600);--zk-dropdown-item-destructive-hover-background-colour: color-mix( in srgb, var(--zk-color-danger-600) 10%, transparent );--zk-dropdown-item-destructive-hover-colour: var(--zk-color-danger-600);--zk-dropdown-item-radius: var(--zk-radius-sm);--zk-dropdown-item-gap: var(--zk-space-3);--zk-dropdown-item-text-gap: var(--zk-space-1);--zk-dropdown-item-min-height: 2.25rem;--zk-dropdown-item-padding-x: var(--zk-space-3);--zk-dropdown-item-padding-y: var(--zk-space-2);--zk-dropdown-item-description-font-size: var(--zk-font-size-sm);--zk-dropdown-item-meta-font-size: var(--zk-font-size-sm);--zk-dropdown-empty-colour: var(--zk-color-text-muted);--zk-dropdown-empty-font-size: var(--zk-font-size-sm);--zk-dropdown-empty-padding-x: var(--zk-space-3);--zk-dropdown-empty-padding-y: var(--zk-space-2);--zk-command-palette-backdrop-colour: rgba(15, 23, 42, .48);--zk-command-palette-backdrop-padding: var(--zk-space-6);--zk-command-palette-background-colour: var(--zk-color-surface-raised);--zk-command-palette-border-colour: var(--zk-color-border);--zk-command-palette-colour: var(--zk-color-text);--zk-command-palette-shadow: var(--zk-elevation-sm);--zk-command-palette-radius: var(--zk-radius-md);--zk-command-palette-z-index: var(--zk-z-index-overlay);--zk-command-palette-margin-block-start: var(--zk-space-6);--zk-command-palette-min-width: 20rem;--zk-command-palette-max-width: 42rem;--zk-command-palette-max-height: min(34rem, calc(100vh - 2rem) );--zk-command-palette-trigger-background-colour: var( --zk-color-surface-raised );--zk-command-palette-trigger-border-colour: var(--zk-color-border-strong);--zk-command-palette-trigger-colour: var(--zk-color-text);--zk-command-palette-trigger-hover-background-colour: var( --zk-color-surface-muted );--zk-command-palette-trigger-hover-border-colour: var(--zk-color-primary);--zk-command-palette-trigger-radius: var(--zk-radius-sm);--zk-command-palette-trigger-font-size: var(--zk-font-size-md);--zk-command-palette-trigger-gap: var(--zk-space-4);--zk-command-palette-trigger-min-height: var(--zk-button-min-height);--zk-command-palette-trigger-min-width: 16rem;--zk-command-palette-trigger-padding-x: var(--zk-space-4);--zk-command-palette-trigger-padding-y: var(--zk-space-2);--zk-command-palette-search-gap: var(--zk-space-3);--zk-command-palette-search-padding: var(--zk-space-4);--zk-command-palette-input-colour: var(--zk-color-text);--zk-command-palette-input-placeholder-colour: var(--zk-color-text-muted);--zk-command-palette-input-min-height: 2.25rem;--zk-command-palette-close-colour: var(--zk-color-text-muted);--zk-command-palette-close-size: 2rem;--zk-command-palette-control-radius: var(--zk-radius-sm);--zk-command-palette-control-hover-background-colour: var( --zk-color-surface-muted );--zk-command-palette-list-gap: var(--zk-space-3);--zk-command-palette-list-padding: var(--zk-space-3);--zk-command-palette-list-max-height: 26rem;--zk-command-palette-group-gap: var(--zk-space-1);--zk-command-palette-group-heading-colour: var(--zk-color-text-muted);--zk-command-palette-group-heading-font-size: var(--zk-font-size-sm);--zk-command-palette-group-heading-padding-x: var(--zk-space-3);--zk-command-palette-group-heading-padding-y: var(--zk-space-1);--zk-command-palette-item-colour: var(--zk-color-text);--zk-command-palette-item-active-background-colour: var( --zk-color-surface-muted );--zk-command-palette-item-active-colour: var(--zk-color-text);--zk-command-palette-item-description-colour: var(--zk-color-text-muted);--zk-command-palette-item-description-font-size: var(--zk-font-size-sm);--zk-command-palette-item-description-line-height: 1.4;--zk-command-palette-item-radius: var(--zk-radius-sm);--zk-command-palette-item-gap: var(--zk-space-3);--zk-command-palette-item-text-gap: var(--zk-space-1);--zk-command-palette-item-min-height: 2.5rem;--zk-command-palette-item-padding-x: var(--zk-space-3);--zk-command-palette-item-padding-y: var(--zk-space-2);--zk-command-palette-kbd-background-colour: var(--zk-color-surface-muted);--zk-command-palette-kbd-border-colour: var(--zk-color-border);--zk-command-palette-kbd-colour: var(--zk-color-text-muted);--zk-command-palette-kbd-radius: var(--zk-radius-sm);--zk-command-palette-kbd-font-size: var(--zk-font-size-sm);--zk-command-palette-kbd-padding-x: var(--zk-space-2);--zk-command-palette-kbd-padding-y: var(--zk-space-1);--zk-command-palette-empty-colour: var(--zk-color-text-muted);--zk-command-palette-empty-font-size: var(--zk-font-size-sm);--zk-command-palette-empty-padding: var(--zk-space-6);--zk-breadcrumb-colour: var(--zk-color-text);--zk-breadcrumb-muted-colour: var(--zk-color-text-muted);--zk-breadcrumb-link-colour: var(--zk-color-primary);--zk-breadcrumb-link-hover-colour: var(--zk-color-primary-hover);--zk-breadcrumb-current-colour: var(--zk-color-text);--zk-breadcrumb-font-size: var(--zk-font-size-sm);--zk-breadcrumb-gap: var(--zk-space-2);--zk-breadcrumb-separator-gap: var(--zk-space-2);--zk-breadcrumb-line-height: 1.5;--zk-breadcrumb-control-radius: var(--zk-radius-sm);--zk-tabs-colour: var(--zk-color-text);--zk-tabs-gap: var(--zk-space-5);--zk-tabs-list-gap: var(--zk-space-2);--zk-tabs-border-colour: var(--zk-color-border);--zk-tabs-tab-colour: var(--zk-color-text-muted);--zk-tabs-tab-hover-colour: var(--zk-color-text);--zk-tabs-tab-hover-background-colour: var(--zk-color-surface-muted);--zk-tabs-tab-active-colour: var(--zk-color-primary);--zk-tabs-tab-active-border-colour: var(--zk-color-primary);--zk-tabs-tab-border-width: .1875rem;--zk-tabs-tab-radius: var(--zk-radius-sm);--zk-tabs-tab-min-height: 2.5rem;--zk-tabs-tab-padding-x: var(--zk-space-5);--zk-tabs-tab-padding-y: var(--zk-space-3);--zk-tabs-panel-background-colour: var(--zk-color-surface-raised);--zk-tabs-panel-border-colour: var(--zk-color-border);--zk-tabs-panel-colour: var(--zk-color-text);--zk-tabs-panel-radius: var(--zk-radius-md);--zk-tabs-panel-padding: var(--zk-space-5);--zk-tabs-panel-line-height: 1.5;--zk-navbar-background-colour: var(--zk-color-surface-raised);--zk-navbar-border-colour: var(--zk-color-border);--zk-navbar-colour: var(--zk-color-text);--zk-navbar-radius: var(--zk-radius-md);--zk-navbar-gap: var(--zk-space-4);--zk-navbar-min-height: 3.5rem;--zk-navbar-min-height-compact: 3rem;--zk-navbar-padding-x: var(--zk-space-5);--zk-navbar-padding-y: var(--zk-space-3);--zk-navbar-padding-y-compact: var(--zk-space-2);--zk-navbar-brand-gap: var(--zk-space-3);--zk-navbar-brand-colour: var(--zk-color-text);--zk-navbar-items-gap: var(--zk-space-2);--zk-navbar-link-colour: var(--zk-color-text-muted);--zk-navbar-link-hover-colour: var(--zk-color-text);--zk-navbar-link-hover-background-colour: var(--zk-color-surface-muted);--zk-navbar-link-current-colour: var(--zk-color-primary);--zk-navbar-link-current-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface) );--zk-navbar-link-radius: var(--zk-radius-sm);--zk-navbar-link-min-height: 2rem;--zk-navbar-link-padding-x: var(--zk-space-4);--zk-navbar-link-padding-y: var(--zk-space-2);--zk-navbar-actions-gap: var(--zk-space-3);--zk-navigation-menu-colour: var(--zk-color-text);--zk-navigation-menu-gap: var(--zk-space-2);--zk-navigation-menu-trigger-background-colour: transparent;--zk-navigation-menu-trigger-border-colour: transparent;--zk-navigation-menu-trigger-colour: var(--zk-color-text);--zk-navigation-menu-trigger-hover-background-colour: var( --zk-color-surface-muted );--zk-navigation-menu-trigger-hover-border-colour: var(--zk-color-border);--zk-navigation-menu-trigger-hover-colour: var(--zk-color-text);--zk-navigation-menu-trigger-current-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface) );--zk-navigation-menu-trigger-current-border-colour: color-mix( in srgb, var(--zk-color-primary) 28%, var(--zk-color-border) );--zk-navigation-menu-trigger-current-colour: var(--zk-color-primary);--zk-navigation-menu-trigger-radius: var(--zk-radius-sm);--zk-navigation-menu-trigger-font-size: var(--zk-font-size-sm);--zk-navigation-menu-trigger-gap: var(--zk-space-2);--zk-navigation-menu-trigger-icon-colour: var(--zk-color-text-muted);--zk-navigation-menu-trigger-min-height: 2.5rem;--zk-navigation-menu-trigger-min-height-compact: 2rem;--zk-navigation-menu-trigger-padding-x: var(--zk-space-4);--zk-navigation-menu-trigger-padding-y: var(--zk-space-2);--zk-navigation-menu-trigger-padding-y-compact: var(--zk-space-1);--zk-navigation-menu-panel-background-colour: var( --zk-color-surface-raised );--zk-navigation-menu-panel-border-colour: var(--zk-color-border);--zk-navigation-menu-panel-radius: var(--zk-radius-md);--zk-navigation-menu-panel-shadow: var(--zk-elevation-sm);--zk-navigation-menu-panel-gap: var(--zk-space-2);--zk-navigation-menu-panel-min-width: 20rem;--zk-navigation-menu-panel-offset: var(--zk-space-2);--zk-navigation-menu-panel-padding: var(--zk-space-3);--zk-navigation-menu-panel-z-index: var(--zk-z-index-overlay);--zk-navigation-menu-panel-item-colour: var(--zk-color-text);--zk-navigation-menu-panel-item-hover-background-colour: var( --zk-color-surface-muted );--zk-navigation-menu-panel-item-hover-colour: var(--zk-color-text);--zk-navigation-menu-panel-item-current-colour: var(--zk-color-primary);--zk-navigation-menu-panel-item-description-colour: var( --zk-color-text-muted );--zk-navigation-menu-panel-item-description-font-size: var( --zk-font-size-sm );--zk-navigation-menu-panel-item-gap: var(--zk-space-4);--zk-navigation-menu-panel-item-min-height: 3rem;--zk-navigation-menu-panel-item-padding-x: var(--zk-space-3);--zk-navigation-menu-panel-item-padding-y: var(--zk-space-2);--zk-navigation-menu-panel-item-radius: var(--zk-radius-sm);--zk-navigation-menu-panel-item-text-gap: var(--zk-space-1);--zk-stepper-colour: var(--zk-color-text);--zk-stepper-gap: var(--zk-space-4);--zk-stepper-content-gap: var(--zk-space-3);--zk-stepper-text-gap: var(--zk-space-1);--zk-stepper-button-padding: var(--zk-space-2);--zk-stepper-button-radius: var(--zk-radius-sm);--zk-stepper-button-hover-background-colour: var(--zk-color-surface-muted);--zk-stepper-indicator-size: 2rem;--zk-stepper-indicator-font-size: var(--zk-font-size-sm);--zk-stepper-indicator-background-colour: var(--zk-color-surface-raised);--zk-stepper-indicator-border-colour: var(--zk-color-border-strong);--zk-stepper-indicator-border-width: var(--zk-border-width-sm);--zk-stepper-indicator-colour: var(--zk-color-text);--zk-stepper-connector-colour: var(--zk-color-border);--zk-stepper-connector-size: var(--zk-border-width-sm);--zk-stepper-label-colour: var(--zk-color-text);--zk-stepper-current-label-colour: var(--zk-color-text);--zk-stepper-description-colour: var(--zk-color-text-muted);--zk-stepper-description-font-size: var(--zk-font-size-sm);--zk-stepper-description-line-height: 1.4;--zk-stepper-optional-colour: var(--zk-color-text-muted);--zk-stepper-state-colour: var(--zk-color-text-muted);--zk-stepper-state-font-size: var(--zk-font-size-sm);--zk-stepper-complete-background-colour: var(--zk-color-success-600);--zk-stepper-complete-border-colour: var(--zk-color-success-600);--zk-stepper-complete-colour: var(--zk-color-primary-contrast);--zk-stepper-current-background-colour: var(--zk-color-primary);--zk-stepper-current-border-colour: var(--zk-color-primary);--zk-stepper-current-colour: var(--zk-color-primary-contrast);--zk-stepper-error-background-colour: var(--zk-color-danger-600);--zk-stepper-error-border-colour: var(--zk-color-danger-600);--zk-stepper-error-colour: var(--zk-color-primary-contrast);--zk-stepper-error-label-colour: var(--zk-color-danger-600);--zk-timeline-colour: var(--zk-color-text);--zk-timeline-gap: var(--zk-space-5);--zk-timeline-gap-compact: var(--zk-space-3);--zk-timeline-horizontal-gap: var(--zk-space-5);--zk-timeline-horizontal-padding-block-end: var(--zk-space-2);--zk-timeline-horizontal-item-min-width: 14rem;--zk-timeline-content-gap: var(--zk-space-3);--zk-timeline-content-gap-compact: var(--zk-space-2);--zk-timeline-text-gap: var(--zk-space-1);--zk-timeline-marker-size: 1rem;--zk-timeline-marker-background-colour: var(--zk-color-surface-raised);--zk-timeline-marker-border-colour: var(--zk-color-border-strong);--zk-timeline-marker-border-width: var(--zk-border-width-sm);--zk-timeline-marker-ring-size: .25rem;--zk-timeline-marker-ring-colour: transparent;--zk-timeline-connector-colour: var(--zk-color-border);--zk-timeline-connector-size: var(--zk-border-width-sm);--zk-timeline-meta-gap: var(--zk-space-2);--zk-timeline-meta-colour: var(--zk-color-text-muted);--zk-timeline-meta-font-size: var(--zk-font-size-sm);--zk-timeline-meta-line-height: 1.35;--zk-timeline-state-colour: var(--zk-color-text-muted);--zk-timeline-title-colour: var(--zk-color-text);--zk-timeline-title-font-size: var(--zk-font-size-base);--zk-timeline-title-font-size-compact: var(--zk-font-size-sm);--zk-timeline-title-line-height: 1.35;--zk-timeline-link-colour: var(--zk-color-primary);--zk-timeline-link-hover-colour: var(--zk-color-primary-hover);--zk-timeline-title-focus-radius: var(--zk-radius-sm);--zk-timeline-description-colour: var(--zk-color-text-muted);--zk-timeline-description-font-size: var(--zk-font-size-sm);--zk-timeline-description-font-size-compact: var(--zk-font-size-sm);--zk-timeline-description-line-height: 1.5;--zk-timeline-complete-marker-background-colour: var( --zk-color-success-600 );--zk-timeline-complete-marker-border-colour: var(--zk-color-success-600);--zk-timeline-complete-state-colour: var(--zk-color-success-600);--zk-timeline-current-marker-background-colour: var(--zk-color-primary);--zk-timeline-current-marker-border-colour: var(--zk-color-primary);--zk-timeline-current-marker-ring-colour: color-mix( in srgb, var(--zk-color-primary) 20%, transparent );--zk-timeline-current-title-colour: var(--zk-color-text);--zk-timeline-current-state-colour: var(--zk-color-primary);--zk-timeline-error-marker-background-colour: var(--zk-color-danger-600);--zk-timeline-error-marker-border-colour: var(--zk-color-danger-600);--zk-timeline-error-title-colour: var(--zk-color-danger-600);--zk-timeline-error-state-colour: var(--zk-color-danger-600);--zk-timeline-upcoming-marker-background-colour: var( --zk-color-surface-muted );--zk-timeline-upcoming-marker-border-colour: var(--zk-color-border-strong);--zk-timeline-upcoming-state-colour: var(--zk-color-text-muted);--zk-tree-colour: var(--zk-color-text);--zk-tree-gap: var(--zk-space-1);--zk-tree-indent-size: var(--zk-space-5);--zk-tree-item-background-colour: transparent;--zk-tree-item-hover-background-colour: var(--zk-color-surface-muted);--zk-tree-item-hover-colour: var(--zk-color-text);--zk-tree-item-selected-background-colour: color-mix( in srgb, var(--zk-color-primary) 10%, var(--zk-color-surface-raised) );--zk-tree-item-selected-colour: var(--zk-color-text);--zk-tree-item-current-colour: var(--zk-color-primary);--zk-tree-item-colour: var(--zk-color-text);--zk-tree-item-radius: var(--zk-radius-sm);--zk-tree-item-gap: var(--zk-space-2);--zk-tree-item-min-height: 2.5rem;--zk-tree-item-min-height-compact: 2rem;--zk-tree-item-padding-x: var(--zk-space-3);--zk-tree-item-padding-y: var(--zk-space-2);--zk-tree-item-padding-y-compact: var(--zk-space-1);--zk-tree-toggle-size: 1.25rem;--zk-tree-toggle-colour: var(--zk-color-text-muted);--zk-tree-toggle-font-size: var(--zk-font-size-sm);--zk-tree-content-gap: var(--zk-space-1);--zk-tree-label-line-height: 1.35;--zk-tree-description-colour: var(--zk-color-text-muted);--zk-tree-description-font-size: var(--zk-font-size-sm);--zk-tree-description-line-height: 1.4;--zk-tree-aside-gap: var(--zk-space-2);--zk-tree-meta-colour: var(--zk-color-text-muted);--zk-tree-meta-font-size: var(--zk-font-size-sm);--zk-tree-badge-background-colour: var(--zk-color-surface-muted);--zk-tree-badge-border-colour: var(--zk-color-border);--zk-tree-badge-colour: var(--zk-color-text);--zk-tree-badge-radius: 999px;--zk-tree-badge-font-size: var(--zk-font-size-sm);--zk-tree-badge-padding-x: var(--zk-space-2);--zk-tree-badge-padding-y: var(--zk-space-1);--zk-tree-connector-colour: var(--zk-color-border);--zk-tree-connector-size: var(--zk-border-width-sm);--zk-layout-gap-none: 0;--zk-layout-gap-small: var(--zk-space-3);--zk-layout-gap-medium: var(--zk-space-5);--zk-layout-gap-large: var(--zk-space-6);--zk-aspect-ratio-background-colour: var(--zk-color-surface-muted);--zk-aspect-ratio-border-colour: var(--zk-color-border);--zk-aspect-ratio-radius: var(--zk-radius-md);--zk-theme-toggle-background-colour: var(--zk-color-surface-raised);--zk-theme-toggle-border-colour: var(--zk-color-border);--zk-theme-toggle-colour: var(--zk-color-text);--zk-theme-toggle-hover-background-colour: var(--zk-color-surface-muted);--zk-theme-toggle-hover-border-colour: var(--zk-color-border-strong);--zk-theme-toggle-track-background-colour: var(--zk-color-surface-muted);--zk-theme-toggle-track-border-colour: var(--zk-color-border);--zk-theme-toggle-thumb-colour: var(--zk-color-primary);--zk-theme-toggle-radius: var(--zk-radius-sm);--zk-theme-toggle-gap: var(--zk-space-3);--zk-theme-toggle-font-size: var(--zk-font-size-sm);--zk-theme-toggle-font-size-small: .8125rem;--zk-theme-toggle-min-height: 2.25rem;--zk-theme-toggle-min-height-small: 2rem;--zk-theme-toggle-padding-x: var(--zk-space-4);--zk-theme-toggle-padding-y: var(--zk-space-2);--zk-theme-toggle-padding-x-small: var(--zk-space-3);--zk-theme-toggle-padding-y-small: var(--zk-space-2);--zk-theme-toggle-track-width: 2.5rem;--zk-theme-toggle-track-padding: .125rem;--zk-theme-toggle-thumb-size: .875rem;--zk-theme-toggle-thumb-shift: 1.125rem;--zk-container-max-width-narrow: 42rem;--zk-container-max-width-medium: 64rem;--zk-container-max-width-wide: 80rem;--zk-container-padding-small: var(--zk-space-4);--zk-container-padding-medium: var(--zk-space-6);--zk-container-padding-large: calc(var(--zk-space-6) + var(--zk-space-4));--zk-grid-min-column-width: 16rem;--zk-scroll-area-background-colour: var(--zk-color-surface-raised);--zk-scroll-area-border-colour: var(--zk-color-border);--zk-scroll-area-colour: var(--zk-color-text);--zk-scroll-area-edge-colour: var(--zk-color-surface-raised);--zk-scroll-area-track-colour: var(--zk-color-surface-muted);--zk-scroll-area-thumb-colour: var(--zk-color-border-strong);--zk-scroll-area-thumb-hover-colour: var(--zk-color-text-muted);--zk-scroll-area-radius: var(--zk-radius-md);--zk-scroll-area-padding: var(--zk-space-5);--zk-scroll-area-max-height: 18rem;--zk-scroll-area-max-width: 100%;--zk-scroll-area-edge-size: 1.25rem;--zk-scroll-area-scrollbar-size: .625rem;--zk-scroll-area-scrollbar-radius: 999px;--zk-sidebar-shell-sidebar-width: 16rem;--zk-topbar-shell-height: 3.5rem;--zk-topbar-shell-header-bg: var(--zk-color-surface-raised);--zk-topbar-shell-header-colour: var(--zk-color-text);--zk-topbar-shell-border-colour: var(--zk-color-border);--zk-topbar-shell-padding-x: var(--zk-space-5);--zk-topbar-shell-padding-y: var(--zk-space-3);--zk-master-detail-shell-max-width: 73.75rem;--zk-master-detail-shell-gap: var(--zk-space-8);--zk-master-detail-shell-master-width: 20rem;--zk-master-detail-shell-tablet-gap: var(--zk-space-6);--zk-master-detail-shell-tablet-master-width: 14rem;--zk-toolbar-gap: var(--zk-layout-gap-small);--zk-panel-bg: var(--zk-color-surface-raised);--zk-panel-border-color: var(--zk-color-border);--zk-panel-color: var(--zk-color-text);--zk-panel-muted-color: var(--zk-color-text-muted);--zk-panel-radius: var(--zk-radius-md);--zk-panel-padding: var(--zk-space-6);--zk-panel-heading-font-size: var(--zk-font-size-md);--zk-card-bg: var(--zk-panel-bg);--zk-card-border-color: var(--zk-panel-border-color);--zk-card-color: var(--zk-panel-color);--zk-card-muted-color: var(--zk-panel-muted-color);--zk-card-radius: var(--zk-panel-radius);--zk-card-shadow: var(--zk-elevation-sm);--zk-card-padding-compact: var(--zk-space-4);--zk-card-padding: var(--zk-panel-padding);--zk-card-padding-spacious: calc(var(--zk-space-6) + var(--zk-space-4));--zk-card-header-gap: var(--zk-space-2);--zk-card-body-gap: var(--zk-space-3);--zk-card-footer-gap: var(--zk-space-4);--zk-card-footer-bg: var(--zk-color-surface-muted);--zk-card-footer-padding-compact: var(--zk-card-padding-compact);--zk-card-footer-padding: var(--zk-card-padding);--zk-card-footer-padding-spacious: var(--zk-card-padding-spacious);--zk-card-heading-font-size: var(--zk-panel-heading-font-size);--zk-card-heading-line-height: 1.25;--zk-card-interactive-hover-bg: var(--zk-color-surface-muted);--zk-card-interactive-hover-border-color: var(--zk-color-border-strong);--zk-card-interactive-hover-shadow: var(--zk-elevation-sm);--zk-card-disabled-opacity: var(--zk-state-disabled-opacity);--zk-accordion-summary-gap: var(--zk-space-3);--zk-accordion-summary-padding-x: var(--zk-space-5);--zk-accordion-summary-padding-y: var(--zk-space-4);--zk-accordion-summary-font-weight: 600;--zk-accordion-summary-hover-background-colour: var( --zk-color-surface-muted );--zk-accordion-content-padding-x: var(--zk-space-5);--zk-accordion-content-padding-y: var(--zk-space-4);--zk-accordion-content-colour: var(--zk-color-text-muted);--zk-accordion-content-line-height: 1.5;--zk-accordion-indicator-colour: var(--zk-color-text-muted);--zk-divider-colour: var(--zk-color-border);--zk-divider-label-colour: var(--zk-color-text-muted);--zk-divider-label-background-colour: var(--zk-color-surface);--zk-divider-label-font-size: var(--zk-font-size-sm);--zk-divider-label-gap: var(--zk-space-3);--zk-divider-label-padding-x: var(--zk-space-3);--zk-divider-thickness: 1px;--zk-divider-vertical-min-height: 2rem;--zk-empty-state-background-colour: var(--zk-color-surface-raised);--zk-empty-state-border-colour: var(--zk-color-border);--zk-empty-state-colour: var(--zk-color-text);--zk-empty-state-description-colour: var(--zk-color-text-muted);--zk-empty-state-eyebrow-colour: var(--zk-color-primary);--zk-empty-state-icon-background-colour: var(--zk-color-surface-muted);--zk-empty-state-icon-colour: var(--zk-color-primary);--zk-empty-state-radius: var(--zk-radius-md);--zk-empty-state-icon-radius: 999px;--zk-empty-state-padding: var(--zk-space-6);--zk-empty-state-gap: var(--zk-space-4);--zk-empty-state-content-gap: var(--zk-space-2);--zk-empty-state-content-max-width: 36rem;--zk-empty-state-actions-gap: var(--zk-space-3);--zk-empty-state-icon-size: 3rem;--zk-empty-state-icon-font-size: var(--zk-font-size-xl);--zk-empty-state-heading-font-size: var(--zk-font-size-lg);--zk-empty-state-heading-line-height: 1.25;--zk-empty-state-description-line-height: 1.5}[data-zk-theme=dark],.zk-theme--dark{--zk-color-white: #0f172a;--zk-color-neutral-50: #1e293b;--zk-color-neutral-100: #334155;--zk-color-neutral-400: #64748b;--zk-color-neutral-600: #cbd5e1;--zk-color-neutral-900: #f8fafc;--zk-color-primary-600: #5ac8e8;--zk-color-primary-700: #89ddf3;--zk-color-primary-contrast: #06202a;--zk-color-success-600: #74d69c;--zk-color-warning-600: #f4c35f;--zk-color-danger-600: #ff8a80;--zk-color-focus-ring: rgba(90, 200, 232, .32);--zk-select-option-background-colour: var(--zk-color-white);--zk-select-option-colour: var(--zk-color-neutral-900)}@media(prefers-reduced-motion:reduce){:root,.zk-theme,[data-zk-theme]{--zk-transition-fast: 0s}}}@layer zk-reset{.zk-theme,[data-zk-theme]{background-color:var(--zk-color-surface);color:var(--zk-color-text);color-scheme:light;font-family:var(--zk-font-family-base)}[data-zk-theme=dark],.zk-theme--dark{color-scheme:dark}.zk-theme *,.zk-theme *:before,.zk-theme *:after,[data-zk-theme] *,[data-zk-theme] *:before,[data-zk-theme] *:after{box-sizing:border-box}}@layer zk-utilities{.zk-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.zk-surface{background-color:var(--zk-color-surface-raised);color:var(--zk-color-text)}}:root{color-scheme:light dark;--paper: #f4f8fb;--ink: #172c43;--accent: #176b9a;--body: #52677b;--sky: #75c8ee;--rule: #cfdeea;--wash: #dceff9;--side: clamp(24px, 5.55vw, 108px);background-color:var(--paper);background-image:radial-gradient(ellipse 60vw 58vh at 91% 66%,var(--wash),transparent 80%);background-repeat:no-repeat;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body,p,h1{margin:0}.page{max-width:1600px;min-height:100svh;margin-inline:auto;padding-inline:var(--side);display:grid;grid-template-rows:auto 1fr auto}.identity{padding-top:clamp(32px,5.8vh,64px)}.identity p{font-size:19px;font-weight:550;letter-spacing:-.045em}.identity-period{color:var(--accent)}main{padding-block:clamp(64px,9vh,120px) 56px;align-self:center}h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,Georgia,serif;font-size:clamp(64px,7.1vw,114px);font-weight:400;line-height:1.11;letter-spacing:-.055em;text-wrap:balance}h1 span{display:block}h1 span+span{color:var(--accent);font-style:italic;margin-top:.07em}.lower{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:48px;align-items:center;margin-top:50px}.introduction{max-width:40ch;color:var(--body);font-size:clamp(17px,1.45vw,20px);line-height:1.7;text-wrap:pretty}.motif{width:480px;max-width:100%}.motif svg{display:block;width:100%;height:auto;overflow:visible}.orbit{stroke:var(--rule);stroke-width:.85}.connection{stroke:var(--accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.secondary{stroke:var(--accent);opacity:.65}.node{fill:var(--paper);stroke:var(--accent);stroke-width:1.25}.node-center{stroke:var(--accent);fill:var(--sky)}footer{border-top:1px solid var(--rule);padding-block:27px 32px}.status{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--body);letter-spacing:.015em}.status-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}::selection{background:var(--accent);color:var(--paper)}@media(min-width:761px)and (max-width:1100px){.lower{grid-template-columns:minmax(0,1fr) minmax(260px,42%);gap:32px}}@media(max-width:760px){main{padding-block:68px 40px}h1{font-size:clamp(49px,8.3vw,64px);line-height:1.12;letter-spacing:-.052em}h1 span+span{margin-top:.16em}.lower{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:34px}.introduction{font-size:17px;max-width:36ch;line-height:1.65}.motif{width:min(300px,100%);justify-self:end;margin-top:4px}footer{padding-block:23px 28px}}@media(prefers-color-scheme:dark){:root{--paper: #101f31;--ink: #eaf0f4;--accent: #8ed4fa;--body: #b6c7d6;--sky: #8ed4fa;--rule: #2f4358;--wash: #153650}}@media(prefers-reduced-motion:no-preference){.motion-ready .reveal,.motion-ready .motif{opacity:0;transform:translateY(7px)}}