:root{--ux-score-poor: #dc2626;--ux-score-poor-bg: rgba(220, 38, 38, .1);--ux-score-poor-border: rgba(220, 38, 38, .3);--ux-score-fair: #d97706;--ux-score-fair-bg: rgba(217, 119, 6, .1);--ux-score-fair-border: rgba(217, 119, 6, .3);--ux-score-good: #42aea7;--ux-score-good-bg: rgba(66, 174, 167, .1);--ux-score-good-border: rgba(66, 174, 167, .3);--ux-score-excellent: #16a34a;--ux-score-excellent-bg: rgba(22, 163, 74, .1);--ux-score-excellent-border: rgba(22, 163, 74, .3);--ux-severity-critical: #dc2626;--ux-severity-critical-bg: rgba(220, 38, 38, .1);--ux-severity-critical-border: rgba(220, 38, 38, .3);--ux-severity-high: #ea580c;--ux-severity-high-bg: rgba(234, 88, 12, .1);--ux-severity-high-border: rgba(234, 88, 12, .3);--ux-severity-medium: #d97706;--ux-severity-medium-bg: rgba(217, 119, 6, .1);--ux-severity-medium-border: rgba(217, 119, 6, .3);--ux-severity-low: #64748b;--ux-severity-low-bg: rgba(100, 116, 139, .1);--ux-severity-low-border: rgba(100, 116, 139, .3);--ux-status-correct: #16a34a;--ux-status-correct-bg: rgba(22, 163, 74, .1);--ux-status-correct-border: rgba(22, 163, 74, .3);--ux-status-partial: #d97706;--ux-status-partial-bg: rgba(217, 119, 6, .1);--ux-status-partial-border: rgba(217, 119, 6, .3);--ux-status-wrong: #dc2626;--ux-status-wrong-bg: rgba(220, 38, 38, .1);--ux-status-wrong-border: rgba(220, 38, 38, .3);--ux-status-missing: #9ca3af;--ux-status-missing-bg: rgba(156, 163, 175, .1);--ux-status-missing-border: rgba(156, 163, 175, .3);--ux-surface-card: #ffffff;--ux-surface-section: #e7ebee;--ux-surface-subtle: #f9fafb;--ux-surface-hover: rgba(66, 174, 167, .05);--ux-surface-active: rgba(66, 174, 167, .1);--ux-surface-code: #1e1e2e;--ux-surface-raised: #ffffff;--ux-surface-elevated: #ffffff;--ux-border-subtle: rgba(0, 0, 0, .06);--ux-info-bg: var(--ux-accent-info-bg);--ux-info-text: var(--ux-accent-info);--ux-info-border: var(--ux-accent-info-border);--ux-text-code: #cdd6f4;--ux-text-primary: #1f2937;--ux-text-secondary: #4b5563;--ux-text-tertiary: #9ca3af;--ux-text-muted: #6b7280;--ux-text-inverse: #ffffff;--ux-accent-primary: #42aea7;--ux-accent-primary-bg: rgba(66, 174, 167, .1);--ux-accent-primary-border: rgba(66, 174, 167, .3);--ux-accent-positive: #16a34a;--ux-accent-positive-bg: rgba(22, 163, 74, .1);--ux-accent-positive-border: rgba(22, 163, 74, .3);--ux-accent-negative: #dc2626;--ux-accent-negative-bg: rgba(220, 38, 38, .1);--ux-accent-negative-border: rgba(220, 38, 38, .3);--ux-accent-negative-muted: rgba(220, 38, 38, .4);--ux-accent-neutral: #9ca3af;--ux-accent-neutral-bg: rgba(156, 163, 175, .1);--ux-accent-neutral-border: rgba(156, 163, 175, .3);--ux-accent-warning: #d97706;--ux-accent-warning-bg: rgba(217, 119, 6, .1);--ux-accent-warning-border: rgba(217, 119, 6, .3);--ux-accent-info: #3b82f6;--ux-accent-info-bg: rgba(59, 130, 246, .1);--ux-accent-info-border: rgba(59, 130, 246, .3);--ux-accent: var(--ux-accent-primary);--ux-accent-text: var(--ux-text-inverse);--ux-border: #e5e7eb;--ux-border-default: #e5e7eb;--ux-danger: var(--ux-accent-negative);--ux-danger-bg: var(--ux-accent-negative-bg);--ux-danger-text: var(--ux-accent-negative);--ux-danger-border: var(--ux-accent-negative-border);--ux-warning: var(--ux-accent-warning);--ux-warning-bg: var(--ux-accent-warning-bg);--ux-warning-text: var(--ux-accent-warning);--ux-warning-border: var(--ux-accent-warning-border);--ux-success: var(--ux-accent-positive);--ux-success-bg: var(--ux-accent-positive-bg);--ux-success-text: var(--ux-accent-positive);--ux-success-border: var(--ux-accent-positive-border);--ux-category-visibility: #5fb2cc;--ux-category-perception: #8b5cf6;--ux-category-content: #f59e0b;--ux-category-schema: #42aea7;--ux-role-product: #3b82f6;--ux-role-blog: #a855f7;--ux-role-landing: #22c55e;--ux-role-support: #f59e0b;--ux-role-documentation: #06b6d4;--ux-role-category: #6366f1;--ux-role-contact: #ec4899;--ux-role-about: #14b8a6;--ux-text-hero: 1.875rem;--ux-text-heading: 1.25rem;--ux-text-subheading: 1rem;--ux-text-body: .875rem;--ux-text-caption: .75rem;--ux-space-1: 4px;--ux-space-2: 8px;--ux-space-3: 12px;--ux-space-4: 16px;--ux-space-5: 24px;--ux-space-6: 32px;--ux-radius-sm: 6px;--ux-radius-md: 10px;--ux-radius-lg: 16px;--ux-radius-full: 9999px;--ux-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--ux-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--ux-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--ux-transition-fast: .15s ease;--ux-transition-normal: .25s ease;--ux-transition-slow: .35s ease;--ux-z-dropdown: 100;--ux-z-sticky: 200;--ux-z-modal: 300;--ux-z-tooltip: 400;--ux-topbar-height: 56px;--ux-topbar-bg: var(--ux-surface-card);--ux-topbar-border: var(--ux-border);--ux-topbar-shadow: var(--ux-shadow-sm)}.ux-score-poor{color:var(--ux-score-poor)}.ux-score-fair{color:var(--ux-score-fair)}.ux-score-good{color:var(--ux-score-good)}.ux-score-excellent{color:var(--ux-score-excellent)}.ux-score-poor-bg{background-color:var(--ux-score-poor-bg)}.ux-score-fair-bg{background-color:var(--ux-score-fair-bg)}.ux-score-good-bg{background-color:var(--ux-score-good-bg)}.ux-score-excellent-bg{background-color:var(--ux-score-excellent-bg)}.ux-severity-critical{color:var(--ux-severity-critical)}.ux-severity-high{color:var(--ux-severity-high)}.ux-severity-medium{color:var(--ux-severity-medium)}.ux-severity-low{color:var(--ux-severity-low)}.ux-severity-critical-bg{background-color:var(--ux-severity-critical-bg)}.ux-severity-high-bg{background-color:var(--ux-severity-high-bg)}.ux-severity-medium-bg{background-color:var(--ux-severity-medium-bg)}.ux-severity-low-bg{background-color:var(--ux-severity-low-bg)}.ux-status-correct{color:var(--ux-status-correct)}.ux-status-partial{color:var(--ux-status-partial)}.ux-status-wrong{color:var(--ux-status-wrong)}.ux-status-missing{color:var(--ux-status-missing)}@keyframes ux-pulse{0%,to{opacity:1}50%{opacity:.5}}.ux-skeleton{background:linear-gradient(90deg,var(--ux-surface-section) 25%,#e5e7eb 50%,var(--ux-surface-section) 75%);background-size:200% 100%;animation:ux-pulse 1.5s ease-in-out infinite;border-radius:var(--ux-radius-sm)}[x-cloak]{display:none!important}
