/* Auto-generated by scripts/compile_design_tokens.py. Do not edit manually. */
:root {
  --sotido-recipe-backdrop-chrome-stroke: var(--sotido-theme-border);
  --sotido-recipe-backdrop-chrome-surface: rgba(66, 66, 71, 0.8);
  --sotido-recipe-backdrop-chrome-blur-radius: 7px;
  --sotido-recipe-backdrop-chrome-stroke-width: 1px;
  --sotido-recipe-calendar-top-chrome-stack-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-top-chrome-stack-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-top-chrome-stack-body-size: var(--sotido-type-caption);
  --sotido-recipe-calendar-top-chrome-stack-caption-size: var(--sotido-type-micro);
  --sotido-recipe-calendar-top-chrome-stack-title-size: var(--sotido-type-title);
  --sotido-recipe-calendar-top-chrome-stack-banner-action-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-top-chrome-stack-banner-content-gap: var(--sotido-space-md);
  --sotido-recipe-calendar-top-chrome-stack-banner-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-top-chrome-stack-compact-banner-vertical-padding: var(--sotido-space-xs);
  --sotido-recipe-calendar-top-chrome-stack-compact-content-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-top-chrome-stack-outer-inset: var(--sotido-space-md);
  --sotido-recipe-calendar-top-chrome-stack-safe-area-top-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-top-chrome-stack-stack-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-top-chrome-stack-avatar-size: 52px;
  --sotido-recipe-calendar-top-chrome-stack-banner-radius: 24px;
  --sotido-recipe-calendar-top-chrome-stack-banner-vertical-padding: 10px;
  --sotido-recipe-calendar-top-chrome-stack-collapse-scroll-distance: 28px;
  --sotido-recipe-calendar-top-chrome-stack-compact-active-set-avatar-size: 26px;
  --sotido-recipe-calendar-top-chrome-stack-compact-avatar-size: 34px;
  --sotido-recipe-calendar-top-chrome-stack-compact-banner-height: 48px;
  --sotido-recipe-calendar-top-chrome-stack-compact-content-exit-offset: 4px;
  --sotido-recipe-calendar-top-chrome-stack-compact-minimum-reserve: 148px;
  --sotido-recipe-calendar-top-chrome-stack-horizontal-inset: 10px;
  --sotido-recipe-calendar-top-chrome-stack-manual-expand-scroll-slop: 4px;
  --sotido-recipe-calendar-top-chrome-stack-max-width: 720px;
  --sotido-recipe-calendar-top-chrome-stack-minimum-reserve: 244px;
  --sotido-recipe-calendar-top-chrome-stack-month-header-overlap: 30px;
  --sotido-recipe-calendar-top-chrome-stack-refresh-touch-min-width: 48px;
  --sotido-recipe-segmented-control-active-fill: var(--sotido-theme-control-active-surface);
  --sotido-recipe-segmented-control-active-text: var(--sotido-theme-text-primary);
  --sotido-recipe-segmented-control-disabled-text: var(--sotido-theme-text-muted);
  --sotido-recipe-segmented-control-inactive-text: var(--sotido-theme-text-primary);
  --sotido-recipe-segmented-control-stroke: var(--sotido-theme-border);
  --sotido-recipe-segmented-control-dense-label-size: var(--sotido-type-label);
  --sotido-recipe-segmented-control-label-size: var(--sotido-type-body-compact);
  --sotido-recipe-segmented-control-label-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-segmented-control-disabled-opacity: var(--sotido-alpha-disabled-control);
  --sotido-recipe-segmented-control-item-gap: var(--sotido-space-xs);
  --sotido-recipe-segmented-control-item-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-segmented-control-expanded-group-fill: rgba(22, 22, 24, 1);
  --sotido-recipe-segmented-control-active-radius: 15px;
  --sotido-recipe-segmented-control-audience-max-width: 320px;
  --sotido-recipe-segmented-control-control-min-height: 30px;
  --sotido-recipe-segmented-control-dense-item-horizontal-padding: 2px;
  --sotido-recipe-segmented-control-rail-inset: 2px;
  --sotido-recipe-segmented-control-rail-padding: 7px;
  --sotido-recipe-segmented-control-rail-radius: 18px;
  --sotido-recipe-segmented-control-submode-active-radius: 13px;
  --sotido-recipe-segmented-control-submode-control-min-height: 28px;
  --sotido-recipe-segmented-control-submode-item-horizontal-padding: 10px;
  --sotido-recipe-segmented-control-submode-max-width: 320px;
  --sotido-recipe-segmented-control-submode-rail-radius: 16px;
  --sotido-recipe-segmented-control-view-max-width: 420px;
  --sotido-recipe-form-section-fill: var(--sotido-theme-surface);
  --sotido-recipe-form-section-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-form-section-text: var(--sotido-theme-text-primary);
  --sotido-recipe-form-section-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-card-surface-elevated-fill: var(--sotido-theme-surface-highest);
  --sotido-recipe-card-surface-raised-fill: var(--sotido-theme-surface-raised);
  --sotido-recipe-card-surface-selected-accent: var(--sotido-theme-accent);
  --sotido-recipe-card-surface-standard-fill: var(--sotido-theme-surface);
  --sotido-recipe-card-surface-stroke: var(--sotido-theme-border);
  --sotido-recipe-card-surface-sunken-fill: var(--sotido-theme-background);
  --sotido-recipe-card-surface-text: var(--sotido-theme-text-primary);
  --sotido-recipe-card-surface-disabled-opacity: var(--sotido-alpha-disabled-surface);
  --sotido-recipe-card-surface-pressed-scale: 98.5%;
  --sotido-recipe-card-surface-elevated-corner-radius: 16px;
  --sotido-recipe-card-surface-standard-corner-radius: 12px;
  --sotido-recipe-card-surface-stroke-width: 1px;
  --sotido-recipe-state-block-body-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-state-block-critical-accent: var(--sotido-theme-danger-text);
  --sotido-recipe-state-block-loading-accent: var(--sotido-theme-accent);
  --sotido-recipe-state-block-neutral-accent: var(--sotido-theme-text-secondary);
  --sotido-recipe-state-block-title-text: var(--sotido-theme-text-primary);
  --sotido-recipe-state-block-warning-accent: var(--sotido-theme-warning-accent);
  --sotido-recipe-state-block-body-size: var(--sotido-type-body-compact);
  --sotido-recipe-state-block-title-size: var(--sotido-type-body);
  --sotido-recipe-state-block-body-weight: var(--sotido-font-weight-regular);
  --sotido-recipe-state-block-title-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-state-block-content-gap: var(--sotido-space-md);
  --sotido-recipe-state-block-title-gap: var(--sotido-space-xxs);
  --sotido-recipe-state-block-action-gap: 10px;
  --sotido-recipe-state-block-horizontal-padding: 14px;
  --sotido-recipe-state-block-icon-size: 18px;
  --sotido-recipe-state-block-vertical-padding: 14px;
  --sotido-recipe-status-banner-badge-fill: var(--sotido-theme-surface-highest);
  --sotido-recipe-status-banner-badge-text: var(--sotido-theme-text-primary);
  --sotido-recipe-status-banner-critical-fill: var(--sotido-theme-danger-surface);
  --sotido-recipe-status-banner-critical-stroke: var(--sotido-theme-danger-text);
  --sotido-recipe-status-banner-critical-text: var(--sotido-theme-danger-text);
  --sotido-recipe-status-banner-info-fill: var(--sotido-theme-info-surface);
  --sotido-recipe-status-banner-info-stroke: var(--sotido-theme-info-text);
  --sotido-recipe-status-banner-info-text: var(--sotido-theme-info-text);
  --sotido-recipe-status-banner-neutral-fill: var(--sotido-theme-surface-soft);
  --sotido-recipe-status-banner-neutral-stroke: var(--sotido-theme-border);
  --sotido-recipe-status-banner-neutral-text: var(--sotido-theme-text-primary);
  --sotido-recipe-status-banner-success-fill: var(--sotido-theme-surface-soft);
  --sotido-recipe-status-banner-success-stroke: var(--sotido-theme-success-accent);
  --sotido-recipe-status-banner-success-text: var(--sotido-theme-text-primary);
  --sotido-recipe-status-banner-warning-fill: var(--sotido-theme-warning-surface);
  --sotido-recipe-status-banner-warning-stroke: var(--sotido-theme-warning-accent);
  --sotido-recipe-status-banner-warning-text: var(--sotido-theme-text-primary);
  --sotido-recipe-status-banner-badge-size: var(--sotido-type-label);
  --sotido-recipe-status-banner-body-size: var(--sotido-type-caption);
  --sotido-recipe-status-banner-title-size: var(--sotido-type-body-compact);
  --sotido-recipe-status-banner-badge-weight: var(--sotido-font-weight-bold);
  --sotido-recipe-status-banner-body-weight: var(--sotido-font-weight-regular);
  --sotido-recipe-status-banner-title-weight: var(--sotido-font-weight-bold);
  --sotido-recipe-status-banner-content-gap: var(--sotido-space-xs);
  --sotido-recipe-status-banner-header-gap: var(--sotido-space-sm);
  --sotido-recipe-status-banner-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-status-banner-badge-radius: var(--sotido-radius-pill);
  --sotido-recipe-status-banner-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-status-banner-badge-horizontal-padding: 7px;
  --sotido-recipe-status-banner-badge-vertical-padding: 3px;
  --sotido-recipe-status-banner-stroke-width: 1px;
  --sotido-recipe-status-banner-vertical-padding: 10px;
  --sotido-recipe-transient-feedback-viewport-inset: var(--sotido-space-md);
  --sotido-recipe-transient-feedback-bottom-inset: 18px;
  --sotido-recipe-transient-feedback-hidden-offset: 8px;
  --sotido-recipe-transient-feedback-max-width: 520px;
  --sotido-recipe-ranked-favorite-list-interaction-fill: var(--sotido-theme-surface-raised);
  --sotido-recipe-ranked-favorite-list-interaction-opacity: 98%;
  --sotido-recipe-form-field-error-text: var(--sotido-theme-danger-text);
  --sotido-recipe-form-field-label-text: var(--sotido-theme-text-primary);
  --sotido-recipe-form-field-support-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-form-field-error-text-size: var(--sotido-type-body-compact);
  --sotido-recipe-form-field-label-text-size: var(--sotido-type-label);
  --sotido-recipe-form-field-support-text-size: var(--sotido-type-body-compact);
  --sotido-recipe-form-field-error-text-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-form-field-label-text-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-form-field-support-text-weight: var(--sotido-font-weight-regular);
  --sotido-recipe-form-field-content-gap: var(--sotido-space-sm);
  --sotido-recipe-form-field-message-inline-padding: var(--sotido-space-sm);
  --sotido-recipe-form-field-message-accent-width: 3px;
  --sotido-recipe-form-control-fill: var(--sotido-theme-surface-chrome);
  --sotido-recipe-form-control-focus-fill: var(--sotido-theme-surface-highest);
  --sotido-recipe-form-control-placeholder-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-form-control-text: var(--sotido-theme-text-primary);
  --sotido-recipe-form-control-horizontal-padding: var(--sotido-space-sm);
  --sotido-recipe-form-control-vertical-padding: var(--sotido-space-xs);
  --sotido-recipe-form-control-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-form-control-minimum-height: 36px;
  --sotido-recipe-action-button-danger-fill: var(--sotido-theme-destructive-accent);
  --sotido-recipe-action-button-danger-text: var(--sotido-theme-text-on-accent);
  --sotido-recipe-action-button-disabled-text: var(--sotido-theme-text-muted);
  --sotido-recipe-action-button-icon-filled-fill: var(--sotido-theme-surface-chrome);
  --sotido-recipe-action-button-icon-filled-hover-fill: var(--sotido-theme-surface-highest);
  --sotido-recipe-action-button-icon-hover-fill: var(--sotido-theme-surface-soft);
  --sotido-recipe-action-button-primary-fill: var(--sotido-theme-accent);
  --sotido-recipe-action-button-primary-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-action-button-secondary-fill: var(--sotido-theme-surface-soft);
  --sotido-recipe-action-button-secondary-stroke: var(--sotido-theme-border);
  --sotido-recipe-action-button-secondary-text: var(--sotido-theme-text-primary);
  --sotido-recipe-action-button-label-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-action-button-disabled-opacity: var(--sotido-alpha-disabled-control);
  --sotido-recipe-action-button-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-action-button-content-gap: var(--sotido-space-xs);
  --sotido-recipe-action-button-corner-radius: var(--sotido-radius-pill);
  --sotido-recipe-action-button-compact-minimum-height: 32px;
  --sotido-recipe-action-button-icon-compact-control-size: 28px;
  --sotido-recipe-action-button-icon-control-size: 32px;
  --sotido-recipe-action-button-icon-glyph-size: 18px;
  --sotido-recipe-action-button-minimum-height: 44px;
  --sotido-recipe-action-button-stroke-width: 1px;
  --sotido-recipe-inline-help-control-disabled-text: var(--sotido-theme-text-muted);
  --sotido-recipe-inline-help-control-stroke: var(--sotido-theme-border);
  --sotido-recipe-inline-help-control-surface: var(--sotido-theme-surface-soft);
  --sotido-recipe-inline-help-control-text: var(--sotido-theme-text-primary);
  --sotido-recipe-inline-help-control-label-size: var(--sotido-type-caption);
  --sotido-recipe-inline-help-control-disabled-opacity: var(--sotido-alpha-disabled-control);
  --sotido-recipe-inline-help-control-corner-radius: var(--sotido-radius-pill);
  --sotido-recipe-inline-help-control-stroke-width: 1px;
  --sotido-recipe-inline-help-control-visual-size: 18px;
  --sotido-recipe-toggle-control-active-track: var(--sotido-theme-accent);
  --sotido-recipe-toggle-control-disabled-text: var(--sotido-theme-text-muted);
  --sotido-recipe-toggle-control-focus-ring: var(--sotido-theme-accent);
  --sotido-recipe-toggle-control-inactive-track: var(--sotido-theme-border);
  --sotido-recipe-toggle-control-label-text: var(--sotido-theme-text-primary);
  --sotido-recipe-toggle-control-thumb: var(--sotido-theme-surface-highest);
  --sotido-recipe-toggle-control-disabled-opacity: var(--sotido-alpha-disabled-control);
  --sotido-recipe-toggle-control-corner-radius: var(--sotido-radius-pill);
  --sotido-recipe-toggle-control-focus-ring-width: 2px;
  --sotido-recipe-toggle-control-minimum-hit-size: 44px;
  --sotido-recipe-toggle-control-thumb-size: 18px;
  --sotido-recipe-toggle-control-track-height: 24px;
  --sotido-recipe-toggle-control-track-inset: 3px;
  --sotido-recipe-toggle-control-track-width: 46px;
  --sotido-recipe-calendar-edge-push-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-edge-push-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-edge-push-horizontal-padding: 0px;
  --sotido-recipe-calendar-edge-push-minimum-height: 38px;
  --sotido-recipe-calendar-edge-push-signal-gap: 5px;
  --sotido-recipe-calendar-edge-push-trigger-distance: 192px;
  --sotido-recipe-calendar-edge-push-vertical-padding: 7px;
  --sotido-recipe-five-petal-progress-active: var(--sotido-theme-accent);
  --sotido-recipe-five-petal-progress-inactive: var(--sotido-theme-text-muted);
  --sotido-recipe-five-petal-progress-calendar-size: 20px;
  --sotido-recipe-five-petal-progress-compact-size: 16px;
  --sotido-recipe-five-petal-progress-edge-size: 28px;
  --sotido-recipe-five-petal-progress-globe-startup-size: 60px;
  --sotido-recipe-calendar-top-status-row-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-top-status-row-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-top-status-row-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-top-status-row-column-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-top-status-row-horizontal-inset: var(--sotido-space-xxs);
  --sotido-recipe-calendar-top-status-row-focus-toggle-icon-size: 18px;
  --sotido-recipe-calendar-top-status-row-focus-toggle-radius: 9px;
  --sotido-recipe-calendar-top-status-row-focus-toggle-size: 30px;
  --sotido-recipe-calendar-top-status-row-freshness-minimum-height: 30px;
  --sotido-recipe-calendar-top-status-row-minimum-height: 30px;
  --sotido-recipe-calendar-top-status-row-today-minimum-height: 30px;
  --sotido-recipe-calendar-lower-chrome-stack-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-lower-chrome-stack-border: var(--sotido-theme-border);
  --sotido-recipe-calendar-lower-chrome-stack-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-lower-chrome-stack-bottom-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-lower-chrome-stack-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-lower-chrome-stack-stack-spacing: var(--sotido-space-sm);
  --sotido-recipe-calendar-lower-chrome-stack-top-padding: var(--sotido-space-xs);
  --sotido-recipe-calendar-lower-chrome-stack-viewport-horizontal-inset: var(--sotido-space-md);
  --sotido-recipe-calendar-lower-chrome-stack-control-height: 30px;
  --sotido-recipe-calendar-lower-chrome-stack-filter-dock-reserve: 30px;
  --sotido-recipe-calendar-lower-chrome-stack-initial-bottom-reserve: 176px;
  --sotido-recipe-calendar-lower-chrome-stack-max-width: 480px;
  --sotido-recipe-calendar-lower-chrome-stack-minimum-bottom-reserve: 72px;
  --sotido-recipe-calendar-lower-chrome-stack-mode-panel-clearance-inset: 68px;
  --sotido-recipe-calendar-lower-chrome-stack-slot-legend-reserve: 62px;
  --sotido-recipe-calendar-lower-chrome-stack-utility-switcher-max-width: 104px;
  --sotido-recipe-calendar-event-card-end-time-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-event-card-start-time-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-event-card-surface: var(--sotido-theme-surface-raised);
  --sotido-recipe-calendar-event-card-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-event-card-day-period-text-size: var(--sotido-type-micro);
  --sotido-recipe-calendar-event-card-description-text-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-event-card-tight-time-text-size: var(--sotido-type-caption);
  --sotido-recipe-calendar-event-card-title-text-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-event-card-description-text-weight: var(--sotido-font-weight-regular);
  --sotido-recipe-calendar-event-card-title-text-weight: var(--sotido-font-weight-regular);
  --sotido-recipe-calendar-event-card-compact-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-calendar-event-card-connector-opacity: 60%;
  --sotido-recipe-calendar-event-card-stroke-fade-stop: 60%;
  --sotido-recipe-calendar-event-card-grid-multi-day-primary-stroke-angle: 270deg;
  --sotido-recipe-calendar-event-card-grid-tail-stroke-angle: 90deg;
  --sotido-recipe-calendar-event-card-list-multi-day-primary-stroke-angle: 360deg;
  --sotido-recipe-calendar-event-card-list-tail-stroke-angle: 178deg;
  --sotido-recipe-calendar-event-card-single-day-stroke-angle: 320deg;
  --sotido-recipe-calendar-event-card-discover-text-backdrop: rgba(0, 0, 0, 0.42);
  --sotido-recipe-calendar-event-card-compact-row-height: 30px;
  --sotido-recipe-calendar-event-card-compact-tail-row-height: 15px;
  --sotido-recipe-calendar-event-card-discover-text-backdrop-blur-radius: 10px;
  --sotido-recipe-calendar-event-card-grid-minimum-time-pair-maximum-width: 44px;
  --sotido-recipe-calendar-event-card-grid-single-time24-hour-maximum-width: 68px;
  --sotido-recipe-calendar-event-card-grid-stacked-maximum-width: 144px;
  --sotido-recipe-calendar-event-card-grid-time-compact-maximum-width: 72px;
  --sotido-recipe-calendar-event-card-grid-time-tight-maximum-width: 86px;
  --sotido-recipe-calendar-event-card-stroke-width: 1px;
  --sotido-recipe-calendar-event-card-text-band-height: 15px;
  --sotido-recipe-calendar-event-card-text-gap: 3px;
  --sotido-recipe-calendar-event-card-time-column-width12-hour: 54px;
  --sotido-recipe-calendar-event-card-time-column-width24-hour: 40px;
  --sotido-recipe-calendar-list-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-list-badge-audience-surface: var(--sotido-theme-background);
  --sotido-recipe-calendar-list-badge-neutral-surface: var(--sotido-theme-surface);
  --sotido-recipe-calendar-list-badge-organizer-surface: var(--sotido-theme-surface-soft);
  --sotido-recipe-calendar-list-badge-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-list-cell-surface: var(--sotido-theme-surface-soft);
  --sotido-recipe-calendar-list-destructive-accent: var(--sotido-theme-destructive-accent);
  --sotido-recipe-calendar-list-destructive-accent-text: var(--sotido-theme-destructive-accent-text);
  --sotido-recipe-calendar-list-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-list-primary-accent-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-list-success-accent: var(--sotido-theme-success-accent);
  --sotido-recipe-calendar-list-success-accent-text: var(--sotido-theme-success-accent-text);
  --sotido-recipe-calendar-list-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-calendar-list-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-list-text-on-accent: var(--sotido-theme-text-on-accent);
  --sotido-recipe-calendar-list-warning-accent: var(--sotido-theme-warning-accent);
  --sotido-recipe-calendar-list-warning-accent-text: var(--sotido-theme-warning-accent-text);
  --sotido-recipe-calendar-list-badge-text-size: var(--sotido-type-label);
  --sotido-recipe-calendar-list-badge-leading-padding: var(--sotido-space-xxs);
  --sotido-recipe-calendar-list-badge-trailing-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-list-content-horizontal-inset: var(--sotido-space-xxs);
  --sotido-recipe-calendar-list-month-day-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-list-row-column-gap: var(--sotido-space-xs);
  --sotido-recipe-calendar-list-badge-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-calendar-list-badge-bottom-meta-height: 14px;
  --sotido-recipe-calendar-list-badge-height: 13px;
  --sotido-recipe-calendar-list-badge-overlap: 6px;
  --sotido-recipe-calendar-list-day-anchor-width: 30px;
  --sotido-recipe-calendar-list-horizontal-inset: 3px;
  --sotido-recipe-calendar-list-loading-reveal-offset: 6px;
  --sotido-recipe-calendar-list-row-vertical-inset: 2px;
  --sotido-recipe-calendar-month-header-current-surface: var(--sotido-theme-accent);
  --sotido-recipe-calendar-month-header-current-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-month-header-surface: var(--sotido-theme-weekend-surface);
  --sotido-recipe-calendar-month-header-text: var(--sotido-theme-weekend-text);
  --sotido-recipe-calendar-month-header-font-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-month-header-vertical-padding: var(--sotido-space-xxs);
  --sotido-recipe-calendar-month-header-collapsed-preview-opaque-stop: 52%;
  --sotido-recipe-calendar-month-header-collapsed-preview-height: 60px;
  --sotido-recipe-calendar-month-header-horizontal-padding: 10px;
  --sotido-recipe-calendar-month-header-line-height: 15px;
  --sotido-recipe-calendar-month-header-trailing-radius: 15px;
  --sotido-recipe-calendar-date-header-muted-text: var(--sotido-theme-text-muted);
  --sotido-recipe-calendar-date-header-surface: var(--sotido-theme-surface-soft);
  --sotido-recipe-calendar-date-header-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-date-header-today-surface: var(--sotido-theme-accent);
  --sotido-recipe-calendar-date-header-today-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-date-header-weekend-surface: var(--sotido-theme-weekend-surface);
  --sotido-recipe-calendar-date-header-weekend-text: var(--sotido-theme-weekend-text);
  --sotido-recipe-calendar-date-header-weekday-size: var(--sotido-type-label);
  --sotido-recipe-calendar-date-header-grid-stack-inline-inset: var(--sotido-space-xxs);
  --sotido-recipe-calendar-date-header-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-calendar-date-header-day-number-line-height: 19px;
  --sotido-recipe-calendar-date-header-day-number-size: 19px;
  --sotido-recipe-calendar-date-header-grid-height: 30px;
  --sotido-recipe-calendar-date-header-stack-gap: 0px;
  --sotido-recipe-calendar-date-header-weekday-line-height: 10px;
  --sotido-recipe-calendar-today-separator-line: var(--sotido-theme-accent);
  --sotido-recipe-calendar-today-separator-pill-surface: var(--sotido-theme-accent);
  --sotido-recipe-calendar-today-separator-pill-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-today-separator-pill-font-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-today-separator-horizontal-inset: var(--sotido-space-sm);
  --sotido-recipe-calendar-today-separator-pill-vertical-padding: var(--sotido-space-xxs);
  --sotido-recipe-calendar-today-separator-segment-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-today-separator-height: 28px;
  --sotido-recipe-calendar-today-separator-line-minimum-width: 28px;
  --sotido-recipe-calendar-today-separator-line-thickness: 1px;
  --sotido-recipe-calendar-today-separator-pill-horizontal-padding: 10px;
  --sotido-recipe-calendar-today-separator-pill-radius: 15px;
  --sotido-recipe-calendar-today-return-control-surface: var(--sotido-theme-accent);
  --sotido-recipe-calendar-today-return-control-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-today-return-control-font-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-today-return-control-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-today-return-control-corner-radius: 15px;
  --sotido-recipe-calendar-today-return-control-minimum-height: 30px;
  --sotido-recipe-calendar-grid-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-grid-cell-surface: var(--sotido-theme-surface-soft);
  --sotido-recipe-calendar-grid-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-calendar-grid-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-grid-cell-bottom-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-grid-cell-gap: var(--sotido-space-xxs);
  --sotido-recipe-calendar-grid-date-event-gap: var(--sotido-space-xxs);
  --sotido-recipe-calendar-grid-grid-inset: var(--sotido-space-sm);
  --sotido-recipe-calendar-grid-month-top-gap: var(--sotido-space-md);
  --sotido-recipe-calendar-grid-week-row-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-grid-cell-corner-radius: var(--sotido-radius-compact);
  --sotido-recipe-calendar-grid-bar-horizontal-padding: 3px;
  --sotido-recipe-calendar-grid-bar-narrow-card-max-width: 110px;
  --sotido-recipe-calendar-grid-bar-row-gap: 2px;
  --sotido-recipe-calendar-grid-dense-lane-viewport-height: 118px;
  --sotido-recipe-calendar-grid-month-bottom-gap: 14px;
  --sotido-recipe-calendar-grid-month-header-bottom-gap: 0px;
  --sotido-recipe-calendar-grid-overflow-cue-height: 8px;
  --sotido-recipe-calendar-grid-multi-day-connector-fill: var(--sotido-theme-accent);
  --sotido-recipe-calendar-grid-multi-day-connector-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-grid-multi-day-connector-card-overlap: 6px;
  --sotido-recipe-event-compose-shell-accent: var(--sotido-theme-accent);
  --sotido-recipe-event-compose-shell-border: var(--sotido-theme-border);
  --sotido-recipe-event-compose-shell-destructive-accent: var(--sotido-theme-destructive-accent);
  --sotido-recipe-event-compose-shell-primary-action-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-event-compose-shell-success-accent: var(--sotido-theme-success-accent);
  --sotido-recipe-event-compose-shell-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-event-compose-shell-surface-soft: var(--sotido-theme-surface-soft);
  --sotido-recipe-event-compose-shell-text: var(--sotido-theme-text-primary);
  --sotido-recipe-event-compose-shell-text-on-accent: var(--sotido-theme-text-on-accent);
  --sotido-recipe-event-compose-shell-warning-accent: var(--sotido-theme-warning-accent);
  --sotido-recipe-event-compose-shell-action-gap: var(--sotido-space-sm);
  --sotido-recipe-event-compose-shell-bottom-chrome-padding: var(--sotido-space-sm);
  --sotido-recipe-event-compose-shell-chrome-gap: var(--sotido-space-sm);
  --sotido-recipe-event-compose-shell-content-bottom-gap: var(--sotido-space-sm);
  --sotido-recipe-event-compose-shell-content-top-gap: var(--sotido-space-sm);
  --sotido-recipe-event-compose-shell-viewport-inline-inset: var(--sotido-space-xs);
  --sotido-recipe-event-compose-shell-action-height: 44px;
  --sotido-recipe-event-compose-shell-action-radius: 10px;
  --sotido-recipe-event-compose-shell-max-width: 760px;
  --sotido-recipe-event-compose-shell-minimum-top-reserve: 64px;
  --sotido-recipe-event-compose-shell-preview-connector-center-offset: 34px;
  --sotido-recipe-event-compose-shell-preview-connector-clearance: 1px;
  --sotido-recipe-event-compose-shell-preview-connector-join-radius: 7px;
  --sotido-recipe-event-compose-shell-preview-connector-thickness: 4px;
  --sotido-recipe-event-compose-shell-preview-connector-width: 50px;
  --sotido-recipe-event-compose-shell-trailing-action-size: 30px;
  --sotido-recipe-event-compose-shell-trailing-action-touch-size: 44px;
  --sotido-recipe-event-compose-shell-trailing-glyph-size: 20px;
  --sotido-recipe-calendar-filter-dock-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-filter-dock-border: var(--sotido-theme-border);
  --sotido-recipe-calendar-filter-dock-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-calendar-filter-dock-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-filter-dock-text-on-accent: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-filter-dock-toggle-font-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-filter-dock-control-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-filter-dock-dock-gap: var(--sotido-space-xs);
  --sotido-recipe-calendar-filter-dock-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-filter-dock-menu-gap: var(--sotido-space-xs);
  --sotido-recipe-calendar-filter-dock-menu-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-filter-dock-summary-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-filter-dock-vertical-top-padding: var(--sotido-space-xxs);
  --sotido-recipe-calendar-filter-dock-pill-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-filter-dock-compact-menu-width: 244px;
  --sotido-recipe-calendar-filter-dock-menu-offset: 8px;
  --sotido-recipe-calendar-filter-dock-menu-radius: 16px;
  --sotido-recipe-calendar-filter-dock-toggle-horizontal-padding: 13px;
  --sotido-recipe-calendar-filter-dock-tool-toggle-height: 34px;
  --sotido-recipe-calendar-filter-dock-tool-toggle-horizontal-padding: 10px;
  --sotido-recipe-calendar-filter-dock-tool-toggle-radius: 9px;
  --sotido-recipe-calendar-filter-dock-vertical-bottom-padding: 2px;
  --sotido-recipe-calendar-story-strip-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-story-strip-border: var(--sotido-theme-border);
  --sotido-recipe-calendar-story-strip-destructive-accent: var(--sotido-theme-destructive-accent);
  --sotido-recipe-calendar-story-strip-primary-accent-text: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-story-strip-surface: var(--sotido-theme-surface);
  --sotido-recipe-calendar-story-strip-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-story-strip-text-on-accent: var(--sotido-theme-text-on-accent);
  --sotido-recipe-calendar-story-strip-warning-accent: var(--sotido-theme-warning-accent);
  --sotido-recipe-calendar-story-strip-controls-gap: var(--sotido-space-lg);
  --sotido-recipe-calendar-story-strip-controls-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-story-strip-folder-create-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-create-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-story-strip-folder-divider-vertical-inset: var(--sotido-space-xs);
  --sotido-recipe-calendar-story-strip-folder-foot-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-head-bottom-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-head-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-head-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-story-strip-folder-row-badge-horizontal-padding: var(--sotido-space-xs);
  --sotido-recipe-calendar-story-strip-folder-row-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-row-padding: var(--sotido-space-xs);
  --sotido-recipe-calendar-story-strip-folder-scroll-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-folder-scroll-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-story-strip-avatar-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-story-strip-folder-badge-pill-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-story-strip-folder-mini-radius: var(--sotido-radius-compact);
  --sotido-recipe-calendar-story-strip-folder-row-avatar-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-story-strip-folder-row-badge-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-story-strip-avatar-size: 52px;
  --sotido-recipe-calendar-story-strip-folder-action-height: 24px;
  --sotido-recipe-calendar-story-strip-folder-action-horizontal-padding: 9px;
  --sotido-recipe-calendar-story-strip-folder-badge-height: 16px;
  --sotido-recipe-calendar-story-strip-folder-badge-horizontal-padding: 5px;
  --sotido-recipe-calendar-story-strip-folder-badge-min-width: 16px;
  --sotido-recipe-calendar-story-strip-folder-badge-radius: 9px;
  --sotido-recipe-calendar-story-strip-folder-create-badge-size: 8px;
  --sotido-recipe-calendar-story-strip-folder-create-icon-size: 16px;
  --sotido-recipe-calendar-story-strip-folder-dialog-horizontal-padding: 18px;
  --sotido-recipe-calendar-story-strip-folder-grid-gap: 3px;
  --sotido-recipe-calendar-story-strip-folder-grid-size: 34px;
  --sotido-recipe-calendar-story-strip-folder-head-top-padding: 10px;
  --sotido-recipe-calendar-story-strip-folder-pin-size: 24px;
  --sotido-recipe-calendar-story-strip-folder-popover-radius: 16px;
  --sotido-recipe-calendar-story-strip-folder-preview-avatar-size: 22px;
  --sotido-recipe-calendar-story-strip-folder-preview-inset: 2px;
  --sotido-recipe-calendar-story-strip-folder-preview-offset: 18px;
  --sotido-recipe-calendar-story-strip-folder-row-avatar-size: 34px;
  --sotido-recipe-calendar-story-strip-folder-row-badge-margin-start: 6px;
  --sotido-recipe-calendar-story-strip-folder-row-badge-vertical-padding: 1px;
  --sotido-recipe-calendar-story-strip-folder-row-radius: 10px;
  --sotido-recipe-calendar-story-strip-folder-slot-min-width: 52px;
  --sotido-recipe-calendar-story-strip-folder-slot-padding-start: 10px;
  --sotido-recipe-calendar-story-strip-item-slot-size: 52px;
  --sotido-recipe-calendar-story-strip-overflow-fade-width: 28px;
  --sotido-recipe-calendar-story-strip-section-gap: 14px;
  --sotido-recipe-calendar-story-strip-story-badge-size: 16px;
  --sotido-recipe-calendar-story-strip-strip-gap: 10px;
  --sotido-recipe-calendar-story-strip-strip-horizontal-padding: 10px;
  --sotido-recipe-calendar-slot-legend-border: var(--sotido-theme-border);
  --sotido-recipe-calendar-slot-legend-danger: var(--sotido-theme-destructive-accent);
  --sotido-recipe-calendar-slot-legend-success: var(--sotido-theme-success-accent);
  --sotido-recipe-calendar-slot-legend-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-calendar-slot-legend-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-slot-legend-text-on-accent: var(--sotido-theme-text-on-accent);
  --sotido-recipe-calendar-slot-legend-warning: var(--sotido-theme-warning-accent);
  --sotido-recipe-calendar-slot-legend-compact-label-size: var(--sotido-type-micro);
  --sotido-recipe-calendar-slot-legend-label-size: var(--sotido-type-body-compact);
  --sotido-recipe-calendar-slot-legend-chip-gap: var(--sotido-space-xs);
  --sotido-recipe-calendar-slot-legend-floating-bottom-margin: var(--sotido-space-xs);
  --sotido-recipe-calendar-slot-legend-floating-panel-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-slot-legend-host-horizontal-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-slot-legend-panel-gap: var(--sotido-space-sm);
  --sotido-recipe-calendar-slot-legend-row-gap: var(--sotido-space-xxs);
  --sotido-recipe-calendar-slot-legend-stack-gap: var(--sotido-space-xs);
  --sotido-recipe-calendar-slot-legend-chip-horizontal-padding: var(--sotido-space-sm);
  --sotido-recipe-calendar-slot-legend-chip-radius: var(--sotido-radius-pill);
  --sotido-recipe-calendar-slot-legend-chip-vertical-padding: 5px;
  --sotido-recipe-calendar-slot-legend-compose-dot-size: 10px;
  --sotido-recipe-calendar-slot-legend-dot-size: 8px;
  --sotido-recipe-calendar-slot-legend-floating-panel-radius: 14px;
  --sotido-recipe-discover-header-controls-accent: var(--sotido-theme-accent);
  --sotido-recipe-discover-header-controls-border: var(--sotido-theme-border);
  --sotido-recipe-discover-header-controls-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-discover-header-controls-surface: var(--sotido-theme-surface-chrome);
  --sotido-recipe-discover-header-controls-text: var(--sotido-theme-text-primary);
  --sotido-recipe-discover-header-controls-text-on-accent: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-discover-header-controls-control-gap: var(--sotido-space-xxs);
  --sotido-recipe-discover-header-controls-control-horizontal-padding: 10px;
  --sotido-recipe-discover-header-controls-control-minimum-height: 32px;
  --sotido-recipe-discover-header-controls-control-radius: 18px;
  --sotido-recipe-discover-header-controls-horizontal-inset: 10px;
  --sotido-recipe-discover-header-controls-max-width: 560px;
  --sotido-recipe-discover-globe-lower-rail-accent: var(--sotido-theme-accent);
  --sotido-recipe-discover-globe-lower-rail-border: var(--sotido-theme-border);
  --sotido-recipe-discover-globe-lower-rail-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-discover-globe-lower-rail-surface: var(--sotido-theme-surface);
  --sotido-recipe-discover-globe-lower-rail-text: var(--sotido-theme-text-primary);
  --sotido-recipe-discover-globe-lower-rail-bottom-gap: var(--sotido-space-sm);
  --sotido-recipe-discover-globe-lower-rail-controls-row-gap: var(--sotido-space-sm);
  --sotido-recipe-discover-globe-lower-rail-horizontal-inset: var(--sotido-space-md);
  --sotido-recipe-discover-globe-lower-rail-column-gap: 10px;
  --sotido-recipe-discover-globe-lower-rail-controls-column-maximum-width: 192px;
  --sotido-recipe-discover-globe-lower-rail-controls-column-width: 184px;
  --sotido-recipe-discover-globe-lower-rail-help-button-diameter: 28px;
  --sotido-recipe-discover-globe-lower-rail-joystick-diameter: 76px;
  --sotido-recipe-discover-globe-lower-rail-locate-button-minimum-height: 32px;
  --sotido-recipe-discover-globe-lower-rail-preview-maximum-width: 420px;
  --sotido-recipe-discover-globe-lower-rail-preview-minimum-width: 160px;
  --sotido-recipe-discover-globe-lower-rail-zoom-lever-height: 72px;
  --sotido-recipe-discover-globe-lower-rail-zoom-lever-width: 28px;
  --sotido-recipe-calendar-quick-add-accent: var(--sotido-theme-accent);
  --sotido-recipe-calendar-quick-add-border: var(--sotido-theme-border);
  --sotido-recipe-calendar-quick-add-field-surface: var(--sotido-theme-surface);
  --sotido-recipe-calendar-quick-add-muted-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-calendar-quick-add-surface: var(--sotido-theme-surface-raised);
  --sotido-recipe-calendar-quick-add-text: var(--sotido-theme-text-primary);
  --sotido-recipe-calendar-quick-add-text-on-accent: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-calendar-quick-add-surface-padding: var(--sotido-space-md);
  --sotido-recipe-calendar-quick-add-viewport-inset: var(--sotido-space-md);
  --sotido-recipe-calendar-quick-add-content-gap: 10px;
  --sotido-recipe-calendar-quick-add-max-width: 420px;
  --sotido-recipe-calendar-quick-add-mobile-top-offset: 160px;
  --sotido-recipe-calendar-quick-add-top-offset: 140px;
  --sotido-recipe-data-viz-chart-accent: var(--sotido-theme-accent);
  --sotido-recipe-data-viz-chart-area-fill: var(--sotido-theme-info-surface);
  --sotido-recipe-data-viz-chart-axis-text: var(--sotido-theme-text-secondary);
  --sotido-recipe-data-viz-chart-critical: var(--sotido-theme-danger-text);
  --sotido-recipe-data-viz-chart-focus-ring: var(--sotido-theme-accent);
  --sotido-recipe-data-viz-chart-grid: var(--sotido-theme-divider);
  --sotido-recipe-data-viz-chart-muted-text: var(--sotido-theme-text-muted);
  --sotido-recipe-data-viz-chart-status-ok: var(--sotido-theme-success-accent);
  --sotido-recipe-data-viz-chart-status-unknown: var(--sotido-theme-text-muted);
  --sotido-recipe-data-viz-chart-status-warning: var(--sotido-theme-warning-accent);
  --sotido-recipe-data-viz-chart-surface: var(--sotido-theme-surface);
  --sotido-recipe-data-viz-chart-surface-raised: var(--sotido-theme-surface-highest);
  --sotido-recipe-data-viz-chart-text: var(--sotido-theme-text-primary);
  --sotido-recipe-data-viz-chart-tooltip-text: var(--sotido-theme-text-primary);
  --sotido-recipe-data-viz-chart-axis-label-size: var(--sotido-type-micro);
  --sotido-recipe-data-viz-chart-state-body-size: var(--sotido-type-body-compact);
  --sotido-recipe-data-viz-chart-summary-size: var(--sotido-type-caption);
  --sotido-recipe-data-viz-chart-title-size: var(--sotido-type-body-compact);
  --sotido-recipe-data-viz-chart-tooltip-size: var(--sotido-type-caption);
  --sotido-recipe-data-viz-chart-title-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-data-viz-chart-tooltip-weight: var(--sotido-font-weight-semibold);
  --sotido-recipe-data-viz-chart-content-gap: var(--sotido-space-sm);
  --sotido-recipe-data-viz-chart-header-gap: var(--sotido-space-sm);
  --sotido-recipe-data-viz-chart-state-gap: var(--sotido-space-xs);
  --sotido-recipe-data-viz-chart-state-radius: var(--sotido-radius-compact);
  --sotido-recipe-data-viz-chart-tooltip-radius: var(--sotido-radius-compact);
  --sotido-recipe-data-viz-chart-compact-plot-bottom: 38px;
  --sotido-recipe-data-viz-chart-compact-plot-left: 46px;
  --sotido-recipe-data-viz-chart-compact-plot-right: 14px;
  --sotido-recipe-data-viz-chart-compact-plot-top: 18px;
  --sotido-recipe-data-viz-chart-compact-view-box-height: 200px;
  --sotido-recipe-data-viz-chart-compact-view-box-width: 480px;
  --sotido-recipe-data-viz-chart-line-stroke-width: 3px;
  --sotido-recipe-data-viz-chart-maximum-interactive-points: 120px;
  --sotido-recipe-data-viz-chart-point-diameter: 7px;
  --sotido-recipe-data-viz-chart-point-hit-diameter: 24px;
  --sotido-recipe-data-viz-chart-status-plot-bottom: 36px;
  --sotido-recipe-data-viz-chart-status-plot-left: 18px;
  --sotido-recipe-data-viz-chart-status-plot-right: 18px;
  --sotido-recipe-data-viz-chart-status-plot-top: 38px;
  --sotido-recipe-data-viz-chart-status-track-height: 28px;
  --sotido-recipe-data-viz-chart-status-view-box-height: 132px;
  --sotido-recipe-data-viz-chart-wide-plot-bottom: 42px;
  --sotido-recipe-data-viz-chart-wide-plot-left: 52px;
  --sotido-recipe-data-viz-chart-wide-plot-right: 18px;
  --sotido-recipe-data-viz-chart-wide-plot-top: 22px;
  --sotido-recipe-data-viz-chart-wide-view-box-height: 240px;
  --sotido-recipe-data-viz-chart-wide-view-box-width: 720px;
  --sotido-recipe-mode-panel-active: var(--sotido-theme-accent);
  --sotido-recipe-mode-panel-destructive-accent: var(--sotido-theme-destructive-accent);
  --sotido-recipe-mode-panel-muted-text: var(--sotido-theme-text-muted);
  --sotido-recipe-mode-panel-text: var(--sotido-theme-text-primary);
  --sotido-recipe-mode-panel-text-on-accent: var(--sotido-theme-primary-accent-text);
  --sotido-recipe-mode-panel-label-size: var(--sotido-type-micro);
  --sotido-recipe-mode-panel-shell-padding: var(--sotido-space-xs);
  --sotido-recipe-mode-panel-stack-gap: var(--sotido-space-xs);
  --sotido-recipe-mode-panel-avatar-radius: var(--sotido-radius-pill);
  --sotido-recipe-mode-panel-filter-panel-radius: var(--sotido-radius-pill);
  --sotido-recipe-mode-panel-shell-radius: var(--sotido-radius-pill);
  --sotido-recipe-mode-panel-tool-badge-radius: var(--sotido-radius-pill);
  --sotido-recipe-mode-panel-attention-dot-size: 8px;
  --sotido-recipe-mode-panel-badge-ring-width: 2px;
  --sotido-recipe-mode-panel-badge-size: 9px;
  --sotido-recipe-mode-panel-entry-gap: 2px;
  --sotido-recipe-mode-panel-entry-height: 44px;
  --sotido-recipe-mode-panel-entry-radius: 14px;
  --sotido-recipe-mode-panel-entry-width: 50px;
  --sotido-recipe-mode-panel-filter-menu-expanded-max-width: 420px;
  --sotido-recipe-mode-panel-filter-menu-horizontal-padding: 10px;
  --sotido-recipe-mode-panel-filter-menu-translate-x: 8px;
  --sotido-recipe-mode-panel-filter-panel-max-width: 520px;
  --sotido-recipe-mode-panel-filter-panel-min-width: 58px;
  --sotido-recipe-mode-panel-icon-size: 22px;
  --sotido-recipe-mode-panel-resume-dot-size: 7px;
  --sotido-recipe-mode-panel-shell-bottom-offset: 6px;
  --sotido-recipe-mode-panel-shell-gap: 2px;
  --sotido-recipe-mode-panel-shell-inset: 10px;
  --sotido-recipe-mode-panel-shell-max-width: 440px;
  --sotido-recipe-mode-panel-shell-vertical-padding: 5px;
  --sotido-recipe-mode-panel-tool-badge-offset: 6px;
  --sotido-recipe-mode-panel-tool-badge-size: 16px;
  --sotido-recipe-mode-panel-tool-toggle-width: 48px;
  --sotido-recipe-mode-panel-utc-help-min-width: 16px;
  --sotido-recipe-mode-panel-utc-help-size: 18px;
}
:is(html[data-theme="light"], body.theme-light, html[data-theme="light"] body) {
  --sotido-recipe-backdrop-chrome-surface: rgba(255, 255, 255, 0.9);
  --sotido-recipe-segmented-control-expanded-group-fill: rgba(184, 184, 189, 1);
  --sotido-recipe-calendar-event-card-discover-text-backdrop: rgba(255, 255, 255, 0.56);
}
@media (prefers-color-scheme: light) {
  :is(html[data-theme="auto"], body.theme-auto, html[data-theme="auto"] body) {
    --sotido-recipe-backdrop-chrome-surface: rgba(255, 255, 255, 0.9);
    --sotido-recipe-segmented-control-expanded-group-fill: rgba(184, 184, 189, 1);
    --sotido-recipe-calendar-event-card-discover-text-backdrop: rgba(255, 255, 255, 0.56);
  }
}

