:root{--ui-color-primary:#2457c5;--ui-color-primary-hover:#1d469d;--ui-color-accent:#b7791f;--ui-color-accent-text:#8f5d0d;--ui-color-surface:#ffffff;--ui-color-surface-muted:#f7f3eb;--ui-color-surface-elevated:#fffdfa;--ui-color-surface-inverse:#152238;--ui-color-page:#f2ede3;--ui-color-border:#d7cfbf;--ui-color-border-strong:#b9ae99;--ui-color-text:#172033;--ui-color-text-muted:#5d6677;--ui-color-text-subtle:#7f8796;--ui-color-text-inverse:#f8fafc;--ui-color-info:#2457c5;--ui-color-success:#1f7a4d;--ui-color-warning:#b7791f;--ui-color-warning-text:#8f5d0d;--ui-color-danger:#c64e36;--ui-color-focus:#2457c5;--ui-color-overlay:rgba(21,34,56,0.56);--ui-color-meaningful-border:#8f826c;--ui-color-meaningful-border-strong:#81745f;--ui-color-signal-teal:#2bbaa0;--ui-color-signal-teal-text:#0f766e;--ui-color-signal-rose:#c97a84;--ui-color-signal-rose-text:#9f3a2c;--ui-color-signal-phosphor:#a3e635;--ui-color-signal-amber:#f59e0b;--ui-color-signal-magenta:#d946ef;--ui-radius-sm:4px;--ui-radius-md:6px;--ui-radius-lg:8px;--ui-radius-xl:12px;--ui-radius-pill:999px;--ui-shadow-sm:0 1px 2px rgba(0,0,0,0.06);--ui-shadow-md:0 18px 40px rgba(17,24,39,0.10);--ui-shadow-lg:0 28px 80px rgba(17,24,39,0.16);--ui-space-xs:8px;--ui-space-sm:12px;--ui-space-md:16px;--ui-space-lg:24px;--ui-space-xl:32px;--ui-space-2xl:48px;--ui-motion-fast:160ms;--ui-motion-base:240ms;--ui-motion-slow:360ms;--background:var(--ui-color-page);--foreground:var(--ui-color-text);--surface:var(--ui-color-surface);--surface-muted:var(--ui-color-surface-muted);--surface-elevated:var(--ui-color-surface-elevated);--surface-inverse:var(--ui-color-surface-inverse);--surface-border:var(--ui-color-border);--surface-border-soft:color-mix(in srgb,var(--ui-color-border-strong) 58%,var(--ui-color-surface));--surface-border-muted:color-mix(in srgb,var(--ui-color-border-strong) 42%,var(--ui-color-surface));--surface-border-strong:color-mix(in srgb,var(--ui-color-border-strong) 72%,var(--ui-color-surface));--surface-border-meaningful:var(--ui-color-meaningful-border);--surface-border-meaningful-strong:var(--ui-color-meaningful-border-strong);--surface-hover:color-mix(in srgb,var(--ui-color-surface-muted) 74%,var(--ui-color-surface));--surface-subtle:color-mix(in srgb,var(--ui-color-surface-muted) 86%,var(--ui-color-surface));--surface-info:color-mix(in srgb,var(--brand-primary) 14%,transparent);--surface-error:color-mix(in srgb,var(--status-danger) 14%,transparent);--surface-veil:color-mix(in srgb,var(--surface) 62%,transparent);--surface-veil-strong:color-mix(in srgb,var(--surface) 70%,transparent);--surface-veil-muted:color-mix(in srgb,var(--surface-muted) 82%,transparent);--surface-divider-subtle:color-mix(in srgb,var(--surface-border-strong) 32%,transparent);--surface-divider:color-mix(in srgb,var(--surface-border-strong) 40%,transparent);--surface-divider-strong:color-mix(in srgb,var(--surface-border-strong) 58%,transparent);--surface-shadow-1:0 2px 6px color-mix(in srgb,var(--surface-inverse) 4%,transparent),0 1px 2px color-mix(in srgb,var(--surface-inverse) 2%,transparent);--surface-shadow-2:0 4px 16px color-mix(in srgb,var(--surface-inverse) 6%,transparent),0 1px 3px color-mix(in srgb,var(--surface-inverse) 3%,transparent);--surface-shadow-3:0 12px 40px color-mix(in srgb,var(--surface-inverse) 8%,transparent),0 4px 12px color-mix(in srgb,var(--surface-inverse) 4%,transparent);--surface-shadow-interactive:0 10px 24px color-mix(in srgb,var(--surface-inverse) 8%,transparent),0 3px 8px color-mix(in srgb,var(--surface-inverse) 3%,transparent);--surface-inverse-start:var(--ui-color-surface-inverse);--surface-inverse-end:color-mix(in srgb,var(--surface-inverse) 82%,var(--brand-primary-hover) 18%);--text-primary:var(--ui-color-text);--text-secondary:var(--ui-color-text-muted);--text-subtle:var(--ui-color-text-muted);--text-on-brand:var(--ui-color-text-inverse);--text-on-brand-muted:color-mix(in srgb,var(--text-on-brand) 74%,transparent);--brand-primary:var(--ui-color-primary);--brand-primary-hover:var(--ui-color-primary-hover);--brand-accent:var(--ui-color-accent);--brand-accent-text:var(--ui-color-accent-text);--brand-tint-faint:color-mix(in srgb,var(--brand-primary) 4%,transparent);--brand-tint-soft:color-mix(in srgb,var(--brand-primary) 4%,transparent);--brand-tint:color-mix(in srgb,var(--brand-primary) 8%,transparent);--brand-tint-strong:color-mix(in srgb,var(--brand-primary) 12%,transparent);--brand-border-soft:color-mix(in srgb,var(--brand-primary) 22%,transparent);--brand-border-strong:color-mix(in srgb,var(--brand-primary) 32%,transparent);--brand-border-meaningful:color-mix(in srgb,var(--brand-primary) 64%,var(--surface));--status-info:var(--ui-color-info);--status-success:var(--ui-color-success);--status-warning:var(--ui-color-warning);--status-warning-text:var(--ui-color-warning-text);--status-danger:var(--ui-color-danger);--status-alert:var(--ui-color-danger);--status-neutral-tint:color-mix(in srgb,var(--text-secondary) 12%,transparent);--status-info-tint:color-mix(in srgb,var(--status-info) 14%,transparent);--status-success-tint:color-mix(in srgb,var(--status-success) 12%,transparent);--status-warning-tint:color-mix(in srgb,var(--status-warning) 12%,transparent);--status-danger-tint:color-mix(in srgb,var(--status-danger) 14%,transparent);--status-info-border:color-mix(in srgb,var(--status-info) 18%,transparent);--status-success-border:color-mix(in srgb,var(--status-success) 18%,transparent);--status-warning-border:color-mix(in srgb,var(--status-warning) 18%,transparent);--status-danger-border:color-mix(in srgb,var(--status-danger) 18%,transparent);--status-info-border-meaningful:var(--ui-color-info);--status-success-border-meaningful:var(--ui-color-success);--status-warning-border-meaningful:var(--ui-color-warning-text);--status-danger-border-meaningful:var(--ui-color-danger);--accent-tint:color-mix(in srgb,var(--brand-accent) 12%,transparent);--accent-highlight:color-mix(in srgb,var(--brand-accent) 56%,var(--surface));--accent-warm:#c4a35a;--accent-warm-soft:color-mix(in srgb,var(--accent-warm) 16%,transparent);--signal-teal:var(--ui-color-signal-teal);--signal-teal-soft:color-mix(in srgb,var(--signal-teal) 14%,transparent);--signal-teal-text:var(--ui-color-signal-teal-text);--signal-rose:var(--ui-color-signal-rose);--signal-rose-soft:color-mix(in srgb,var(--signal-rose) 16%,transparent);--signal-rose-text:var(--ui-color-signal-rose-text);--signal-phosphor:var(--ui-color-signal-phosphor);--signal-phosphor-soft:color-mix(in srgb,var(--signal-phosphor) 14%,transparent);--signal-amber:var(--ui-color-signal-amber);--signal-amber-soft:color-mix(in srgb,var(--signal-amber) 14%,transparent);--signal-amber-text:var(--ui-color-warning-text);--signal-magenta:var(--ui-color-signal-magenta);--signal-magenta-soft:color-mix(in srgb,var(--signal-magenta) 12%,transparent);--overlay:var(--ui-color-overlay);--color-canvas:var(--background);--color-surface:var(--surface);--color-surface-muted:var(--surface-muted);--color-surface-elevated:var(--surface-elevated);--color-display-text:var(--text-primary);--color-body-text:var(--text-secondary);--color-subtle-text:var(--text-subtle);--color-selected-surface:var(--brand-tint);--color-hover-surface:var(--surface-hover);--color-focus-ring:var(--focus-ring-strong);--color-data-positive:var(--signal-teal-text);--color-data-negative:var(--signal-rose-text);--color-data-neutral:var(--text-secondary);--color-risk-low:var(--status-success);--color-risk-medium:var(--status-warning-text);--color-risk-high:var(--signal-rose-text);--color-risk-critical:var(--status-danger);--color-overlay-scrim:var(--overlay);--color-navigation-active:var(--brand-tint);--motion-duration-fast:var(--ui-motion-fast);--motion-duration-base:var(--ui-motion-base);--motion-duration-slow:var(--ui-motion-slow);--motion-easing-standard:cubic-bezier(0.2,0,0,1);--motion-easing-enter:cubic-bezier(0,0,0,1);--motion-easing-exit:cubic-bezier(0.3,0,1,1);--space-unit:4px;--space-xs:var(--ui-space-xs);--space-sm:var(--ui-space-sm);--space-md:var(--ui-space-md);--space-lg:var(--ui-space-lg);--space-xl:var(--ui-space-xl);--space-2xl:var(--ui-space-2xl);--space-section:var(--ui-space-2xl);--space-region:64px;--shadow-sm:var(--ui-shadow-sm);--shadow-md:var(--ui-shadow-md);--shadow-lg:var(--ui-shadow-lg);--z-base:1;--z-sticky:100;--z-nav:1000;--z-widget:1500;--z-overlay:2000;--z-drawer:2001;--z-fab:2002;--nav-top-height:72px;--nav-bottom-height:70px;--border-radius-card:10px;--border-radius-panel:var(--ui-radius-xl);--border-radius-pill:var(--ui-radius-pill);--container-width:1120px;--focus-ring:0 0 0 3px color-mix(in srgb,var(--brand-primary) 18%,transparent);--focus-ring-strong:0 0 0 3px color-mix(in srgb,var(--brand-primary) 16%,transparent),0 12px 28px color-mix(in srgb,var(--brand-primary) 14%,transparent);--input-inset-shadow:inset 0 1px 2px color-mix(in srgb,var(--surface-inverse) 4%,transparent);--page-gradient-start:color-mix(in srgb,var(--background) 68%,var(--surface));--page-gradient-end:color-mix(in srgb,var(--background) 88%,var(--surface-border) 12%);--page-accent-glow:color-mix(in srgb,var(--brand-accent) 16%,transparent);--page-brand-glow:color-mix(in srgb,var(--brand-primary) 11%,transparent);--page-brand-wash-soft:color-mix(in srgb,var(--brand-primary) 8%,transparent);--page-brand-wash:color-mix(in srgb,var(--brand-primary) 12%,transparent);--entity-type-argo-app:#1e3a8a;--entity-type-argo-app-tint:rgba(30,58,138,0.1);--entity-type-airflow-run:#115e59;--entity-type-airflow-run-tint:rgba(17,94,89,0.1);--entity-type-om-table:#4c1d95;--entity-type-om-table-tint:rgba(76,29,149,0.1);--entity-type-runbook:#7c2d12;--entity-type-runbook-tint:rgba(124,45,18,0.1);--entity-type-incident:#991b1b;--entity-type-incident-tint:rgba(153,27,27,0.1);--font-display:var(--font-fraunces);--font-ui:var(--font-inter-tight);--font-data:var(--font-jetbrains-mono);--profile-ring:color-mix(in srgb,var(--surface) 90%,transparent);--selection-color:color-mix(in srgb,var(--brand-primary) 18%,transparent);--button-primary-background:linear-gradient(135deg,var(--brand-primary) 0%,color-mix(in srgb,var(--brand-primary) 82%,var(--surface-inverse)) 50%,color-mix(in srgb,var(--brand-primary) 74%,var(--surface)) 100%);--button-primary-background-simple:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,var(--surface)));--button-primary-text:var(--text-on-brand);--button-primary-border:var(--surface-inverse);--button-primary-shadow:0 14px 28px color-mix(in srgb,var(--brand-primary) 22%,transparent);--button-primary-shadow-strong:0 16px 28px color-mix(in srgb,var(--brand-primary) 28%,transparent);--button-secondary-border:var(--ui-color-border);--button-secondary-hover:color-mix(in srgb,var(--surface-muted) 74%,var(--surface));--card-radius:var(--border-radius-card);--card-shadow:var(--surface-shadow-1);--state-hover:var(--brand-tint);--state-active:var(--brand-tint-strong);--state-selected:var(--brand-tint);--state-focus-ring:var(--focus-ring-strong);--state-meaningful-border:var(--surface-border-meaningful);--state-meaningful-brand-border:var(--brand-border-meaningful);--motion-hover-transition:background var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard);--motion-focus-transition:box-shadow var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard);--motion-surface-transition:transform var(--motion-duration-base) var(--motion-easing-standard),box-shadow var(--motion-duration-base) var(--motion-easing-standard),background var(--motion-duration-base) var(--motion-easing-standard);--motion-overlay-transition:opacity var(--motion-duration-base) var(--motion-easing-enter),transform var(--motion-duration-base) var(--motion-easing-enter);--motion-exit-transition:opacity var(--motion-duration-fast) var(--motion-easing-exit),transform var(--motion-duration-fast) var(--motion-easing-exit);--overlay-scrim:radial-gradient(circle at top,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 44%),color-mix(in srgb,var(--surface-inverse) 20%,transparent);--overlay-surface:color-mix(in srgb,var(--surface-elevated) 98%,transparent);--overlay-section-background:color-mix(in srgb,var(--surface) 62%,transparent);--overlay-item-background:color-mix(in srgb,var(--surface-elevated) 90%,transparent);--overlay-item-background-hover:color-mix(in srgb,var(--state-hover) 36%,var(--surface-elevated));--workspace-stage-background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand-tint) 28%,transparent),transparent 38%),color-mix(in srgb,var(--surface-elevated) 96%,var(--surface));--workspace-page-background:radial-gradient(circle at top left,var(--page-brand-wash),transparent 34%),radial-gradient(circle at top right,var(--page-brand-wash),transparent 30%),linear-gradient(180deg,color-mix(in srgb,var(--surface-elevated) 96%,var(--surface)) 0%,color-mix(in srgb,var(--background) 94%,var(--surface)) 100%);--workspace-kicker-background:linear-gradient(135deg,var(--accent-warm-soft),color-mix(in srgb,var(--accent-warm-soft) 58%,transparent));--workspace-kicker-border:var(--brand-border-soft);--smart-search-focus-overlay:color-mix(in srgb,var(--surface-inverse) 15%,transparent);--smart-search-input-background:var(--ui-color-surface-elevated);--smart-search-input-border:color-mix(in srgb,var(--surface-border-strong) 72%,var(--surface));--smart-search-input-hover-border:color-mix(in srgb,var(--text-secondary) 42%,var(--surface));--smart-search-input-shadow:0 4px 24px color-mix(in srgb,var(--surface-inverse) 8%,transparent);--smart-search-input-inset:inset 0 1px 0 color-mix(in srgb,var(--surface) 72%,transparent);--smart-search-focus-border:color-mix(in srgb,var(--brand-primary) 30%,transparent);--smart-search-focus-ring:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent);--smart-search-focus-shadow:0 8px 40px color-mix(in srgb,var(--brand-primary) 18%,transparent);--smart-search-dropdown-shadow:0 16px 40px color-mix(in srgb,var(--surface-inverse) 10%,transparent),0 4px 14px color-mix(in srgb,var(--surface-inverse) 6%,transparent);--smart-search-section-border:color-mix(in srgb,var(--surface-inverse) 7%,transparent);--smart-search-section-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 68%,transparent);--smart-search-section-popular:color-mix(in srgb,var(--surface-muted) 76%,var(--surface));--smart-search-section-trending:color-mix(in srgb,var(--brand-primary) 5%,var(--surface));--smart-search-section-templates:color-mix(in srgb,var(--surface-muted) 64%,var(--surface));--smart-search-clear-background:color-mix(in srgb,var(--brand-primary) 8%,transparent);--smart-search-clear-hover-background:color-mix(in srgb,var(--brand-primary) 14%,transparent);--smart-search-submit-background:var(--brand-primary);--smart-search-submit-hover-background:var(--brand-primary-hover);--smart-search-submit-shadow:0 4px 14px color-mix(in srgb,var(--brand-primary) 20%,transparent);--smart-search-submit-hover-shadow:0 4px 14px color-mix(in srgb,var(--brand-primary) 28%,transparent);--smart-search-submit-active-shadow:0 1px 4px color-mix(in srgb,var(--brand-primary) 20%,transparent);--smart-search-meta-success-background:var(--status-success-tint);--smart-search-progress-neutral:var(--status-warning);--smart-search-hint-background:var(--surface-hover);--smart-search-hint-hover-background:var(--surface-subtle);--smart-search-hint-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface) 66%,transparent),0 1px 2px color-mix(in srgb,var(--surface-inverse) 4%,transparent);--smart-search-hint-primary-background:var(--brand-primary);--smart-search-hint-primary-hover-background:var(--brand-primary-hover);--smart-search-hint-primary-shadow:0 10px 22px color-mix(in srgb,var(--brand-primary) 18%,transparent);--smart-search-hint-primary-icon:var(--text-on-brand-muted);--smart-search-footer-divider:var(--surface-divider-subtle);--smart-search-keyboard-badge-border:var(--surface-divider);--smart-search-keyboard-badge-background:var(--surface-veil-strong);--input-background:color-mix(in srgb,var(--surface) 96%,var(--surface-elevated));--input-border:var(--surface-border-strong);--input-border-meaningful:var(--surface-border-meaningful);--input-shadow:var(--input-inset-shadow);--table-header-background:color-mix(in srgb,var(--surface-muted) 72%,var(--surface));--table-header-text:var(--text-secondary);--table-header-border:var(--surface-border-soft);--table-row-background:var(--surface);--table-row-background-hover:color-mix(in srgb,var(--state-hover) 36%,var(--surface));--table-row-background-selected:color-mix(in srgb,var(--state-selected) 64%,var(--surface));--table-row-border:var(--surface-border-muted);--table-row-min-height:56px;--table-row-compact-min-height:44px;--table-cell-padding-y:10px;--table-cell-padding-x:14px;--table-cell-compact-padding-y:6px;--table-cell-compact-padding-x:10px;--table-numeric-font:var(--font-data);--table-numeric-color:var(--text-primary);--chip-background:color-mix(in srgb,var(--surface-elevated) 80%,transparent);--chip-background-hover:color-mix(in srgb,var(--state-hover) 42%,var(--surface-elevated));--chip-border:color-mix(in srgb,var(--surface) 50%,transparent);--status-chip-info-background:var(--status-info-tint);--status-chip-info-border:var(--status-info-border-meaningful);--status-chip-info-text:var(--status-info);--status-chip-success-background:var(--status-success-tint);--status-chip-success-border:var(--status-success-border-meaningful);--status-chip-success-text:var(--status-success);--status-chip-warning-background:var(--status-warning-tint);--status-chip-warning-border:var(--status-warning-border-meaningful);--status-chip-warning-text:var(--status-warning-text);--status-chip-danger-background:var(--status-danger-tint);--status-chip-danger-border:var(--status-danger-border-meaningful);--status-chip-danger-text:var(--status-danger);--risk-chip-low-background:var(--status-chip-success-background);--risk-chip-low-border:var(--status-chip-success-border);--risk-chip-low-text:var(--status-chip-success-text);--risk-chip-medium-background:var(--status-chip-warning-background);--risk-chip-medium-border:var(--status-chip-warning-border);--risk-chip-medium-text:var(--status-chip-warning-text);--risk-chip-high-background:var(--signal-rose-soft);--risk-chip-high-border:var(--signal-rose-text);--risk-chip-high-text:var(--signal-rose-text);--risk-chip-critical-background:var(--status-chip-danger-background);--risk-chip-critical-border:var(--status-chip-danger-border);--risk-chip-critical-text:var(--status-chip-danger-text);--metric-delta-positive-background:var(--signal-teal-soft);--metric-delta-positive-text:var(--signal-teal-text);--metric-delta-positive-border:var(--signal-teal-text);--metric-delta-negative-background:var(--signal-rose-soft);--metric-delta-negative-text:var(--signal-rose-text);--metric-delta-negative-border:var(--signal-rose-text);--metric-delta-neutral-background:var(--surface-muted);--metric-delta-neutral-text:var(--text-secondary);--metric-delta-neutral-border:var(--state-meaningful-border);--search-result-filter-background:color-mix(in srgb,var(--surface-elevated) 96%,transparent);--search-result-filter-background-hover:color-mix(in srgb,var(--state-hover) 40%,var(--surface-elevated));--search-result-filter-background-active:var(--state-selected);--search-result-band-track:var(--state-selected);--search-result-band-fill:linear-gradient(90deg,var(--signal-teal-text) 0%,var(--brand-primary) 54%,var(--signal-amber-text) 100%);--search-result-band-fill-high:linear-gradient(90deg,var(--signal-teal-text),color-mix(in srgb,var(--signal-teal-text) 70%,var(--surface)));--search-result-band-fill-mid:linear-gradient(90deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 58%,var(--surface)));--search-result-band-fill-low:linear-gradient(90deg,var(--signal-amber-text),color-mix(in srgb,var(--signal-amber-text) 64%,var(--surface)));--search-result-skeleton-background:linear-gradient(90deg,var(--surface-veil-muted),var(--surface-veil-strong),var(--surface-veil-muted));--empty-state-icon-background:var(--accent-tint);--empty-state-icon-color:var(--brand-accent-text);--empty-state-insights-background:var(--surface-veil);--empty-state-insights-icon-background:var(--status-neutral-tint);--empty-state-insights-icon-color:var(--surface-inverse);--operational-entity-card-evidence-border:color-mix(in srgb,var(--surface-inverse) 8%,transparent);--operational-entity-card-evidence-background:color-mix(in srgb,var(--surface) 68%,transparent);--operational-entity-card-evidence-trusted-border:color-mix(in srgb,var(--status-success) 22%,transparent);--operational-entity-card-evidence-trusted-background:color-mix(in srgb,var(--status-success-tint) 72%,var(--surface));--operational-entity-card-evidence-trusted-state-background:color-mix(in srgb,var(--status-success) 14%,transparent);--operational-entity-card-evidence-trusted-state-text:var(--status-success);--operational-entity-card-evidence-partial-border:color-mix(in srgb,var(--status-warning) 24%,transparent);--operational-entity-card-evidence-partial-background:color-mix(in srgb,var(--status-warning-tint) 72%,var(--surface));--operational-entity-card-evidence-partial-state-background:color-mix(in srgb,var(--status-warning) 14%,transparent);--operational-entity-card-evidence-partial-state-text:var(--status-warning-text);--operational-entity-card-evidence-danger-border:color-mix(in srgb,var(--status-danger) 22%,transparent);--operational-entity-card-evidence-danger-background:color-mix(in srgb,var(--status-danger-tint) 74%,var(--surface));--operational-entity-card-evidence-danger-state-background:color-mix(in srgb,var(--status-danger) 14%,transparent);--operational-entity-card-evidence-danger-state-text:var(--status-danger);--operational-entity-card-evidence-muted-border:color-mix(in srgb,var(--surface-inverse) 10%,transparent);--operational-entity-card-evidence-muted-background:color-mix(in srgb,var(--text-on-brand) 72%,transparent);--operational-entity-card-evidence-muted-state-background:color-mix(in srgb,var(--surface-inverse) 8%,transparent);--navigation-item-background-hover:var(--state-hover);--navigation-item-background-active:var(--state-selected);--navigation-item-border-active:var(--state-meaningful-brand-border);--navigation-focus-ring:var(--state-focus-ring);color-scheme:light}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;padding:0;margin:0}body{color:var(--foreground);background:radial-gradient(circle at top left,var(--page-brand-wash-soft),var(--page-brand-wash) 28%),radial-gradient(circle at top right,var(--page-brand-wash-soft),var(--page-brand-wash) 28%),linear-gradient(180deg,var(--page-gradient-start) 0,var(--background) 48%,var(--page-gradient-end) 100%);font-family:var(--font-noto-sans-kr),"Apple SD Gothic Neo","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column;line-break:keep-all;word-break:keep-all;scroll-padding-top:calc(var(--nav-top-height) + var(--space-md))}::selection{background:var(--selection-color)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-display,h1,h2,h3{font-family:var(--font-fraunces),var(--font-display),"Nanum Myeongjo","Batang",serif;line-height:1.2}.app-main{flex:1 1;display:flex;flex-direction:column;padding-bottom:0}body:has([data-page-snap=true]),html:has([data-page-snap=true]){scroll-snap-type:y proximity}.app-panel{background:color-mix(in srgb,var(--surface-elevated) 94%,white);border:1px solid var(--surface-border-soft);border-radius:var(--border-radius-card);box-shadow:var(--surface-shadow-1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-card-muted{border:1px solid var(--surface-border-soft);border-radius:var(--border-radius-panel);background:color-mix(in srgb,var(--surface) 92%,white);box-shadow:none}.app-sticky-rail{position:sticky;top:calc(var(--nav-top-height) + 12px);align-self:start}.app-focus-ring:focus-visible{outline:none;box-shadow:var(--focus-ring-strong)}.app-eyebrow{color:var(--brand-accent-text);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.app-page-shell{width:min(100%,var(--container-width));margin:0 auto;padding-inline:var(--space-lg)}.app-page-stack{display:grid;gap:var(--space-region)}.app-section-stack{display:grid;gap:var(--space-section)}.app-snap-section{scroll-snap-align:start;scroll-snap-stop:normal}.app-hero-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-lg);align-items:start;min-height:80px;padding:22px 24px;border:1px solid var(--surface-border-soft);border-radius:var(--border-radius-panel);background:color-mix(in srgb,var(--surface-elevated) 96%,white);box-shadow:var(--surface-shadow-1)}.app-hero-title{margin:0;color:var(--text-primary);font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.05em;line-height:1.04}.app-hero-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.app-hero-metric{display:grid;gap:6px;min-width:132px;padding:14px 16px;border:1px solid var(--surface-border-soft);border-radius:var(--border-radius-card);background:color-mix(in srgb,var(--surface) 88%,white)}.app-hero-metricLabel{color:var(--text-subtle);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-hero-metricValue{color:var(--text-primary);font-family:var(--font-jetbrains-mono),var(--font-data),monospace;font-size:1.16rem;font-weight:800;letter-spacing:-.04em}.app-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.app-paginationSummary{color:var(--text-secondary);font-size:.84rem;font-weight:700}.app-paginationControls{display:flex;flex-wrap:wrap;gap:8px}.app-paginationButton{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 12px;border:1px solid var(--surface-border-soft);border-radius:var(--border-radius-pill);background:color-mix(in srgb,var(--surface) 94%,white);color:var(--text-secondary);font-size:.84rem;font-weight:800;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.app-paginationButton:focus-visible,.app-paginationButton:hover{transform:translateY(-1px);border-color:var(--brand-border-soft);background:var(--brand-tint);color:var(--brand-primary)}.app-paginationButton[aria-current=page]{border-color:var(--brand-border-soft);background:var(--brand-tint);color:var(--brand-primary)}.app-paginationButton:disabled{cursor:not-allowed;opacity:.52;transform:none}html[data-ui-motion=reduced] *,html[data-ui-motion=reduced] :after,html[data-ui-motion=reduced] :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}html[data-ui-clarity=high]{--text-secondary:color-mix(in srgb,var(--text-primary) 76%,white);--text-subtle:color-mix(in srgb,var(--text-primary) 58%,white);--button-secondary-border:var(--surface-border-strong)}html[data-ui-clarity=high] body{letter-spacing:.01em}html[data-ui-clarity=high] a,html[data-ui-clarity=high] button{text-decoration-thickness:2px}@media (max-width:1080px){.app-hero-strip{grid-template-columns:1fr}.app-hero-metrics{justify-content:flex-start}}@media (max-width:900px){.app-main{padding-bottom:var(--nav-bottom-height)}.app-page-shell{padding-inline:var(--space-md)}.app-page-stack{gap:var(--space-section)}}@media (max-width:640px){.app-hero-strip{padding:18px}.app-hero-title{font-size:clamp(1.5rem,8vw,2.2rem)}.app-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.app-hero-metric{min-width:0}.app-pagination{align-items:stretch;flex-direction:column}.app-paginationControls{width:100%;justify-content:space-between}.app-paginationButton{flex:1 1;min-width:0}}