:root{--accent-music: #e06b7d;--accent-music-2: #c8455a;--accent-ventilation: #3fc0cd;--accent-ventilation-2: #178a9c;--accent-stofzuiger: #8a8cf0;--accent-stofzuiger-2: #4a4cb0;--accent-scenes: #edb64f;--accent-scenes-2: #c9822a;--accent-energy: #f4a63f;--accent-energy-2: #e07a1f;--accent-warmtepomp: #e5825f;--accent-warmtepomp-2: #b8492f;--accent-automations: #57c98a;--accent-automations-2: #2b8f5d;--accent-berichten: #c07ae8;--accent-berichten-2: #8a3fc0;--accent-boodschappen: #a3c644;--accent-boodschappen-2: #6f9426;--accent-printer: #7f8fa6;--accent-printer-2: #4a5768;--accent-afvalophaling: #5fb37a;--accent-afvalophaling-2: #2f7a4c;--accent-home: #63c2e8;--accent-home-2: #2f8fc7;--app-accent: var(--accent-home);--app-accent-2: var(--accent-home-2);--app-accent-soft: color-mix(in srgb, var(--app-accent) 22%, transparent);--app-accent-faint: color-mix(in srgb, var(--app-accent) 12%, transparent);--app-glow: color-mix(in srgb, var(--app-accent) 40%, transparent);--ha-color-bg: #0b0e14;--ha-color-bg-elevated: #141924;--ha-color-surface: rgba(255, 255, 255, .055);--ha-color-surface-strong: rgba(255, 255, 255, .1);--ha-color-surface-2: rgba(255, 255, 255, .03);--ha-color-glass: rgba(255, 255, 255, .08);--ha-color-border: rgba(255, 255, 255, .1);--ha-color-border-soft: rgba(255, 255, 255, .055);--ha-color-text: #eaeef6;--ha-color-muted: #9aa5b6;--ha-color-on-primary: #0a0d13;--ha-color-primary: var(--app-accent);--ha-color-primary-strong: color-mix(in srgb, var(--app-accent) 78%, #fff);--ha-color-primary-hover: rgba(255, 255, 255, .05);--ha-color-primary-active: rgba(255, 255, 255, .09);--ha-color-primary-overlay: var(--app-accent-faint);--ha-color-primary-soft: var(--app-accent-soft);--ha-color-success: #43d18b;--ha-color-success-pulse: rgba(67, 209, 139, .5);--ha-color-warning: #f0a94a;--ha-color-warning-bg: rgba(240, 169, 74, .16);--ha-color-warning-soft: rgba(240, 169, 74, .28);--ha-color-danger: #ff6f6f;--ha-color-shadow: rgba(0, 0, 0, .5);--ha-gradient-thumbnail-empty: linear-gradient(135deg, var(--app-accent-soft), rgba(255, 255, 255, .02));--ha-spacing-1: .25rem;--ha-spacing-2: .5rem;--ha-spacing-3: .75rem;--ha-spacing-4: 1rem;--ha-spacing-5: 1.5rem;--ha-spacing-6: 2rem;--ha-radius-sm: .75rem;--ha-radius-md: 1.25rem;--ha-radius-lg: 1.75rem;--ha-blur: 22px;--ha-font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Avenir Next", "Segoe UI", sans-serif;--ha-font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "IBM Plex Sans", system-ui, sans-serif}[data-app=music]{--app-accent: var(--accent-music);--app-accent-2: var(--accent-music-2)}[data-app=ventilation]{--app-accent: var(--accent-ventilation);--app-accent-2: var(--accent-ventilation-2)}[data-app=stofzuiger]{--app-accent: var(--accent-stofzuiger);--app-accent-2: var(--accent-stofzuiger-2)}[data-app=scenes]{--app-accent: var(--accent-scenes);--app-accent-2: var(--accent-scenes-2)}[data-app=energy]{--app-accent: var(--accent-energy);--app-accent-2: var(--accent-energy-2)}[data-app=warmtepomp]{--app-accent: var(--accent-warmtepomp);--app-accent-2: var(--accent-warmtepomp-2)}[data-app=automations]{--app-accent: var(--accent-automations);--app-accent-2: var(--accent-automations-2)}[data-app=berichten]{--app-accent: var(--accent-berichten);--app-accent-2: var(--accent-berichten-2)}[data-app=boodschappen]{--app-accent: var(--accent-boodschappen);--app-accent-2: var(--accent-boodschappen-2)}[data-app=printer]{--app-accent: var(--accent-printer);--app-accent-2: var(--accent-printer-2)}[data-app=afvalophaling]{--app-accent: var(--accent-afvalophaling);--app-accent-2: var(--accent-afvalophaling-2)}[data-app=home]{--app-accent: var(--accent-home);--app-accent-2: var(--accent-home-2)}[data-app]{--app-accent-soft: color-mix(in srgb, var(--app-accent) 22%, transparent);--app-accent-faint: color-mix(in srgb, var(--app-accent) 12%, transparent);--app-glow: color-mix(in srgb, var(--app-accent) 40%, transparent);--ha-color-primary: var(--app-accent);--ha-color-primary-strong: color-mix(in srgb, var(--app-accent) 72%, #fff);--ha-color-primary-overlay: var(--app-accent-faint);--ha-color-primary-soft: var(--app-accent-soft);--ha-gradient-thumbnail-empty: linear-gradient(135deg, var(--app-accent-soft), rgba(255, 255, 255, .02))}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--ha-color-bg);color:var(--ha-color-text);font-family:var(--ha-font-body);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}button,input,select,textarea{font:inherit}::selection{background:var(--app-accent-soft)}