/* Shared card-surface Web adapter generated from the canonical recipe. */
.sotido-card-surface {
  box-sizing: border-box;
  border: var(--sotido-recipe-card-surface-stroke-width) solid var(--sotido-recipe-card-surface-stroke);
  border-radius: var(--sotido-recipe-card-surface-standard-corner-radius);
  background: var(--sotido-recipe-card-surface-standard-fill);
  color: var(--sotido-recipe-card-surface-text);
}

.sotido-card-surface--sunken {
  background: var(--sotido-recipe-card-surface-sunken-fill);
}

.sotido-card-surface--raised {
  background: var(--sotido-recipe-card-surface-raised-fill);
}

.sotido-card-surface--elevated {
  border-radius: var(--sotido-recipe-card-surface-elevated-corner-radius);
  background: var(--sotido-recipe-card-surface-elevated-fill);
  box-shadow: var(--sotido-shadow-surface);
}

.sotido-card-surface.is-selected {
  border-color: var(--sotido-recipe-card-surface-selected-accent);
}

.sotido-card-surface.is-disabled,
.sotido-card-surface[aria-disabled="true"] {
  opacity: var(--sotido-recipe-card-surface-disabled-opacity);
}

/* Shared residual-state anatomy composed with the card-surface adapter. */
.sotido-state-block {
  box-sizing: border-box;
  padding: var(--sotido-recipe-state-block-vertical-padding) var(--sotido-recipe-state-block-horizontal-padding);
  color: var(--sotido-recipe-state-block-title-text);
}

