.hf-scope{--blue-50: var(--ha-blue-50);--blue-100: var(--ha-blue-100);--blue-200: var(--ha-blue-200);--blue-300: var(--ha-blue-300);--blue-400: var(--ha-blue-400);--blue-500: var(--ha-blue-500);--blue-600: var(--ha-blue-600);--blue-700: var(--ha-blue-700);--blue-800: var(--ha-blue-800);--blue-900: var(--ha-blue-900);--blue-950: var(--ha-blue-950);--gray-50: var(--ha-gray-50);--gray-100: var(--ha-gray-100);--gray-200: var(--ha-gray-200);--gray-300: var(--ha-gray-300);--gray-400: var(--ha-gray-400);--gray-500: var(--ha-gray-500);--gray-600: var(--ha-gray-600);--gray-700: var(--ha-gray-700);--gray-800: var(--ha-gray-800);--gray-900: var(--ha-gray-900);--gray-950: var(--ha-gray-950);--white: var(--ha-white);--black: var(--ha-black);--cyan-400: var(--ha-cyan-400);--green-50: var(--ha-green-50);--green-500: var(--ha-green-500);--green-600: var(--ha-green-600);--amber-50: var(--ha-amber-50);--amber-500: var(--ha-amber-500);--amber-600: var(--ha-amber-600);--red-50: var(--ha-red-50);--red-500: var(--ha-red-500);--red-600: var(--ha-red-600);--color-primary: var(--ha-color-primary);--color-primary-hover: var(--ha-color-primary-hover);--color-primary-active: var(--ha-color-primary-active);--text-strong: var(--ha-text-strong);--text-body: var(--ha-text-body);--text-muted: var(--ha-text-muted);--text-subtle: var(--ha-text-subtle);--text-on-primary: var(--ha-text-on-primary);--text-on-dark: var(--ha-text-on-dark);--text-on-dark-muted: var(--ha-text-on-dark-muted);--text-link: var(--ha-text-link);--surface-page: var(--ha-surface-page);--surface-muted: var(--ha-surface-muted);--surface-card: var(--ha-surface-card);--surface-inset: var(--ha-surface-inset);--surface-dark: var(--ha-surface-dark);--surface-darker: var(--ha-surface-darker);--surface-glass: var(--ha-surface-glass);--border-subtle: var(--ha-border-subtle);--border-default: var(--ha-border-default);--border-strong: var(--ha-border-strong);--border-on-dark: var(--ha-border-on-dark);--border-primary: var(--ha-border-primary);--color-success: var(--ha-color-success);--color-success-surface: var(--ha-color-success-surface);--color-warning: var(--ha-color-warning);--color-warning-surface: var(--ha-color-warning-surface);--color-danger: var(--ha-color-danger);--color-danger-surface: var(--ha-color-danger-surface);--color-info: var(--ha-color-info);--color-info-surface: var(--ha-color-info-surface);--ring-color: var(--ha-ring-color);--font-sans: var(--ha-font-sans);--font-mono: var(--ha-font-mono);--font-display: var(--ha-font-display);--fw-normal: var(--ha-fw-normal);--fw-medium: var(--ha-fw-medium);--fw-semibold: var(--ha-fw-semibold);--fw-bold: var(--ha-fw-bold);--fw-extrabold: var(--ha-fw-extrabold);--text-xs: var(--ha-text-xs);--text-sm: var(--ha-text-sm);--text-base: var(--ha-text-base);--text-lg: var(--ha-text-lg);--text-xl: var(--ha-text-xl);--text-2xl: var(--ha-text-2xl);--text-3xl: var(--ha-text-3xl);--text-4xl: var(--ha-text-4xl);--text-5xl: var(--ha-text-5xl);--text-6xl: var(--ha-text-6xl);--leading-tight: var(--ha-leading-tight);--leading-snug: var(--ha-leading-snug);--leading-normal: var(--ha-leading-normal);--leading-relaxed: var(--ha-leading-relaxed);--tracking-tight: var(--ha-tracking-tight);--tracking-normal: var(--ha-tracking-normal);--tracking-wide: var(--ha-tracking-wide);--tracking-wider: var(--ha-tracking-wider);--space-1: var(--ha-space-1);--space-2: var(--ha-space-2);--space-3: var(--ha-space-3);--space-4: var(--ha-space-4);--space-5: var(--ha-space-5);--space-6: var(--ha-space-6);--space-8: var(--ha-space-8);--space-10: var(--ha-space-10);--space-12: var(--ha-space-12);--space-16: var(--ha-space-16);--space-20: var(--ha-space-20);--space-24: var(--ha-space-24);--container-max: var(--ha-container-max);--container-wide: var(--ha-container-wide);--gutter: var(--ha-gutter);--radius-sm: var(--ha-radius-sm);--radius-md: var(--ha-radius-md);--radius-lg: var(--ha-radius-lg);--radius-xl: var(--ha-radius-xl);--radius-2xl: var(--ha-radius-2xl);--radius-3xl: var(--ha-radius-3xl);--radius-full: var(--ha-radius-full);--shadow-sm: var(--ha-shadow-sm);--shadow-md: var(--ha-shadow-md);--shadow-lg: var(--ha-shadow-lg);--shadow-xl: var(--ha-shadow-xl);--shadow-2xl: var(--ha-shadow-2xl);--shadow-primary: var(--ha-shadow-primary);--ease-standard: var(--ha-ease-standard);--ease-out: var(--ha-ease-out);--duration-fast: var(--ha-duration-fast);--duration-base: var(--ha-duration-base);--duration-slow: var(--ha-duration-slow)}@keyframes haRise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes haRiseR{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes haGlow{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes haFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes haFloatB{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes haGrid{0%{background-position:0 0}to{background-position:52px 52px}}@keyframes haDotPulse{0%,to{box-shadow:0 0 #058cd780}70%{box-shadow:0 0 0 8px #058cd700}}@keyframes haMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes haSpin{to{transform:rotate(360deg)}}@keyframes haSlideR{0%{transform:translate(34px)}to{transform:translate(0)}}@keyframes haDash{to{stroke-dashoffset:-24}}@keyframes haHubPulse{0%,to{box-shadow:0 0 #058cd766}60%{box-shadow:0 0 0 18px #058cd700}}@keyframes haSway{0%,to{transform:rotateY(-17deg) rotateX(9deg)}50%{transform:rotateY(-9deg) rotateX(5deg)}}@media (prefers-reduced-motion: reduce){.hf-scope *,.hf-scope *:before,.hf-scope *:after{animation:none!important}}