.sotido-state-block--loading {
  border-color: var(--sotido-recipe-state-block-loading-accent);
}

.sotido-state-block--error {
  border-color: var(--sotido-recipe-state-block-critical-accent);
}

.sotido-state-block--permission {
  border-color: var(--sotido-recipe-state-block-warning-accent);
}

.sotido-state-block-title {
  color: var(--sotido-recipe-state-block-title-text);
  font-size: var(--sotido-recipe-state-block-title-size);
  font-weight: var(--sotido-recipe-state-block-title-weight);
  line-height: 1.3;
  letter-spacing: 0;
}

.sotido-state-block-body {
  color: var(--sotido-recipe-state-block-body-text);
  font-size: var(--sotido-recipe-state-block-body-size);
  font-weight: var(--sotido-recipe-state-block-body-weight);
  line-height: 1.4;
  letter-spacing: 0;
}

/* Shared inline status anatomy generated from semantic surface pairs. */
.sotido-status-banner {
  display: flex;
  flex-direction: column;
  gap: var(--sotido-recipe-status-banner-content-gap);
  min-width: 0;
  box-sizing: border-box;
  padding: var(--sotido-recipe-status-banner-vertical-padding) var(--sotido-recipe-status-banner-horizontal-padding);
  border: var(--sotido-recipe-status-banner-stroke-width) solid var(--sotido-recipe-status-banner-neutral-stroke);
  border-radius: var(--sotido-recipe-status-banner-corner-radius);
  background: var(--sotido-recipe-status-banner-neutral-fill);
  color: var(--sotido-recipe-status-banner-neutral-text);
}

.sotido-status-banner--info {
  border-color: var(--sotido-recipe-status-banner-info-stroke);
  background: var(--sotido-recipe-status-banner-info-fill);
  color: var(--sotido-recipe-status-banner-info-text);
}

.sotido-status-banner--success {
  border-color: var(--sotido-recipe-status-banner-success-stroke);
  background: var(--sotido-recipe-status-banner-success-fill);
  color: var(--sotido-recipe-status-banner-success-text);
}

.sotido-status-banner--warning {
  border-color: var(--sotido-recipe-status-banner-warning-stroke);
  background: var(--sotido-recipe-status-banner-warning-fill);
  color: var(--sotido-recipe-status-banner-warning-text);
}

.sotido-status-banner--critical {
  border-color: var(--sotido-recipe-status-banner-critical-stroke);
  background: var(--sotido-recipe-status-banner-critical-fill);
  color: var(--sotido-recipe-status-banner-critical-text);
}

.sotido-status-banner-head {
  display: flex;
  align-items: center;
  gap: var(--sotido-recipe-status-banner-header-gap);
  min-width: 0;
}

.sotido-status-banner-badge {
  flex: 0 0 auto;
  padding: var(--sotido-recipe-status-banner-badge-vertical-padding) var(--sotido-recipe-status-banner-badge-horizontal-padding);
  border-radius: var(--sotido-recipe-status-banner-badge-radius);
  background: var(--sotido-recipe-status-banner-badge-fill);
  color: var(--sotido-recipe-status-banner-badge-text);
  font-size: var(--sotido-recipe-status-banner-badge-size);
  font-weight: var(--sotido-recipe-status-banner-badge-weight);
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}

.sotido-status-banner-title {
  min-width: 0;
  font-size: var(--sotido-recipe-status-banner-title-size);
  font-weight: var(--sotido-recipe-status-banner-title-weight);
  line-height: 1.25;
  letter-spacing: 0;
}

.sotido-status-banner-body {
  font-size: var(--sotido-recipe-status-banner-body-size);
  font-weight: var(--sotido-recipe-status-banner-body-weight);
  line-height: 1.35;
  letter-spacing: 0;
}

/* Transient placement composed with the shared status-banner anatomy. */
.sotido-transient-feedback.sotido-status-banner {
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--sotido-recipe-transient-feedback-bottom-inset));
  width: min(var(--sotido-recipe-transient-feedback-max-width), calc(100vw - var(--sotido-recipe-transient-feedback-viewport-inset) - var(--sotido-recipe-transient-feedback-viewport-inset)));
  transform: translateX(-50%) translateY(var(--sotido-recipe-transient-feedback-hidden-offset));
  text-align: center;
  box-shadow: var(--sotido-shadow-surface);
  z-index: calc(var(--sotido-layer-popover) + 50);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--sotido-motion-standard) ease, transform var(--sotido-motion-standard) ease;
}

.sotido-transient-feedback.sotido-status-banner.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .sotido-transient-feedback.sotido-status-banner { transition: none; }
}

/* Shared ranked-favorite reorder state generated from the canonical recipe. */
.sotido-ranked-favorite-item.is-reordering[aria-grabbed="true"] {
  background: var(--sotido-recipe-ranked-favorite-list-interaction-fill);
  box-shadow: var(--sotido-shadow-surface);
  opacity: var(--sotido-recipe-ranked-favorite-list-interaction-opacity);
  touch-action: none;
  cursor: grabbing;
}

.sotido-ranked-favorite-item.is-reorder-animating {
  will-change: transform;
  pointer-events: none;
}

/* Shared form-surface Web adapters generated from the canonical recipes. */
.sotido-form-section {
  background: var(--sotido-recipe-form-section-fill);
  border-radius: var(--sotido-recipe-form-section-corner-radius);
}

.sotido-form-field {
  display: grid;
  min-width: 0;
  gap: var(--sotido-recipe-form-field-content-gap);
}

.sotido-form-label {
  color: var(--sotido-recipe-form-field-label-text);
  font-size: var(--sotido-recipe-form-field-label-text-size);
  font-weight: var(--sotido-recipe-form-field-label-text-weight);
  line-height: 1.25;
  letter-spacing: 0;
}

.sotido-form-support {
  margin: 0;
  color: var(--sotido-recipe-form-field-support-text);
  font-size: var(--sotido-recipe-form-field-support-text-size);
  font-weight: var(--sotido-recipe-form-field-support-text-weight);
  line-height: 1.4;
}

.sotido-form-error {
  margin: 0;
  color: var(--sotido-recipe-form-field-error-text);
  font-size: var(--sotido-recipe-form-field-error-text-size);
  font-weight: var(--sotido-recipe-form-field-error-text-weight);
  line-height: 1.4;
}

.sotido-form-error:not(:empty) {
  padding-inline-start: var(--sotido-recipe-form-field-message-inline-padding);
  border-inline-start: var(--sotido-recipe-form-field-message-accent-width) solid var(--sotido-recipe-form-field-error-text);
}

.sotido-form-control {
  width: 100%;
  min-height: var(--sotido-recipe-form-control-minimum-height);
  box-sizing: border-box;
  padding: var(--sotido-recipe-form-control-vertical-padding) var(--sotido-recipe-form-control-horizontal-padding);
  scroll-margin: 20px;
  border: 0;
  border-radius: var(--sotido-recipe-form-control-corner-radius);
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  background: var(--sotido-recipe-form-control-fill);
  color: var(--sotido-recipe-form-control-text);
  font: inherit;
  font-size: var(--sotido-type-body-compact);
  transition: background var(--sotido-motion-standard) ease;
}

.sotido-form-control::placeholder {
  color: var(--sotido-recipe-form-control-placeholder-text);
  opacity: 1;
}

.sotido-form-control:focus {
  background: var(--sotido-recipe-form-control-focus-fill);
}

.sotido-form-control--fading-stroke {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--sotido-recipe-form-control-fill), var(--sotido-recipe-form-control-fill)) padding-box,
    linear-gradient(110deg, color-mix(in srgb, currentColor 28%, transparent) 0%, transparent 82%) border-box;
}

.sotido-form-control--fading-stroke:focus {
  background:
    linear-gradient(var(--sotido-recipe-form-control-focus-fill), var(--sotido-recipe-form-control-focus-fill)) padding-box,
    linear-gradient(110deg, var(--sotido-theme-accent) 0%, transparent 88%) border-box;
}

textarea.sotido-form-control {
  min-height: 2.4em;
  height: auto;
  resize: vertical;
}

textarea.sotido-form-control--managed-textarea {
  resize: none;
}

@media (hover: none) and (pointer: coarse) {
  .sotido-form-control { font-size: var(--sotido-type-body-large); }
}

/* Shared action-button Web adapter generated from the canonical recipe. */
.sotido-action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sotido-recipe-action-button-content-gap);
  min-height: var(--sotido-recipe-action-button-minimum-height);
  min-width: 0;
  box-sizing: border-box;
  padding: 0 var(--sotido-recipe-action-button-horizontal-padding);
  border: var(--sotido-recipe-action-button-stroke-width) solid var(--sotido-recipe-action-button-secondary-stroke);
  border-radius: var(--sotido-recipe-action-button-corner-radius);
  background: var(--sotido-recipe-action-button-secondary-fill);
  color: var(--sotido-recipe-action-button-secondary-text);
  font: inherit;
  font-weight: var(--sotido-recipe-action-button-label-weight);
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.sotido-action-button--primary {
  border-color: var(--sotido-recipe-action-button-primary-fill);
  background: var(--sotido-recipe-action-button-primary-fill);
  color: var(--sotido-recipe-action-button-primary-text);
}

.sotido-action-button--danger {
  border-color: var(--sotido-recipe-action-button-danger-fill);
  background: var(--sotido-recipe-action-button-danger-fill);
  color: var(--sotido-recipe-action-button-danger-text);
}

.sotido-action-button--compact {
  min-height: var(--sotido-recipe-action-button-compact-minimum-height);
}

.sotido-action-button--icon {
  flex: 0 0 var(--sotido-recipe-action-button-icon-control-size);
  width: var(--sotido-recipe-action-button-icon-control-size);
  min-width: var(--sotido-recipe-action-button-icon-control-size);
  height: var(--sotido-recipe-action-button-icon-control-size);
  min-height: var(--sotido-recipe-action-button-icon-control-size);
  gap: 0;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: var(--sotido-recipe-action-button-secondary-text);
  font-size: var(--sotido-recipe-action-button-icon-glyph-size);
}

.sotido-action-button--icon-compact {
  flex-basis: var(--sotido-recipe-action-button-icon-compact-control-size);
  width: var(--sotido-recipe-action-button-icon-compact-control-size);
  min-width: var(--sotido-recipe-action-button-icon-compact-control-size);
  height: var(--sotido-recipe-action-button-icon-compact-control-size);
  min-height: var(--sotido-recipe-action-button-icon-compact-control-size);
}

.sotido-action-button--icon-filled {
  background: var(--sotido-recipe-action-button-icon-filled-fill);
}

.sotido-action-button--icon:not(:disabled):not([aria-disabled="true"]):hover,
.sotido-action-button--icon:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background: var(--sotido-recipe-action-button-icon-hover-fill);
}

.sotido-action-button--icon-filled:not(:disabled):not([aria-disabled="true"]):hover,
.sotido-action-button--icon-filled:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background: var(--sotido-recipe-action-button-icon-filled-hover-fill);
}

.sotido-action-button.is-disabled,
.sotido-action-button:disabled,
.sotido-action-button[aria-disabled="true"] {
  color: var(--sotido-recipe-action-button-disabled-text);
  opacity: var(--sotido-recipe-action-button-disabled-opacity);
  cursor: default;
  pointer-events: none;
}

.sotido-action-button:focus-visible {
  outline: 2px solid var(--sotido-theme-accent);
  outline-offset: 2px;
}

/* Inline contextual-help adapter generated from the canonical recipe. */
.sotido-inline-help-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--sotido-recipe-inline-help-control-visual-size);
  min-width: var(--sotido-recipe-inline-help-control-visual-size);
  height: var(--sotido-recipe-inline-help-control-visual-size);
  min-height: var(--sotido-recipe-inline-help-control-visual-size);
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 0;
  border: var(--sotido-recipe-inline-help-control-stroke-width) solid var(--sotido-recipe-inline-help-control-stroke);
  border-radius: var(--sotido-recipe-inline-help-control-corner-radius);
  background: var(--sotido-recipe-inline-help-control-surface);
  color: var(--sotido-recipe-inline-help-control-text);
  font-size: var(--sotido-recipe-inline-help-control-label-size);
  line-height: 1;
  text-align: center;
  cursor: pointer;
  pointer-events: auto;
}

.sotido-inline-help-control:disabled,
.sotido-inline-help-control[aria-disabled="true"] {
  color: var(--sotido-recipe-inline-help-control-disabled-text);
  opacity: var(--sotido-recipe-inline-help-control-disabled-opacity);
  cursor: default;
  pointer-events: none;
}

.sotido-inline-help-control:focus-visible {
  outline: 2px solid var(--sotido-theme-accent);
  outline-offset: 2px;
}

/* Shared binary-toggle Web adapter generated from the canonical recipe. */
.sotido-toggle-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--sotido-recipe-toggle-control-track-width);
  width: var(--sotido-recipe-toggle-control-track-width);
  min-width: var(--sotido-recipe-toggle-control-track-width);
  min-height: var(--sotido-recipe-toggle-control-minimum-hit-size);
  box-sizing: border-box;
  cursor: pointer;
  touch-action: manipulation;
}

.sotido-toggle-control--button {
  appearance: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
}

.sotido-toggle-control-input {
  appearance: none;
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.sotido-toggle-control-track {
  position: relative;
  display: block;
  width: var(--sotido-recipe-toggle-control-track-width);
  height: var(--sotido-recipe-toggle-control-track-height);
  border-radius: var(--sotido-recipe-toggle-control-corner-radius);
  background: var(--sotido-recipe-toggle-control-inactive-track);
  pointer-events: none;
  transition: background var(--sotido-motion-standard) ease;
}

.sotido-toggle-control-track::after {
  content: "";
  position: absolute;
  top: var(--sotido-recipe-toggle-control-track-inset);
  left: var(--sotido-recipe-toggle-control-track-inset);
  width: var(--sotido-recipe-toggle-control-thumb-size);
  height: var(--sotido-recipe-toggle-control-thumb-size);
  border-radius: var(--sotido-recipe-toggle-control-corner-radius);
  background: var(--sotido-recipe-toggle-control-thumb);
  transition: transform var(--sotido-motion-standard) ease;
}

.sotido-toggle-control-input:checked + .sotido-toggle-control-track {
  background: var(--sotido-recipe-toggle-control-active-track);
}

.sotido-toggle-control--button[aria-checked="true"] > .sotido-toggle-control-track {
  background: var(--sotido-recipe-toggle-control-active-track);
}

.sotido-toggle-control-input:checked + .sotido-toggle-control-track::after {
  transform: translateX(
    calc(var(--sotido-recipe-toggle-control-track-width) - (var(--sotido-recipe-toggle-control-track-inset) * 2) - var(--sotido-recipe-toggle-control-thumb-size))
  );
}

.sotido-toggle-control--button[aria-checked="true"] > .sotido-toggle-control-track::after {
  transform: translateX(
    calc(var(--sotido-recipe-toggle-control-track-width) - (var(--sotido-recipe-toggle-control-track-inset) * 2) - var(--sotido-recipe-toggle-control-thumb-size))
  );
}

.sotido-toggle-control-input:focus-visible + .sotido-toggle-control-track {
  outline: var(--sotido-recipe-toggle-control-focus-ring-width) solid var(--sotido-recipe-toggle-control-focus-ring);
  outline-offset: 2px;
}

.sotido-toggle-control--button:focus-visible {
  outline: none;
}

.sotido-toggle-control--button:focus-visible > .sotido-toggle-control-track {
  outline: var(--sotido-recipe-toggle-control-focus-ring-width) solid var(--sotido-recipe-toggle-control-focus-ring);
  outline-offset: 2px;
}

.sotido-toggle-control-input:disabled {
  cursor: default;
}

.sotido-toggle-control--button:disabled {
  cursor: default;
}

.sotido-toggle-control-input:disabled + .sotido-toggle-control-track {
  opacity: var(--sotido-recipe-toggle-control-disabled-opacity);
}

.sotido-toggle-control--button:disabled > .sotido-toggle-control-track {
  opacity: var(--sotido-recipe-toggle-control-disabled-opacity);
}

@media (prefers-reduced-motion: reduce) {
  .sotido-toggle-control-track,
  .sotido-toggle-control-track::after { transition: none; }
}

/* Shared segmented-control Web adapter generated from the canonical recipe. */
.sotido-segmented-control {
  --sotido-segment-gap: 0;
  --sotido-segment-inset: var(--sotido-recipe-segmented-control-rail-inset);
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--sotido-segment-gap);
  width: 100%;
  min-height: var(--sotido-recipe-segmented-control-control-min-height);
  box-sizing: border-box;
  padding: var(--sotido-segment-inset);
  overflow: hidden;
  border: 0;
  border-radius: var(--sotido-recipe-segmented-control-rail-radius);
  background: var(--sotido-recipe-backdrop-chrome-surface);
  -webkit-backdrop-filter: blur(var(--sotido-recipe-backdrop-chrome-blur-radius));
  backdrop-filter: blur(var(--sotido-recipe-backdrop-chrome-blur-radius));
  box-shadow: var(--sotido-shadow-surface);
}

.sotido-segmented-control[data-segment-count="1"] { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="4"] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="6"] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="7"] { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.sotido-segmented-control[data-segment-count="8"] { grid-template-columns: repeat(8, minmax(0, 1fr)); }

.sotido-segmented-control::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: var(--sotido-segment-inset) auto var(--sotido-segment-inset) var(--sotido-segment-inset);
  width: calc((100% - (var(--sotido-segment-inset) * 2) - var(--sotido-segment-gap)) / 2);
  border-radius: var(--sotido-recipe-segmented-control-active-radius);
  background: var(--sotido-recipe-segmented-control-active-fill);
  pointer-events: none;
  transform: translateX(0);
  transition: transform var(--sotido-motion-standard) cubic-bezier(0.2, 0, 0, 1);
}

.sotido-segmented-control[data-indicator-geometry="measured"][data-active-index]::before {
  left: 0;
  width: var(--sotido-segment-active-w, 0px);
  transform: translate3d(var(--sotido-segment-active-x, 0px), 0, 0);
}

.sotido-segmented-control[data-segment-count="1"]::before { width: calc(100% - (var(--sotido-segment-inset) * 2)); }
.sotido-segmented-control[data-segment-count="3"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 2)) / 3); }
.sotido-segmented-control[data-segment-count="4"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 3)) / 4); }
.sotido-segmented-control[data-segment-count="5"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 4)) / 5); }
.sotido-segmented-control[data-segment-count="6"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 5)) / 6); }
.sotido-segmented-control[data-segment-count="7"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 6)) / 7); }
.sotido-segmented-control[data-segment-count="8"]::before { width: calc((100% - (var(--sotido-segment-inset) * 2) - (var(--sotido-segment-gap) * 7)) / 8); }

.sotido-segmented-control[data-active-index="1"]::before { transform: translateX(calc(100% + (var(--sotido-segment-gap) * 1))); }
.sotido-segmented-control[data-active-index="2"]::before { transform: translateX(calc(200% + (var(--sotido-segment-gap) * 2))); }
.sotido-segmented-control[data-active-index="3"]::before { transform: translateX(calc(300% + (var(--sotido-segment-gap) * 3))); }
.sotido-segmented-control[data-active-index="4"]::before { transform: translateX(calc(400% + (var(--sotido-segment-gap) * 4))); }
.sotido-segmented-control[data-active-index="5"]::before { transform: translateX(calc(500% + (var(--sotido-segment-gap) * 5))); }
.sotido-segmented-control[data-active-index="6"]::before { transform: translateX(calc(600% + (var(--sotido-segment-gap) * 6))); }
.sotido-segmented-control[data-active-index="7"]::before { transform: translateX(calc(700% + (var(--sotido-segment-gap) * 7))); }

.sotido-segmented-control > .sotido-segmented-control-btn {
  appearance: none;
  position: relative;
  z-index: 1;
  min-width: 0;
  min-height: var(--sotido-recipe-segmented-control-control-min-height);
  box-sizing: border-box;
  padding-block: 0;
  padding-inline: var(--sotido-recipe-segmented-control-item-horizontal-padding);
  border: 0;
  border-radius: var(--sotido-recipe-segmented-control-active-radius);
  background: transparent;
  box-shadow: none;
  color: var(--sotido-recipe-segmented-control-inactive-text);
  font-size: var(--sotido-recipe-segmented-control-label-size);
  font-weight: var(--sotido-recipe-segmented-control-label-weight);
  line-height: 1.15;
  overflow: hidden;
  overflow-wrap: anywhere;
  text-align: center;
  white-space: normal;
  cursor: pointer;
}

.sotido-segmented-control--submode {
  width: min(100%, var(--sotido-recipe-segmented-control-submode-max-width));
  min-height: var(--sotido-recipe-segmented-control-submode-control-min-height);
  border-radius: var(--sotido-recipe-segmented-control-submode-rail-radius);
  pointer-events: auto;
}

.sotido-segmented-control--submode::before {
  border-radius: var(--sotido-recipe-segmented-control-submode-active-radius);
}

.sotido-segmented-control--submode > .sotido-segmented-control-btn {
  min-height: var(--sotido-recipe-segmented-control-submode-control-min-height);
  padding-inline: var(--sotido-recipe-segmented-control-submode-item-horizontal-padding);
  border-radius: var(--sotido-recipe-segmented-control-submode-active-radius);
  font-size: var(--sotido-recipe-segmented-control-dense-label-size);
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sotido-segmented-control:is(
  [data-segment-count="5"],
  [data-segment-count="6"],
  [data-segment-count="7"],
  [data-segment-count="8"]
) > .sotido-segmented-control-btn {
  padding-inline: var(--sotido-recipe-segmented-control-dense-item-horizontal-padding);
  font-size: var(--sotido-recipe-segmented-control-dense-label-size);
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sotido-segmented-control > .sotido-segmented-control-btn:is(
  .is-active,
  .is-selected,
  .active,
  [aria-pressed="true"],
  [aria-selected="true"],
  [aria-current="true"]
) {
  background: var(--sotido-recipe-segmented-control-active-fill);
  color: var(--sotido-recipe-segmented-control-active-text);
}

.sotido-segmented-control > .sotido-segmented-control-btn:disabled {
  color: var(--sotido-recipe-segmented-control-disabled-text);
  opacity: var(--sotido-recipe-segmented-control-disabled-opacity);
  cursor: default;
}

.sotido-segmented-control > .sotido-segmented-control-btn:focus-visible {
  outline: 2px solid var(--sotido-theme-accent);
  outline-offset: -2px;
}

@media (prefers-reduced-motion: reduce) {
  .sotido-segmented-control::before { transition: none; }
}

/* Retained inline groups share the same rail and button recipes. */
.sotido-segmented-control--expandable {
  display: flex;
  flex-wrap: nowrap;
  min-width: 0;
}
.sotido-segmented-control--expandable::before,
.sotido-segmented-group::before,
.sotido-segmented-group-rail::before {
  content: none;
}
.sotido-segmented-group {
  display: flex;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  gap: 0;
  padding: 0;
  border-radius: var(--sotido-recipe-segmented-control-rail-radius);
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background var(--sotido-motion-fast) ease;
}
.sotido-segmented-group.is-expanded {
  background: var(--sotido-recipe-segmented-control-expanded-group-fill);
}
.sotido-segmented-group:not(.is-expanded) {
  flex-shrink: 0;
}
.sotido-segmented-group > .sotido-segmented-control-btn,
.sotido-segmented-group-rail > .sotido-segmented-control-btn {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-wrap: normal;
}
.sotido-segmented-group-content {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: max-width var(--sotido-motion-standard) ease,
    opacity var(--sotido-motion-fast) ease,
    visibility 0s linear var(--sotido-motion-standard);
}
.is-expanded > .sotido-segmented-group-content {
  max-width: 600px;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.sotido-segmented-group-rail {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  width: max-content;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.sotido-segmented-group-rail::-webkit-scrollbar {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .sotido-segmented-group-content { transition: none; }
}

.sotido-data-viz {
  display: grid;
  min-width: 0;
  gap: var(--sotido-recipe-data-viz-chart-content-gap);
  color: var(--sotido-recipe-data-viz-chart-text);
}

.sotido-data-viz-header {
  display: flex;
  min-width: 0;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--sotido-recipe-data-viz-chart-header-gap);
  flex-wrap: wrap;
}

.sotido-data-viz-title {
  color: var(--sotido-recipe-data-viz-chart-text);
  font-size: var(--sotido-recipe-data-viz-chart-title-size);
  font-weight: var(--sotido-recipe-data-viz-chart-title-weight);
  line-height: 1.3;
}

.sotido-data-viz-summary {
  color: var(--sotido-recipe-data-viz-chart-axis-text);
  font-size: var(--sotido-recipe-data-viz-chart-summary-size);
  line-height: 1.35;
  text-align: end;
}

.sotido-data-viz-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.sotido-data-viz--compact .sotido-data-viz-svg {
  max-width: 640px;
}

.sotido-data-viz-grid line {
  stroke: var(--sotido-recipe-data-viz-chart-grid);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
  opacity: 0.72;
}

.sotido-data-viz-grid text,
.sotido-data-viz-x-label {
  fill: var(--sotido-recipe-data-viz-chart-axis-text);
  font-family: inherit;
  font-size: var(--sotido-recipe-data-viz-chart-axis-label-size);
}

.sotido-data-viz-area {
  fill: var(--sotido-recipe-data-viz-chart-area-fill);
  fill-opacity: 0.54;
  stroke: none;
}

.sotido-data-viz-line {
  fill: none;
  stroke: var(--sotido-recipe-data-viz-chart-accent);
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--sotido-recipe-data-viz-chart-line-stroke-width);
  vector-effect: non-scaling-stroke;
}

.sotido-data-viz-point { cursor: help; outline: none; }
.sotido-data-viz-point-hit { fill: transparent; pointer-events: all; }

.sotido-data-viz-point-dot {
  fill: var(--sotido-recipe-data-viz-chart-surface-raised);
  stroke: var(--sotido-recipe-data-viz-chart-accent);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  transition: r var(--sotido-motion-fast) ease, stroke-width var(--sotido-motion-fast) ease;
}

.sotido-data-viz-point:is(:hover, :focus) .sotido-data-viz-point-dot { r: 5; stroke-width: 3; }

.sotido-data-viz-tooltip {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--sotido-motion-fast) ease;
}

.sotido-data-viz-point:is(:hover, :focus) .sotido-data-viz-tooltip { opacity: 1; }
.sotido-data-viz-status-point:is(:hover, :focus) .sotido-data-viz-tooltip { opacity: 1; }

.sotido-data-viz-tooltip rect {
  fill: var(--sotido-recipe-data-viz-chart-surface-raised);
  stroke: var(--sotido-recipe-data-viz-chart-grid);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.sotido-data-viz-tooltip text {
  fill: var(--sotido-recipe-data-viz-chart-tooltip-text);
  font-family: inherit;
  font-size: var(--sotido-recipe-data-viz-chart-tooltip-size);
  font-weight: var(--sotido-recipe-data-viz-chart-tooltip-weight);
}

.sotido-data-viz-status-track {
  fill: var(--sotido-recipe-data-viz-chart-surface);
  stroke: var(--sotido-recipe-data-viz-chart-grid);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.sotido-data-viz-status-point { cursor: help; outline: none; }
.sotido-data-viz-status-point rect { fill: var(--sotido-recipe-data-viz-chart-status-unknown); vector-effect: non-scaling-stroke; }
.sotido-data-viz-status-point.is-ok rect { fill: var(--sotido-recipe-data-viz-chart-status-ok); }
.sotido-data-viz-status-point.is-warning rect { fill: var(--sotido-recipe-data-viz-chart-status-warning); }
.sotido-data-viz-status-point.is-critical rect { fill: var(--sotido-recipe-data-viz-chart-critical); }
.sotido-data-viz-status-point:focus rect { stroke: var(--sotido-recipe-data-viz-chart-focus-ring); stroke-width: 3; }
.sotido-data-viz-status-marker.is-warning { fill: var(--sotido-recipe-data-viz-chart-status-warning); }
.sotido-data-viz-status-marker.is-critical { fill: var(--sotido-recipe-data-viz-chart-critical); }

.sotido-data-viz--state {
  padding: var(--sotido-recipe-state-block-vertical-padding) var(--sotido-recipe-state-block-horizontal-padding);
  border: var(--sotido-recipe-card-surface-stroke-width) solid var(--sotido-recipe-card-surface-stroke);
  border-radius: var(--sotido-recipe-data-viz-chart-state-radius);
  background: var(--sotido-recipe-card-surface-sunken-fill);
}

.sotido-data-viz-state { display: grid; gap: var(--sotido-recipe-data-viz-chart-state-gap); }
.sotido-data-viz-state-title { color: var(--sotido-recipe-data-viz-chart-text); font-size: var(--sotido-recipe-data-viz-chart-title-size); font-weight: var(--sotido-recipe-data-viz-chart-title-weight); }
.sotido-data-viz-state-body { color: var(--sotido-recipe-data-viz-chart-axis-text); font-size: var(--sotido-recipe-data-viz-chart-state-body-size); line-height: 1.4; }
.sotido-data-viz-state--loading { border-inline-start: 3px solid var(--sotido-recipe-data-viz-chart-accent); padding-inline-start: var(--sotido-recipe-state-block-content-gap); }
.sotido-data-viz-state--unavailable { border-inline-start: 3px solid var(--sotido-recipe-data-viz-chart-status-warning); padding-inline-start: var(--sotido-recipe-state-block-content-gap); }
.sotido-data-viz-state--expired { border-inline-start: 3px solid var(--sotido-recipe-data-viz-chart-muted-text); padding-inline-start: var(--sotido-recipe-state-block-content-gap); }

.sotido-data-viz-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 520px) {
  .sotido-data-viz-header { align-items: flex-start; }
  .sotido-data-viz-summary { flex-basis: 100%; text-align: start; }
}

@media (prefers-reduced-motion: reduce) {
  .sotido-data-viz-point-dot,
  .sotido-data-viz-tooltip { transition: none; }
}