@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Plus Jakarta Sans", ui-sans-serif, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-orange-400:oklch(75% .183 55.934);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-400:oklch(70.7% .165 254.624);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius:.625rem;--color-background:oklch(100% 0 0);--color-foreground:oklch(14.5% 0 0);--font-display:"Sora", "Plus Jakarta Sans", ui-sans-serif, sans-serif;--color-card:oklch(100% 0 0);--color-card-foreground:oklch(14.5% 0 0);--color-popover:oklch(100% 0 0);--color-popover-foreground:oklch(14.5% 0 0);--color-primary:oklch(20.5% 0 0);--color-primary-foreground:oklch(98.5% 0 0);--color-secondary:oklch(97% 0 0);--color-secondary-foreground:oklch(20.5% 0 0);--color-muted:oklch(97% 0 0);--color-muted-foreground:oklch(55.6% 0 0);--color-accent:oklch(97% 0 0);--color-accent-foreground:oklch(20.5% 0 0);--color-destructive:oklch(57.7% .245 27.325);--color-destructive-foreground:oklch(57.7% .245 27.325);--color-border:oklch(92.2% 0 0);--color-input:oklch(92.2% 0 0);--color-ring:oklch(70.8% 0 0);--color-lighting:oklch(79.5% .184 86.047);--color-climate:oklch(62.3% .214 259.815);--color-security:oklch(57.7% .245 27.325);--color-music:oklch(72.3% .219 149.579);--color-camera:oklch(60.6% .25 292.717);--color-warm-dim:oklch(25% .02 80);--color-warm-low:oklch(45% .12 65);--color-warm-mid:oklch(65% .18 75);--color-warm-bright:oklch(85% .18 85);--color-spotify:oklch(65% .2 155);--color-sonos:oklch(60% .18 290);--color-hue-active-bg:oklch(75% .17 80/.2);--color-hue-active-fg:oklch(80% .16 80);--color-energy-solar:oklch(75% .18 90);--color-energy-battery:oklch(65% .2 145);--color-energy-grid-import:oklch(60% .22 27);--color-energy-grid-export:oklch(65% .2 145);--radius-card:1rem;--radius-button:.75rem;--spacing-card:1.25rem;--font-weight-heading:500;--letter-spacing-heading:0em;--density-gap:.75rem;--density-card-min-h:auto;--density-section-gap:2rem;--density-padding-card:1rem;--widget-border:none;--widget-glow:none;--widget-active-glow:0 0 16px oklch(79.5% .184 86.047/.25);--widget-header-transform:none;--widget-header-spacing:0em;--slider-track-radius:28px;--slider-track-bg:oklch(18% .005 80);--toggle-radius:9999px;--icon-container-radius:9999px;--card-hover-translate-y:0px;--slider-thumb-color:white;--slider-thumb-radius:50%;--slider-thumb-shadow:0 1px 6px oklch(0% 0 0/.4);--slider-height:8px;--slider-thumb-size:20px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--brand-primary:oklch(72% .17 65);--brand-primary-light:oklch(82% .14 70);--brand-primary-dark:oklch(55% .15 60);--brand-dark:oklch(18% .005 60)}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.dark{--color-background:oklch(14.1% 0 0);--color-foreground:oklch(98.5% 0 0);--color-card:oklch(17.9% 0 0);--color-card-foreground:oklch(98.5% 0 0);--color-popover:oklch(17.9% 0 0);--color-popover-foreground:oklch(98.5% 0 0);--color-primary:oklch(98.5% 0 0);--color-primary-foreground:oklch(20.5% 0 0);--color-secondary:oklch(26.9% 0 0);--color-secondary-foreground:oklch(98.5% 0 0);--color-muted:oklch(26.9% 0 0);--color-muted-foreground:oklch(75% 0 0);--color-accent:oklch(26.9% 0 0);--color-accent-foreground:oklch(98.5% 0 0);--color-destructive:oklch(39.6% .141 25.723);--color-destructive-foreground:oklch(63.7% .237 25.331);--color-border:oklch(26.9% 0 0);--color-input:oklch(26.9% 0 0);--color-ring:oklch(75% 0 0)}[data-theme=hume]{--color-primary:oklch(65% .18 45);--color-primary-foreground:oklch(98% .005 60);--color-lighting:oklch(65% .18 45);--color-climate:oklch(58% .14 245);--color-security:oklch(55% .2 25);--color-music:oklch(58% .13 148);--color-warm-dim:oklch(22% .06 42);--color-warm-low:oklch(38% .14 44);--color-warm-mid:oklch(55% .18 46);--color-warm-bright:oklch(72% .18 48);--color-ring:oklch(65% .18 45);--density-gap:1.25rem;--density-card-min-h:200px;--density-section-gap:2.5rem;--density-font-hero:3rem;--density-padding-card:1.75rem;--radius-card:1.75rem;--radius-button:9999px;--spacing-card:1.5rem;--font-weight-heading:600;--letter-spacing-heading:-.01em;--widget-border:1px solid oklch(100% 0 0/.06);--widget-glow:0 4px 20px oklch(0% 0 0/.35);--widget-active-glow:0 0 32px oklch(65% .18 45/.45), 0 0 8px oklch(65% .18 45/.3);--widget-header-transform:uppercase;--widget-header-spacing:.06em;--slider-track-radius:9999px;--slider-track-bg:oklch(32% .01 40);--slider-height:10px;--slider-thumb-size:22px;--slider-thumb-radius:50%;--slider-thumb-color:oklch(96% 0 0);--slider-thumb-shadow:0 0 12px oklch(65% .18 45/.5), 0 2px 6px oklch(0% 0 0/.4);--toggle-radius:9999px;--color-spotify:oklch(58% .16 42);--color-sonos:oklch(52% .14 45);--color-hue:oklch(65% .18 45);--color-hue-active-bg:oklch(65% .18 45/.18);--color-hue-active-fg:oklch(62% .17 45);--color-energy-solar:oklch(62% .18 45);--color-energy-battery:oklch(52% .14 45);--color-energy-grid-import:oklch(55% .2 25);--color-energy-grid-export:oklch(52% .14 45);--icon-container-radius:1.25rem;--card-hover-translate-y:-3px;--widget-title-weight:600}[data-theme=hume].dark{--color-background:oklch(14% .004 38);--color-foreground:oklch(95% .005 60);--color-card:oklch(28% .006 38);--color-card-foreground:oklch(95% .005 60);--color-popover:oklch(26% .008 38);--color-popover-foreground:oklch(95% .005 60);--color-primary:oklch(65% .18 45);--color-primary-foreground:oklch(98% .005 60);--color-secondary:oklch(22% .005 38);--color-secondary-foreground:oklch(90% .005 60);--color-muted:oklch(22% .005 38);--color-muted-foreground:oklch(78% .012 50);--color-accent:oklch(22% .008 42);--color-accent-foreground:oklch(90% .005 60);--color-border:oklch(32% .008 40);--color-input:oklch(32% .008 40);--color-ring:oklch(65% .18 45)}[data-theme=hume]:not(.dark){--color-background:oklch(95% .008 42);--color-foreground:oklch(15% .01 42);--color-card:oklch(100% 0 0);--color-card-foreground:oklch(15% .01 42);--color-popover:oklch(98% .004 42);--color-popover-foreground:oklch(15% .01 42);--color-primary:oklch(55% .18 45);--color-primary-foreground:oklch(100% 0 0);--color-secondary:oklch(95% .005 42);--color-secondary-foreground:oklch(25% .01 42);--color-muted:oklch(95% .005 42);--color-muted-foreground:oklch(45% .02 45);--color-accent:oklch(93% .008 42);--color-accent-foreground:oklch(25% .01 42);--color-border:oklch(85% .012 42);--color-input:oklch(85% .012 42);--color-ring:oklch(55% .18 45);--slider-track-bg:oklch(78% .01 42);--slider-thumb-color:oklch(55% .18 45);--slider-thumb-shadow:0 1px 4px oklch(0% 0 0/.2)}[data-theme=ecosync]{--color-primary:oklch(84% .28 155);--color-primary-foreground:oklch(5% .02 155);--color-lighting:oklch(84% .28 155);--color-climate:oklch(65% .15 200);--color-security:oklch(60% .22 30);--color-music:oklch(70% .18 155);--color-warm-dim:oklch(15% .06 155);--color-warm-low:oklch(35% .15 155);--color-warm-mid:oklch(58% .24 155);--color-warm-bright:oklch(84% .28 155);--color-ring:oklch(84% .28 155);--density-gap:.5rem;--density-card-min-h:auto;--density-section-gap:1rem;--density-font-hero:1.5rem;--density-font-body:.8125rem;--density-padding-card:.75rem;--radius-card:.75rem;--radius-button:.5rem;--spacing-card:1rem;--font-size-label:.8125rem;--widget-border:1px solid oklch(20% .012 155);--widget-glow:none;--widget-active-glow:0 0 20px oklch(84% .28 155/.3), 0 0 6px oklch(84% .28 155/.2);--widget-header-transform:none;--widget-header-spacing:0em;--slider-track-radius:6px;--slider-track-bg:oklch(22% .015 155);--toggle-radius:.375rem;--color-spotify:oklch(84% .28 155);--color-sonos:oklch(70% .2 160);--color-hue:oklch(84% .28 155);--color-hue-active-bg:oklch(84% .28 155/.15);--color-hue-active-fg:oklch(84% .28 155);--color-energy-solar:oklch(84% .28 155);--color-energy-battery:oklch(70% .2 160);--color-energy-grid-import:oklch(60% .22 30);--color-energy-grid-export:oklch(70% .2 160);--icon-container-radius:.375rem;--widget-title-size:.8125rem;--slider-thumb-color:oklch(84% .28 155);--slider-thumb-radius:2px;--slider-thumb-shadow:0 0 8px oklch(84% .28 155/.4);--slider-height:4px;--slider-thumb-size:14px}[data-theme=ecosync].dark{--color-background:oklch(7% .005 155);--color-foreground:oklch(95% .005 155);--color-card:oklch(12% .008 155);--color-card-foreground:oklch(95% .005 155);--color-popover:oklch(12% .008 155);--color-popover-foreground:oklch(95% .005 155);--color-primary:oklch(84% .28 155);--color-primary-foreground:oklch(5% .02 155);--color-secondary:oklch(15% .01 155);--color-secondary-foreground:oklch(88% .005 155);--color-muted:oklch(15% .01 155);--color-muted-foreground:oklch(72% .03 155);--color-accent:oklch(15% .01 155);--color-accent-foreground:oklch(88% .005 155);--color-border:oklch(20% .012 155);--color-input:oklch(20% .012 155);--color-ring:oklch(84% .28 155)}[data-theme=ecosync]:not(.dark){--color-background:oklch(97% .005 155);--color-foreground:oklch(15% .01 155);--color-card:oklch(100% 0 0);--color-card-foreground:oklch(15% .01 155);--color-popover:oklch(98% .004 155);--color-popover-foreground:oklch(15% .01 155);--color-primary:oklch(42% .18 155);--color-primary-foreground:oklch(100% 0 0);--color-secondary:oklch(94% .008 155);--color-secondary-foreground:oklch(25% .01 155);--color-muted:oklch(94% .008 155);--color-muted-foreground:oklch(45% .03 155);--color-accent:oklch(93% .01 155);--color-accent-foreground:oklch(25% .01 155);--color-border:oklch(88% .02 155);--color-input:oklch(88% .02 155);--color-ring:oklch(55% .2 155);--slider-track-bg:oklch(82% .02 155);--slider-thumb-color:oklch(42% .18 155);--slider-thumb-shadow:0 1px 4px oklch(0% 0 0/.2);--widget-border:1px solid oklch(42% .18 155/.15)}[data-theme=qclay]{--color-primary:oklch(72% .12 175);--color-primary-foreground:oklch(100% 0 0);--color-lighting:oklch(68% .13 285);--color-climate:oklch(65% .1 175);--color-security:oklch(58% .18 30);--color-music:oklch(72% .12 175);--color-warm-dim:oklch(90% .02 285);--color-warm-low:oklch(80% .06 280);--color-warm-mid:oklch(72% .1 285);--color-warm-bright:oklch(68% .13 285);--color-ring:oklch(72% .12 175);--density-gap:1rem;--density-card-min-h:auto;--density-section-gap:2rem;--density-font-hero:2rem;--density-padding-card:1.25rem;--radius-card:1rem;--radius-button:.625rem;--spacing-card:1.25rem;--font-weight-heading:400;--letter-spacing-heading:-.02em;--widget-border:1px solid oklch(0% 0 0/.06);--widget-glow:0 1px 4px oklch(0% 0 0/.04), 0 4px 16px oklch(0% 0 0/.03);--widget-active-glow:0 2px 12px oklch(72% .12 175/.15);--widget-header-transform:uppercase;--widget-header-spacing:.06em;--slider-track-radius:8px;--slider-track-bg:oklch(82% .005 175);--toggle-radius:.5rem;--color-spotify:oklch(68% .11 175);--color-sonos:oklch(65% .1 260);--color-hue:oklch(68% .13 285);--color-hue-active-bg:oklch(68% .13 285/.15);--color-hue-active-fg:oklch(68% .13 285);--color-energy-solar:oklch(72% .12 175);--color-energy-battery:oklch(65% .1 175);--color-energy-grid-import:oklch(58% .18 30);--color-energy-grid-export:oklch(65% .1 175);--icon-container-radius:.625rem;--card-hover-translate-y:-1px;--slider-thumb-color:oklch(72% .12 175);--slider-thumb-shadow:0 1px 3px oklch(0% 0 0/.15)}[data-theme=qclay]:not(.dark){--color-background:oklch(96.5% .003 250);--color-foreground:oklch(18% 0 0);--color-card:oklch(100% 0 0);--color-card-foreground:oklch(18% 0 0);--color-popover:oklch(100% 0 0);--color-popover-foreground:oklch(18% 0 0);--color-primary:oklch(72% .12 175);--color-primary-foreground:oklch(100% 0 0);--color-secondary:oklch(95.5% .004 250);--color-secondary-foreground:oklch(30% 0 0);--color-muted:oklch(94.5% 0 0);--color-muted-foreground:oklch(48% 0 0);--color-accent:oklch(94.5% .008 175);--color-accent-foreground:oklch(22% 0 0);--color-border:oklch(91% 0 0);--color-input:oklch(91% 0 0);--color-ring:oklch(72% .12 175);--widget-border:1px solid oklch(0% 0 0/.07);--slider-track-bg:oklch(82% .005 175)}[data-theme=qclay].dark{--color-background:oklch(14% .005 175);--color-foreground:oklch(95% 0 0);--color-card:oklch(18% .008 175);--color-card-foreground:oklch(95% 0 0);--color-popover:oklch(18% .008 175);--color-popover-foreground:oklch(95% 0 0);--color-primary:oklch(72% .12 175);--color-primary-foreground:oklch(5% 0 0);--color-secondary:oklch(22% .008 175);--color-secondary-foreground:oklch(88% 0 0);--color-muted:oklch(22% .008 175);--color-muted-foreground:oklch(73% .02 175);--color-accent:oklch(22% .008 175);--color-accent-foreground:oklch(88% 0 0);--color-border:oklch(25% .008 175);--color-input:oklch(25% .008 175);--color-ring:oklch(72% .12 175);--widget-border:1px solid oklch(28% .01 175);--widget-glow:none;--slider-track-bg:oklch(30% .01 175)}[data-theme=ambient]{--color-primary:oklch(78% .16 75);--color-primary-foreground:oklch(10% 0 0);--color-lighting:oklch(78% .16 75);--color-climate:oklch(65% .12 250);--color-security:oklch(60% .2 30);--color-music:oklch(70% .14 200);--color-warm-dim:oklch(18% .05 75);--color-warm-low:oklch(35% .1 75);--color-warm-mid:oklch(55% .14 75);--color-warm-bright:oklch(78% .16 75);--color-ring:oklch(78% .16 75);--density-gap:1rem;--density-card-min-h:auto;--density-section-gap:2rem;--density-font-hero:2.25rem;--density-font-body:.875rem;--density-padding-card:1.25rem;--radius-card:1.25rem;--radius-button:.75rem;--spacing-card:1.25rem;--font-weight-heading:500;--letter-spacing-heading:.02em;--font-size-label:.875rem;--widget-border:1px solid oklch(100% 0 0/.08);--widget-glow:0 4px 20px oklch(0% 0 0/.3);--widget-active-glow:0 0 24px oklch(78% .16 75/.3);--widget-header-transform:none;--widget-header-spacing:.02em;--slider-track-radius:12px;--slider-track-bg:oklch(25% .015 290);--toggle-radius:.75rem;--color-spotify:oklch(70% .14 80);--color-sonos:oklch(65% .12 200);--color-hue:oklch(78% .16 75);--color-hue-active-bg:oklch(78% .16 75/.2);--color-hue-active-fg:oklch(80% .14 78);--color-energy-solar:oklch(78% .16 75);--color-energy-battery:oklch(65% .14 200);--color-energy-grid-import:oklch(60% .2 30);--color-energy-grid-export:oklch(65% .14 200);--icon-container-radius:.75rem;--card-hover-translate-y:0px;--slider-thumb-color:oklch(78% .16 75);--slider-thumb-shadow:0 0 8px oklch(78% .16 75/.5)}[data-theme=ambient].dark{--color-background:oklch(10% .015 300);--color-foreground:oklch(95% .005 290);--color-card:oklch(15% .01 290/.6);--color-card-foreground:oklch(95% .005 290);--color-popover:oklch(10% .015 290/.5);--color-popover-foreground:oklch(95% .005 290);--color-primary:oklch(78% .16 75);--color-primary-foreground:oklch(10% 0 0);--color-secondary:oklch(14% .01 290);--color-secondary-foreground:oklch(90% .005 290);--color-muted:oklch(18% .01 290);--color-muted-foreground:oklch(75% .012 290);--color-accent:oklch(18% .015 290);--color-accent-foreground:oklch(90% .005 290);--color-border:oklch(22% .01 290);--color-input:oklch(18% .01 290);--color-ring:oklch(78% .16 75)}[data-theme=ambient]:not(.dark){--color-background:oklch(96% .006 280);--color-foreground:oklch(15% .01 290);--color-card:oklch(100% 0 0/.7);--color-card-foreground:oklch(15% .01 290);--color-popover:oklch(98% .004 280/.85);--color-popover-foreground:oklch(15% .01 290);--color-primary:oklch(65% .16 75);--color-primary-foreground:oklch(100% 0 0);--color-secondary:oklch(94% .006 280);--color-secondary-foreground:oklch(25% .01 290);--color-muted:oklch(94% .006 280);--color-muted-foreground:oklch(45% .01 290);--color-accent:oklch(93% .008 280);--color-accent-foreground:oklch(25% .01 290);--color-border:oklch(88% .008 280);--color-input:oklch(88% .008 280);--color-ring:oklch(65% .16 75);--slider-track-bg:oklch(82% .008 280);--slider-thumb-color:oklch(65% .16 75);--slider-thumb-shadow:0 1px 4px oklch(0% 0 0/.15)}[data-theme=data]{--color-primary:oklch(68% .14 250);--color-primary-foreground:oklch(5% .01 250);--color-lighting:oklch(68% .14 250);--color-climate:oklch(60% .1 200);--color-security:oklch(60% .18 30);--color-music:oklch(65% .12 280);--color-warm-dim:oklch(12% .04 250);--color-warm-low:oklch(30% .1 250);--color-warm-mid:oklch(50% .13 250);--color-warm-bright:oklch(68% .14 250);--color-ring:oklch(68% .14 250);--density-gap:.5rem;--density-card-min-h:auto;--density-section-gap:1rem;--density-font-hero:1.5rem;--density-font-body:.8125rem;--density-padding-card:.75rem;--radius-card:.5rem;--radius-button:.375rem;--spacing-card:.75rem;--font-size-label:.8125rem;--widget-border:1px solid oklch(22% .02 250);--widget-glow:none;--widget-active-glow:0 0 16px oklch(68% .14 250/.25), 0 0 4px oklch(68% .14 250/.15);--widget-header-transform:uppercase;--widget-header-spacing:.06em;--slider-track-radius:4px;--slider-track-bg:oklch(22% .015 250);--toggle-radius:.25rem;--color-spotify:oklch(65% .14 155);--color-sonos:oklch(60% .1 250);--color-hue:oklch(68% .14 250);--color-hue-active-bg:oklch(68% .14 250/.15);--color-hue-active-fg:oklch(72% .12 250);--color-energy-solar:oklch(70% .16 90);--color-energy-battery:oklch(68% .14 250);--color-energy-grid-import:oklch(60% .18 30);--color-energy-grid-export:oklch(65% .12 200);--icon-container-radius:.25rem;--widget-title-size:.8125rem;--slider-thumb-color:oklch(68% .14 250);--slider-thumb-radius:2px;--slider-thumb-shadow:0 0 6px oklch(68% .14 250/.4);--slider-height:4px;--slider-thumb-size:14px}[data-theme=data].dark{--color-background:oklch(7% .01 250);--color-foreground:oklch(92% .005 250);--color-card:oklch(11% .012 250);--color-card-foreground:oklch(92% .005 250);--color-popover:oklch(11% .012 250);--color-popover-foreground:oklch(92% .005 250);--color-primary:oklch(68% .14 250);--color-primary-foreground:oklch(5% .01 250);--color-secondary:oklch(14% .01 250);--color-secondary-foreground:oklch(85% .005 250);--color-muted:oklch(14% .01 250);--color-muted-foreground:oklch(72% .02 250);--color-accent:oklch(14% .015 250);--color-accent-foreground:oklch(85% .005 250);--color-border:oklch(22% .015 250);--color-input:oklch(18% .01 250);--color-ring:oklch(68% .14 250)}[data-theme=data]:not(.dark){--color-background:oklch(96% .004 250);--color-foreground:oklch(15% .01 250);--color-card:oklch(100% 0 0);--color-card-foreground:oklch(15% .01 250);--color-popover:oklch(98% .004 250);--color-popover-foreground:oklch(15% .01 250);--color-primary:oklch(50% .14 250);--color-primary-foreground:oklch(100% 0 0);--color-secondary:oklch(93% .006 250);--color-secondary-foreground:oklch(25% .01 250);--color-muted:oklch(93% .006 250);--color-muted-foreground:oklch(42% .02 250);--color-accent:oklch(93% .008 250);--color-accent-foreground:oklch(25% .01 250);--color-border:oklch(86% .015 250);--color-input:oklch(86% .015 250);--color-ring:oklch(50% .14 250);--slider-track-bg:oklch(82% .015 250);--slider-thumb-color:oklch(50% .14 250);--slider-thumb-shadow:0 1px 4px oklch(0% 0 0/.2);--widget-border:1px solid oklch(50% .14 250/.15)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-4{top:calc(var(--spacing) * 4)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.right-6{right:calc(var(--spacing) * 6)}.right-10{right:calc(var(--spacing) * 10)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-\[60px\]{bottom:60px}.-left-1{left:calc(var(--spacing) * -1)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[90\]{z-index:90}.z-\[100\]{z-index:100}.z-\[190\]{z-index:190}.z-\[195\]{z-index:195}.z-\[200\]{z-index:200}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-28{height:calc(var(--spacing) * 28)}.h-40{height:calc(var(--spacing) * 40)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-\[90vh\]{max-height:90vh}.min-h-\[40px\]{min-height:40px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:calc(var(--spacing) * 40)}.w-56{width:calc(var(--spacing) * 56)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[120px\]{min-width:120px}.min-w-\[160px\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:var(--radius)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--brand-primary\)\]\/20{border-color:var(--brand-primary)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-primary\)\]\/20{border-color:color-mix(in oklab,var(--brand-primary) 20%,transparent)}}.border-\[var\(--brand-primary\)\]\/30{border-color:var(--brand-primary)}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--brand-primary\)\]\/30{border-color:color-mix(in oklab,var(--brand-primary) 30%,transparent)}}.border-\[var\(--color-climate\)\]\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-\[var\(--color-climate\)\]\/30{border-color:color-mix(in oklab,var(--color-climate) 30%,transparent)}}.border-border{border-color:var(--color-border)}.border-border\/50{border-color:#e5e5e580}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-destructive\/30{border-color:#e400144d}@supports (color:color-mix(in lab,red,red)){.border-destructive\/30{border-color:color-mix(in oklab,var(--color-destructive) 30%,transparent)}}.border-green-500\/40{border-color:#00c75866}@supports (color:color-mix(in lab,red,red)){.border-green-500\/40{border-color:color-mix(in oklab,var(--color-green-500) 40%,transparent)}}.border-input{border-color:var(--color-input)}.border-muted-foreground\/20{border-color:#73737333}@supports (color:color-mix(in lab,red,red)){.border-muted-foreground\/20{border-color:color-mix(in oklab,var(--color-muted-foreground) 20%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/30{border-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-\[\#1DB954\]{background-color:#1db954}.bg-\[var\(--brand-primary\)\],.bg-\[var\(--brand-primary\)\]\/5{background-color:var(--brand-primary)}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--brand-primary\)\]\/5{background-color:color-mix(in oklab,var(--brand-primary) 5%,transparent)}}.bg-\[var\(--color-climate\)\]\/5{background-color:#3080ff0d}@supports (color:color-mix(in lab,red,red)){.bg-\[var\(--color-climate\)\]\/5{background-color:color-mix(in oklab,var(--color-climate) 5%,transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500) 10%,transparent)}}.bg-background{background-color:var(--color-background)}.bg-background\/50{background-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--color-background) 50%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-400{background-color:var(--color-blue-400)}.bg-camera\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-camera\/10{background-color:color-mix(in oklab,var(--color-camera) 10%,transparent)}}.bg-card{background-color:var(--color-card)}.bg-card\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-card\/60{background-color:color-mix(in oklab,var(--color-card) 60%,transparent)}}.bg-card\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-card\/80{background-color:color-mix(in oklab,var(--color-card) 80%,transparent)}}.bg-card\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-card\/95{background-color:color-mix(in oklab,var(--color-card) 95%,transparent)}}.bg-climate\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-climate\/10{background-color:color-mix(in oklab,var(--color-climate) 10%,transparent)}}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive\/5{background-color:#e400140d}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/5{background-color:color-mix(in oklab,var(--color-destructive) 5%,transparent)}}.bg-destructive\/10{background-color:#e400141a}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive) 10%,transparent)}}.bg-destructive\/20{background-color:#e4001433}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/20{background-color:color-mix(in oklab,var(--color-destructive) 20%,transparent)}}.bg-destructive\/90{background-color:#e40014e6}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/90{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.bg-foreground\/5{background-color:#0a0a0a0d}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/5{background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)}}.bg-foreground\/10{background-color:#0a0a0a1a}@supports (color:color-mix(in lab,red,red)){.bg-foreground\/10{background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500) 10%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500) 20%,transparent)}}.bg-green-600\/20{background-color:#00a54433}@supports (color:color-mix(in lab,red,red)){.bg-green-600\/20{background-color:color-mix(in oklab,var(--color-green-600) 20%,transparent)}}.bg-lighting{background-color:var(--color-lighting)}.bg-lighting\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-lighting\/10{background-color:color-mix(in oklab,var(--color-lighting) 10%,transparent)}}.bg-lighting\/15{background-color:#edb20026}@supports (color:color-mix(in lab,red,red)){.bg-lighting\/15{background-color:color-mix(in oklab,var(--color-lighting) 15%,transparent)}}.bg-lighting\/20{background-color:#edb20033}@supports (color:color-mix(in lab,red,red)){.bg-lighting\/20{background-color:color-mix(in oklab,var(--color-lighting) 20%,transparent)}}.bg-music\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-music\/10{background-color:color-mix(in oklab,var(--color-music) 10%,transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted-foreground\/10{background-color:#7373731a}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab,var(--color-muted-foreground) 10%,transparent)}}.bg-muted-foreground\/25{background-color:#73737340}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/25{background-color:color-mix(in oklab,var(--color-muted-foreground) 25%,transparent)}}.bg-muted-foreground\/30{background-color:#7373734d}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab,var(--color-muted-foreground) 30%,transparent)}}.bg-muted-foreground\/40{background-color:#73737366}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/40{background-color:color-mix(in oklab,var(--color-muted-foreground) 40%,transparent)}}.bg-muted-foreground\/50{background-color:#73737380}@supports (color:color-mix(in lab,red,red)){.bg-muted-foreground\/50{background-color:color-mix(in oklab,var(--color-muted-foreground) 50%,transparent)}}.bg-muted\/30{background-color:#f5f5f54d}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.bg-orange-400{background-color:var(--color-orange-400)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#1717171a}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/15{background-color:#17171726}@supports (color:color-mix(in lab,red,red)){.bg-primary\/15{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.bg-primary\/20{background-color:#17171733}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/30{background-color:#f5f5f54d}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--color-secondary) 30%,transparent)}}.bg-secondary\/50{background-color:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/50{background-color:color-mix(in oklab,var(--color-secondary) 50%,transparent)}}.bg-secondary\/60{background-color:#f5f5f599}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/60{background-color:color-mix(in oklab,var(--color-secondary) 60%,transparent)}}.bg-security{background-color:var(--color-security)}.bg-security\/10{background-color:#e400141a}@supports (color:color-mix(in lab,red,red)){.bg-security\/10{background-color:color-mix(in oklab,var(--color-security) 10%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-background{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:#0009}@supports (color:color-mix(in lab,red,red)){.from-black\/60{--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}}.from-black\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:#000000b3}@supports (color:color-mix(in lab,red,red)){.from-black\/70{--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}}.from-black\/70{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-warm-dim{--tw-gradient-from:var(--color-warm-dim);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-background\/60{--tw-gradient-via:#fff9}@supports (color:color-mix(in lab,red,red)){.via-background\/60{--tw-gradient-via:color-mix(in oklab, var(--color-background) 60%, transparent)}}.via-background\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-warm-mid{--tw-gradient-via:var(--color-warm-mid);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-warm-bright{--tw-gradient-to:var(--color-warm-bright);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-green-400{fill:var(--color-green-400)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[clamp\(1\.5rem\,5vw\,1\.875rem\)\]{font-size:clamp(1.5rem,5vw,1.875rem)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--brand-dark\)\]{color:var(--brand-dark)}.text-\[var\(--brand-primary\)\]{color:var(--brand-primary)}.text-\[var\(--color-climate\)\]{color:var(--color-climate)}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-border{color:var(--color-border)}.text-camera{color:var(--color-camera)}.text-climate{color:var(--color-climate)}.text-destructive{color:var(--color-destructive)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-foreground\/60{color:#0a0a0a99}@supports (color:color-mix(in lab,red,red)){.text-foreground\/60{color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}}.text-foreground\/80{color:#0a0a0acc}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--color-foreground) 80%,transparent)}}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-lighting{color:var(--color-lighting)}.text-music{color:var(--color-music)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-muted-foreground\/40{color:#73737366}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/40{color:color-mix(in oklab,var(--color-muted-foreground) 40%,transparent)}}.text-muted-foreground\/50{color:#73737380}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--color-muted-foreground) 50%,transparent)}}.text-muted-foreground\/60{color:#73737399}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/60{color:color-mix(in oklab,var(--color-muted-foreground) 60%,transparent)}}.text-muted-foreground\/70{color:#737373b3}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/70{color:color-mix(in oklab,var(--color-muted-foreground) 70%,transparent)}}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary\/50{color:#17171780}@supports (color:color-mix(in lab,red,red)){.text-primary\/50{color:color-mix(in oklab,var(--color-primary) 50%,transparent)}}.text-primary\/70{color:#171717b3}@supports (color:color-mix(in lab,red,red)){.text-primary\/70{color:color-mix(in oklab,var(--color-primary) 70%,transparent)}}.text-security{color:var(--color-security)}.text-white{color:var(--color-white)}.text-white\/30{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.text-white\/30{color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-yellow-500{color:var(--color-yellow-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.accent-foreground{accent-color:var(--color-foreground)}.accent-primary{accent-color:var(--color-primary)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lighting\/30{--tw-shadow-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.shadow-lighting\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-lighting) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-border\/50{--tw-ring-color:#e5e5e580}@supports (color:color-mix(in lab,red,red)){.ring-border\/50{--tw-ring-color:color-mix(in oklab, var(--color-border) 50%, transparent)}}.ring-primary\/30{--tw-ring-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.ring-primary\/30{--tw-ring-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-350{--tw-duration:.35s;transition-duration:.35s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:text-primary:is(:where(.group):hover *){color:var(--color-primary)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.placeholder\:text-muted-foreground\/50::placeholder{color:#73737380}@supports (color:color-mix(in lab,red,red)){.placeholder\:text-muted-foreground\/50::placeholder{color:color-mix(in oklab,var(--color-muted-foreground) 50%,transparent)}}@media(hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[var\(--brand-primary\)\]\/50:hover{border-color:var(--brand-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-\[var\(--brand-primary\)\]\/50:hover{border-color:color-mix(in oklab,var(--brand-primary) 50%,transparent)}}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-primary\/30:hover{border-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/30:hover{border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.hover\:bg-\[\#1DB954\]\/90:hover{background-color:#1db954e6}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/50:hover{background-color:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab,var(--color-accent) 50%,transparent)}}.hover\:bg-card:hover{background-color:var(--color-card)}.hover\:bg-destructive\/10:hover{background-color:#e400141a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--color-destructive) 10%,transparent)}}.hover\:bg-destructive\/20:hover{background-color:#e4001433}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--color-destructive) 20%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:#e40014e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive) 90%,transparent)}}.hover\:bg-foreground\/10:hover{background-color:#0a0a0a1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/10:hover{background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)}}.hover\:bg-foreground\/15:hover{background-color:#0a0a0a26}@supports (color:color-mix(in lab,red,red)){.hover\:bg-foreground\/15:hover{background-color:color-mix(in oklab,var(--color-foreground) 15%,transparent)}}.hover\:bg-lighting\/25:hover{background-color:#edb20040}@supports (color:color-mix(in lab,red,red)){.hover\:bg-lighting\/25:hover{background-color:color-mix(in oklab,var(--color-lighting) 25%,transparent)}}.hover\:bg-lighting\/30:hover{background-color:#edb2004d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-lighting\/30:hover{background-color:color-mix(in oklab,var(--color-lighting) 30%,transparent)}}.hover\:bg-muted\/80:hover{background-color:#f5f5f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab,var(--color-muted) 80%,transparent)}}.hover\:bg-primary\/15:hover{background-color:#17171726}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/15:hover{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.hover\:bg-primary\/30:hover{background-color:#1717174d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/30:hover{background-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}.hover\:bg-primary\/80:hover{background-color:#171717cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab,var(--color-primary) 80%,transparent)}}.hover\:bg-primary\/90:hover{background-color:#171717e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent)}}.hover\:bg-secondary:hover{background-color:var(--color-secondary)}.hover\:bg-secondary\/80:hover{background-color:#f5f5f5cc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary) 80%,transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:text-destructive:hover{color:var(--color-destructive)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[var\(--brand-primary\)\]\/25:hover{--tw-shadow-alpha:25%;--tw-shadow:var(--brand-primary);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-\[0_0_12px_oklch\(0\.72_0\.17_65\/0\.08\)\]:hover{--tw-shadow:0 0 12px var(--tw-shadow-color,oklch(72% .17 65/.08));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:brightness-105:hover{--tw-brightness:brightness(105%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-\[var\(--brand-primary\)\]:focus{border-color:var(--brand-primary)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--brand-primary\)\]:focus{--tw-ring-color:var(--brand-primary)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.97\]:active{scale:.97}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:48rem){.md\:right-4{right:calc(var(--spacing) * 4)}.md\:right-6{right:calc(var(--spacing) * 6)}.md\:bottom-4{bottom:calc(var(--spacing) * 4)}.md\:bottom-6{bottom:calc(var(--spacing) * 6)}.md\:left-16{left:calc(var(--spacing) * 16)}.md\:left-auto{left:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[600px\]{height:600px}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:w-\[420px\]{width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:border{border-style:var(--tw-border-style);border-width:1px}.md\:border-border{border-color:var(--color-border)}.md\:p-6{padding:calc(var(--spacing) * 6)}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.md\:opacity-0{opacity:0}@media(hover:hover){.md\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media(min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:p-8{padding:calc(var(--spacing) * 8)}}@media(min-width:80rem){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>\*\]\:h-4>*{height:calc(var(--spacing) * 4)}.\[\&\>\*\]\:h-5>*{height:calc(var(--spacing) * 5)}.\[\&\>\*\]\:h-6>*{height:calc(var(--spacing) * 6)}.\[\&\>\*\]\:w-4>*{width:calc(var(--spacing) * 4)}.\[\&\>\*\]\:w-5>*{width:calc(var(--spacing) * 5)}.\[\&\>\*\]\:w-6>*{width:calc(var(--spacing) * 6)}}[data-theme=hume].dark .glass{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#1e1918a6;border:1px solid oklch(100% 0 0/.1);box-shadow:0 2px 12px #0000004d}[data-theme=hume].dark .glass-active{-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);background:#2b221eb3;border:1px solid oklch(65% .18 45/.3);box-shadow:0 2px 16px #0000004d,0 0 20px #e4621226}[data-theme=hume].dark .glass-elevated{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:#2d2826bf;border:1px solid oklch(100% 0 0/.12);box-shadow:0 4px 24px #00000059}[data-theme=hume]:not(.dark) .glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:1px solid oklch(0% 0 0/.1);box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000d}[data-theme=hume]:not(.dark) .glass-active{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffbf9fa;border:1px solid oklch(55% .18 45/.3);box-shadow:0 1px 6px #b84b001f,0 4px 16px #0000000d;box-shadow:0 1px 6px oklch(55% .18 45/.12),0 4px 16px #0000000d}[data-theme=hume]:not(.dark) .glass-elevated{background:#fff;border:1px solid oklch(0% 0 0/.1);box-shadow:0 4px 20px #00000014}[data-theme=hume]:not(.dark) .glass-active.room-tile{background:#fffbf9;background:oklch(99% .006 45);border:1px solid oklch(55% .18 45/.3);box-shadow:0 2px 8px #b84b001f;box-shadow:0 2px 8px oklch(55% .18 45/.12)}[data-theme=hume]:not(.dark) .glass.room-tile{background:#fff;border:1px solid oklch(0% 0 0/.08);box-shadow:0 1px 4px #0000000d}[data-theme=ecosync].dark .glass{-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#010201a6;border:1px solid oklch(84% .28 155/.1);box-shadow:inset 0 1px #ffffff08}[data-theme=ecosync].dark .glass-active{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#000502b3;border:1px solid oklch(84% .28 155/.35);box-shadow:0 0 20px #01f08c26,inset 0 0 0 1px #01f08c0d;box-shadow:0 0 20px oklch(84% .28 155/.15),inset 0 0 0 1px oklch(84% .28 155/.05)}[data-theme=ecosync].dark .glass-elevated{-webkit-backdrop-filter:blur(20px)saturate(1.2);background:#010402b3;border:1px solid oklch(84% .28 155/.15);box-shadow:inset 0 1px #ffffff0a}[data-theme=ecosync]:not(.dark) .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}[data-theme=ecosync]:not(.dark) .glass-active{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f4faf6;border:1px solid oklch(42% .18 155/.35);box-shadow:0 2px 12px #005d331f,0 4px 16px #0000000a;box-shadow:0 2px 12px oklch(42% .18 155/.12),0 4px 16px #0000000a}[data-theme=ecosync]:not(.dark) .glass-elevated{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.07);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}[data-theme=qclay]:not(.dark) .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}[data-theme=qclay]:not(.dark) .glass-active{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f6fbfa;border:1px solid oklch(72% .12 175/.4);box-shadow:0 2px 12px #39bda026,0 4px 16px #0000000a}[data-theme=qclay]:not(.dark) .glass-elevated{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.07);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}[data-theme=ambient].dark .glass{-webkit-backdrop-filter:blur(12px)saturate(140%);backdrop-filter:blur(12px)saturate(140%);background:#06050966;border:1px solid oklch(100% 0 0/.1);box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0f}[data-theme=ambient].dark .glass-active{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background:#0f0a0573;border:1px solid oklch(78% .16 75/.3);box-shadow:0 0 28px #f2a61840,inset 0 1px #ffffff0f}[data-theme=ambient].dark .glass-elevated{-webkit-backdrop-filter:blur(14px)saturate(145%);backdrop-filter:blur(14px)saturate(145%);background:#09080d73;border:1px solid oklch(100% 0 0/.12);box-shadow:0 6px 24px #00000059,inset 0 1px #ffffff0f}[data-theme=ambient]:not(.dark) .glass{-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:#ffffffa6;border:1px solid oklch(0% 0 0/.08);box-shadow:0 2px 12px #0000000f,inset 0 1px #ffffff80}[data-theme=ambient]:not(.dark) .glass-active{-webkit-backdrop-filter:blur(16px)saturate(130%);backdrop-filter:blur(16px)saturate(130%);background:#ffffffbf;border:1px solid oklch(65% .16 75/.25);box-shadow:0 2px 16px #bf81001a,inset 0 1px #ffffff80;box-shadow:0 2px 16px oklch(65% .16 75/.1),inset 0 1px #ffffff80}[data-theme=ambient]:not(.dark) .glass-elevated{-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:#ffffffb3;border:1px solid oklch(0% 0 0/.1);box-shadow:0 4px 20px #00000014,inset 0 1px #ffffff80}[data-theme=qclay].dark .glass{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#0e1311;border:1px solid oklch(25% .008 175)}[data-theme=qclay].dark .glass-active{-webkit-backdrop-filter:none;backdrop-filter:none;background:#111816;border:1px solid oklch(72% .12 175/.25);box-shadow:0 0 8px #39bda014}[data-theme=qclay].dark .glass-elevated{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#121716;border:1px solid oklch(26% .008 175)}[data-theme=data].dark .glass{-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#010305b3;border:1px solid oklch(68% .14 250/.08);box-shadow:inset 0 1px #ffffff08}[data-theme=data].dark .glass-active{-webkit-backdrop-filter:blur(18px)saturate(1.2);background:#01050bbf;border:1px solid oklch(68% .14 250/.3);box-shadow:0 0 16px #4c9deb1f,inset 0 0 0 1px #4c9deb0a}[data-theme=data].dark .glass-elevated{-webkit-backdrop-filter:blur(18px)saturate(1.15);background:#010408b8;border:1px solid oklch(68% .14 250/.12);box-shadow:inset 0 1px #ffffff0a}[data-theme=data]:not(.dark) .glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}[data-theme=data]:not(.dark) .glass-active{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f5f9fc;border:1px solid oklch(50% .14 250/.35);box-shadow:0 2px 12px #0465af1f,0 4px 16px #0000000a}[data-theme=data]:not(.dark) .glass-elevated{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid oklch(0% 0 0/.07);box-shadow:0 4px 12px #0000000f,0 8px 24px #0000000a}[data-theme=hume] .glow-lighting{box-shadow:0 0 28px #e462124d,0 0 8px #e4621233}[data-theme=hume] .glow-climate{box-shadow:0 0 24px #1380c747,0 0 6px #1380c724}[data-theme=ecosync] .glow-lighting{box-shadow:0 0 24px #01f08c4d,0 0 6px #01f08c33;box-shadow:0 0 24px oklch(84% .28 155/.3),0 0 6px oklch(84% .28 155/.2)}[data-theme=ecosync] .glow-climate{box-shadow:0 0 20px #00a3aa4d,0 0 6px #00a3aa26;box-shadow:0 0 20px oklch(65% .15 200/.3),0 0 6px oklch(65% .15 200/.15)}[data-theme=qclay] .glow-lighting{box-shadow:0 1px 8px #918be52e}[data-theme=qclay] .glow-climate{box-shadow:0 1px 8px #3ea38c2e}[data-theme=ambient] .glow-lighting{box-shadow:0 0 28px #f2a61859,0 0 10px #f2a61833}[data-theme=ambient] .glow-climate{box-shadow:0 0 24px #5194d54d,0 0 8px #5194d526}[data-theme=data] .glow-lighting{box-shadow:0 0 20px #4c9deb4d,0 0 6px #4c9deb2e}[data-theme=data] .glow-climate{box-shadow:0 0 16px #0d929840,0 0 4px #0d92981f}.sidebar{background:var(--color-popover);border-right:1px solid var(--color-border)}.sidebar-header{border-bottom:1px solid var(--color-border);background:oklch(from var(--brand-primary) l c h / .03)}.sidebar-collapse-toggle,.sidebar-actions{border-bottom:1px solid var(--color-border)}.sidebar-divider{background:var(--color-border);opacity:.4}.sidebar-tooltip{background:var(--color-popover);color:var(--color-popover-foreground);border:1px solid var(--color-border)}.sidebar-light-dot{background:var(--color-primary)}.sidebar-nav-active{background:oklch(from var(--color-primary) l c h / .12);color:var(--color-primary)}[data-theme=hume] .sidebar-nav-active{color:#fd7933;background:#e4621226;box-shadow:0 0 20px #e462121f}[data-theme=ecosync].dark .sidebar{background:#010201;border-right-color:#01f08c1f;border-right-color:oklch(84% .28 155/.12)}[data-theme=ecosync].dark .sidebar-header,[data-theme=ecosync].dark .sidebar-collapse-toggle,[data-theme=ecosync].dark .sidebar-actions{border-bottom-color:#01f08c14;border-bottom-color:oklch(84% .28 155/.08)}[data-theme=ecosync].dark .sidebar-divider{opacity:1;background:#01f08c14;background:oklch(84% .28 155/.08)}[data-theme=ecosync].dark .sidebar-data-panel{background:#000100;border:1px solid oklch(84% .28 155/.08)}[data-theme=ecosync].dark .sidebar-tooltip{color:#01f08c;color:oklch(84% .28 155);background:#040705f2;border:none}[data-theme=ecosync].dark .sidebar-nav-active{color:#01f08c;color:oklch(84% .28 155);background:#01f08c1a;background:oklch(84% .28 155/.1);border-left:2px solid oklch(84% .28 155)}[data-theme=qclay] .sidebar-nav-active{background:oklch(from var(--color-primary) l c h / .05);color:var(--color-primary);border-left:2px solid var(--color-primary);font-weight:500}[data-theme=ambient].dark .sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=ambient].dark .sidebar-collapse-toggle,[data-theme=ambient].dark .sidebar-actions{border-bottom-color:#ffffff0f}[data-theme=ambient].dark .sidebar-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0a0fe6;border:none}[data-theme=ambient].dark .sidebar-nav-active{color:#f9b64f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f2a6181f;border-left:2px solid oklch(78% .16 75/.6);box-shadow:0 0 16px #f2a6181a}[data-theme=ambient].dark .sidebar-light-dot{background:#f2a618}[data-theme=hume]:not(.dark) .sidebar{background:#fff;border-right:1px solid oklch(0% 0 0/.08)}[data-theme=hume]:not(.dark) .sidebar-header{background:#b84b0008;background:oklch(55% .18 45/.03);border-bottom:1px solid oklch(0% 0 0/.06)}[data-theme=hume]:not(.dark) .sidebar-nav-active{color:#8c3700;color:oklch(45% .16 45);background:#b84b001a;background:oklch(55% .18 45/.1)}[data-theme=hume]:not(.dark) .sidebar-divider{background:#0000000f}[data-theme=hume]:not(.dark) .sidebar-tooltip{color:#0f0a08;background:#fff;border:1px solid oklch(0% 0 0/.08);box-shadow:0 4px 12px #00000014}[data-theme=ecosync]:not(.dark) .sidebar{background:#fff;border-right:1px solid oklch(42% .18 155/.1)}[data-theme=ecosync]:not(.dark) .sidebar-header{border-bottom-color:#005d3314;border-bottom-color:oklch(42% .18 155/.08)}[data-theme=ecosync]:not(.dark) .sidebar-collapse-toggle,[data-theme=ecosync]:not(.dark) .sidebar-actions{border-bottom-color:#005d330f;border-bottom-color:oklch(42% .18 155/.06)}[data-theme=ecosync]:not(.dark) .sidebar-divider{opacity:1;background:#0000000f}[data-theme=ecosync]:not(.dark) .sidebar-data-panel{background:#005d330a;background:oklch(42% .18 155/.04);border:1px solid oklch(42% .18 155/.1)}[data-theme=ecosync]:not(.dark) .sidebar-tooltip{color:#00381c;color:oklch(30% .15 155);background:#fff;border:1px solid oklch(42% .18 155/.12);box-shadow:0 4px 12px #00000014}[data-theme=ecosync]:not(.dark) .sidebar-nav-active{color:#00381c;color:oklch(30% .15 155);background:#005d3314;background:oklch(42% .18 155/.08);border-left:2px solid oklch(42% .18 155)}[data-theme=qclay]:not(.dark) .sidebar{background:#fff;border-right:1px solid oklch(0% 0 0/.06)}[data-theme=qclay]:not(.dark) .sidebar-nav-active{color:#005545;color:oklch(40% .1 175);background:#39bda00f;border-left:2px solid oklch(72% .12 175);font-weight:500}[data-theme=qclay]:not(.dark) .sidebar-tooltip{color:#121212;background:#fff;border:1px solid oklch(0% 0 0/.06);box-shadow:0 4px 12px #0000000f}[data-theme=ambient]:not(.dark) .sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border-right:1px solid oklch(0% 0 0/.06)}[data-theme=ambient]:not(.dark) .sidebar-nav-active{color:#865900;color:oklch(50% .14 75);box-shadow:none;background:#bf81001a;background:oklch(65% .16 75/.1);border-left:2px solid oklch(65% .16 75/.5)}[data-theme=ambient]:not(.dark) .sidebar-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0b0a0f;background:#ffffffe6;border:1px solid oklch(0% 0 0/.06)}[data-theme=ambient]:not(.dark) .sidebar-light-dot{background:#bf8100;background:oklch(65% .16 75)}[data-theme=data]:not(.dark) .sidebar{background:#fff;border-right:1px solid oklch(50% .14 250/.1)}[data-theme=data]:not(.dark) .sidebar-nav-active{color:#003c6b;color:oklch(35% .12 250);background:#0465af14}[data-theme=data]:not(.dark) .sidebar-tooltip{color:#080c0f;background:#fff;border:1px solid oklch(50% .14 250/.1);box-shadow:0 4px 12px #00000014}.glass{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:#ffffff14;border:1px solid oklch(100% 0 0/.12)}.dark .glass{-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%);background:#ffffff0f;border:1px solid oklch(100% 0 0/.08)}.glass-elevated{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff1f;border:1px solid oklch(100% 0 0/.18)}.dark .glass-elevated{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff14;border:1px solid oklch(100% 0 0/.12)}.glass-active{-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);background:#ffffff24;border:1px solid oklch(100% 0 0/.2)}.dark .glass-active{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#ffffff1f;border:1px solid oklch(100% 0 0/.18)}.glow-lighting{box-shadow:0 0 24px #eab3004d,0 0 8px #eab30026;box-shadow:0 0 24px oklch(79.5% .184 86.047/.3),0 0 8px oklch(79.5% .184 86.047/.15)}.glow-climate{box-shadow:0 0 24px #3280ff4d,0 0 8px #3280ff26;box-shadow:0 0 24px oklch(62.3% .214 259.815/.3),0 0 8px oklch(62.3% .214 259.815/.15)}.glow-security{box-shadow:0 0 24px #e400144d,0 0 8px #e4001426;box-shadow:0 0 24px oklch(57.7% .245 27.325/.3),0 0 8px oklch(57.7% .245 27.325/.15)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #e400144d;box-shadow:0 0 20px oklch(57.7% .245 27.325/.3)}50%{box-shadow:0 0 40px #e4001499;box-shadow:0 0 40px oklch(57.7% .245 27.325/.6)}}.pulse-security{animation:2s ease-in-out infinite pulse-glow}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@supports (padding:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}[data-theme=ecosync] .slider-thumb{background:#01f08c;background:oklch(84% .28 155);border-radius:1px;height:3px;box-shadow:0 0 8px #01f08c66;box-shadow:0 0 8px oklch(84% .28 155/.4)}[data-theme=qclay] .slider-thumb{background:#39bda0;box-shadow:0 1px 4px #00000026}[data-theme=ambient] .slider-thumb{background:#f2a618;box-shadow:0 0 8px #f2a61880}[data-theme=ecosync] .toggle-track-active{background:#01f08c;background:oklch(84% .28 155);box-shadow:0 0 8px #01f08c4d;box-shadow:0 0 8px oklch(84% .28 155/.3)}.dark body{background-image:radial-gradient(at 15% 85%,#1d140680,#0000 50%),radial-gradient(at 85% 15%,#0b121a4d,#0000 40%),radial-gradient(#0e0a0726,#0000 70%)}[data-theme=hume].dark body{background-color:#0b0908;background-image:var(--hume-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=hume].dark body:after{content:"";pointer-events:none;z-index:0;background:0 0,radial-gradient(at 8% 90%,#2b0a004d,#0000 35%),radial-gradient(at 90% 10%,#200b0433,#0000 30%),radial-gradient(#0000 55%,#00000040);position:fixed;inset:0}[data-theme=ecosync].dark body{background-color:#000100;background-image:var(--ecosync-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=ecosync].dark body:after{content:"";pointer-events:none;z-index:0;background:0 0/100% 100%,radial-gradient(at 50% 30%,#00f08c0f,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#00f08c1a 1px,#0000 1px) 0 0/24px 24px,repeating-linear-gradient(0deg,#0000 0% 47px,#00f08c08 47px 48px) 0 0/100% 48px;background:0 0/100% 100%,radial-gradient(at 50% 30%,color(xyz 0.296 0.662 0.266 / 0.059),#0000 50%) 0 0/100% 100%,radial-gradient(circle,color(xyz 0.296 0.662 0.266 / 0.102) 1px,#0000 1px) 0 0/24px 24px,repeating-linear-gradient(0deg,#0000 0% 47px,color(xyz 0.296 0.662 0.266 / 0.031) 47px 48px) 0 0/100% 48px;position:fixed;inset:0}[data-theme=hume]:not(.dark) body{background-color:#f3edea;background-image:var(--hume-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=hume]:not(.dark) body:after{content:"";pointer-events:none;z-index:0;background:0 0,radial-gradient(at 10% 90%,#c650000a,#0000 40%),radial-gradient(at 85% 15%,#c6500008,#0000 35%);background:0 0,radial-gradient(at 10% 90%,color(xyz 0.271 0.177 0.01 / 0.039),#0000 40%),radial-gradient(at 85% 15%,color(xyz 0.271 0.177 0.01 / 0.031),#0000 35%);position:fixed;inset:0}[data-theme=ecosync]:not(.dark) body{background-color:#f3f6f4;background-image:var(--ecosync-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=ecosync]:not(.dark) body:after{content:"";pointer-events:none;z-index:0;background:0 0/100% 100%,radial-gradient(at 50% 30%,#00f08c08,#0000 50%) 0 0/100% 100%,radial-gradient(circle,#00f08c0a 1px,#0000 1px) 0 0/24px 24px;background:0 0/100% 100%,radial-gradient(at 50% 30%,color(xyz 0.296 0.662 0.266 / 0.031),#0000 50%) 0 0/100% 100%,radial-gradient(circle,color(xyz 0.296 0.662 0.266 / 0.039) 1px,#0000 1px) 0 0/24px 24px;position:fixed;inset:0}[data-theme=qclay]:not(.dark) body{background-color:#f2f4f5;background-image:var(--qclay-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=qclay].dark body{background-color:#070a09;background-image:var(--qclay-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=qclay]:not(.dark) body:after{content:"";pointer-events:none;z-index:0;background:0 0,linear-gradient(#f5f5f566,#ebf2f040),radial-gradient(circle at 80% 20%,#39bda00a,#0000 40%);position:fixed;inset:0}[data-theme=qclay].dark body:after{content:"";pointer-events:none;z-index:0;background:0 0,radial-gradient(at 70% 30%,#39bda00a,#0000 50%),radial-gradient(at 20% 80%,#39bda008,#0000 40%);position:fixed;inset:0}@keyframes ambient-gradient-shift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}[data-theme=ambient].dark body{background-color:#010101;background-image:var(--ambient-bg-image,url(../../../images/ambient-bg-wohnzimmer.webp));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=ambient].dark body:after{content:"";pointer-events:none;z-index:0;background:#01010159;position:fixed;inset:0}[data-theme=ambient]:not(.dark) body{background-color:#f1f1f6;background-image:var(--ambient-bg-image,url(../../../images/ambient-bg-wohnzimmer.webp));background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=ambient]:not(.dark) body:after{content:"";pointer-events:none;z-index:0;background:#f8f8fb8c;position:fixed;inset:0}[data-theme=data].dark body{background-color:#000102;background-image:var(--data-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=data].dark body:after{content:"";pointer-events:none;z-index:0;background:0 0,linear-gradient(#0000014d,#0000 30%);position:fixed;inset:0}[data-theme=data]:not(.dark) body{background-color:#f0f2f4;background-image:var(--data-bg-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}[data-theme=data]:not(.dark) body:after{content:"";pointer-events:none;z-index:0;background:#f4f5f799;position:fixed;inset:0}.glow-spotify{box-shadow:0 0 24px #00ab624d,0 0 8px #00ab6226;box-shadow:0 0 24px oklch(65% .2 155/.3),0 0 8px oklch(65% .2 155/.15)}.glow-sonos{box-shadow:0 0 24px #8267e24d,0 0 8px #8267e226}.glow-hue{box-shadow:0 0 24px #e1a1004d,0 0 8px #e1a10026;box-shadow:0 0 24px oklch(75% .17 80/.3),0 0 8px oklch(75% .17 80/.15)}.glow-energy{box-shadow:0 0 24px #d3a8004d,0 0 8px #d3a80026;box-shadow:0 0 24px oklch(75% .18 90/.3),0 0 8px oklch(75% .18 90/.15)}[data-theme=hume] .glow-spotify{box-shadow:0 0 24px #bc442c4d,0 0 8px #bc442c2e}[data-theme=hume] .glow-sonos{box-shadow:0 0 24px #a240194d,0 0 8px #a240192e}[data-theme=hume] .glow-hue{box-shadow:0 0 32px #e4621259,0 0 10px #e4621240}[data-theme=hume] .glow-energy{box-shadow:0 0 28px #d8590059,0 0 10px #d8590040;box-shadow:0 0 28px oklch(62% .18 45/.35),0 0 10px oklch(62% .18 45/.25)}[data-theme=ecosync] .glow-spotify{box-shadow:0 0 24px #01f08c4d,0 0 6px #01f08c33;box-shadow:0 0 24px oklch(84% .28 155/.3),0 0 6px oklch(84% .28 155/.2)}[data-theme=ecosync] .glow-sonos{box-shadow:0 0 20px #00bb7b4d,0 0 6px #00bb7b33;box-shadow:0 0 20px oklch(70% .2 160/.3),0 0 6px oklch(70% .2 160/.2)}[data-theme=ecosync] .glow-hue,[data-theme=ecosync] .glow-energy{box-shadow:0 0 24px #01f08c4d,0 0 6px #01f08c33;box-shadow:0 0 24px oklch(84% .28 155/.3),0 0 6px oklch(84% .28 155/.2)}[data-theme=ambient] .glow-spotify{box-shadow:0 0 24px #cb93174d,0 0 8px #cb931726}[data-theme=ambient] .glow-sonos{box-shadow:0 0 24px #00a3aa4d,0 0 8px #00a3aa26;box-shadow:0 0 24px oklch(65% .12 200/.3),0 0 8px oklch(65% .12 200/.15)}[data-theme=ambient] .glow-hue{box-shadow:0 0 28px #f2a61859,0 0 10px #f2a61833}[data-theme=ambient] .glow-energy{box-shadow:0 0 24px #f2a6184d,0 0 8px #f2a61826}[data-theme=qclay] .glow-spotify{box-shadow:0 1px 8px #3aae942e}[data-theme=qclay] .glow-sonos{box-shadow:0 1px 8px #6b90cc2e}[data-theme=qclay] .glow-hue{box-shadow:0 1px 8px #918be52e}[data-theme=qclay] .glow-energy{box-shadow:0 1px 8px #39bda02e}[data-theme=data] .glow-spotify{box-shadow:0 0 16px #33a86840,0 0 4px #33a8681f}[data-theme=data] .glow-sonos{box-shadow:0 0 16px #4f84ba40,0 0 4px #4f84ba1f}[data-theme=data] .glow-hue{box-shadow:0 0 16px #4c9deb40,0 0 4px #4c9deb1f}[data-theme=data] .glow-energy{box-shadow:0 0 16px #c1990040,0 0 4px #c199001f;box-shadow:0 0 16px oklch(70% .16 90/.25),0 0 4px oklch(70% .16 90/.12)}.widget-slider{appearance:none;height:var(--slider-height);border-radius:calc(var(--slider-height) / 2);background:var(--slider-track-bg);cursor:pointer;outline:none;width:100%}.widget-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--_slider-from,var(--color-warm-low)),var(--_slider-to,var(--color-warm-bright)));height:var(--slider-height);border-radius:calc(var(--slider-height) / 2)}.widget-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:var(--slider-thumb-shadow);cursor:pointer;margin-top:calc((var(--slider-height) - var(--slider-thumb-size)) / 2)}.widget-slider::-moz-range-track{background:linear-gradient(to right,var(--_slider-from,var(--color-warm-low)),var(--_slider-to,var(--color-warm-bright)));height:var(--slider-height);border-radius:calc(var(--slider-height) / 2)}.widget-slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:var(--slider-thumb-shadow);cursor:pointer;border:none}.slider-context-hue{--_slider-from:var(--color-warm-low);--_slider-to:var(--color-warm-bright)}.slider-context-spotify{--_slider-from:var(--slider-track-bg);--_slider-to:var(--color-spotify)}.slider-context-sonos{--_slider-from:var(--slider-track-bg);--_slider-to:var(--color-sonos)}.slider-context-volume{--_slider-from:var(--slider-track-bg);--_slider-to:var(--color-primary)}.room-brightness-slider{appearance:none;width:100%;height:var(--slider-height);border-radius:var(--slider-track-radius);background:var(--slider-track-bg);cursor:pointer;touch-action:none;outline:none}.room-brightness-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--_slider-from,var(--color-warm-low)),var(--_slider-to,var(--color-warm-bright)));height:var(--slider-height);border-radius:var(--slider-track-radius)}.room-brightness-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:var(--slider-thumb-shadow);cursor:pointer;margin-top:calc((var(--slider-height) - var(--slider-thumb-size)) / 2)}.room-brightness-slider::-moz-range-track{background:linear-gradient(to right,var(--_slider-from,var(--color-warm-low)),var(--_slider-to,var(--color-warm-bright)));height:var(--slider-height);border-radius:var(--slider-track-radius)}.room-brightness-slider::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);border-radius:var(--slider-thumb-radius);background:var(--slider-thumb-color);box-shadow:var(--slider-thumb-shadow);cursor:pointer;border:none}.widget-interactive{transition:transform .2s,box-shadow .2s}.widget-interactive:hover{transform:translateY(var(--card-hover-translate-y))}.icon-container{border-radius:var(--icon-container-radius);flex-shrink:0;justify-content:center;align-items:center;display:flex}.widget-card{position:relative}[data-theme=hume].dark .widget-card:before{content:"";background:linear-gradient(90deg,#0000,#e4621247,#0000);border-radius:1px;height:1px;position:absolute;top:0;left:8%;right:8%}[data-theme=ecosync].dark .widget-card:before{content:"";background:#01f08c1f;background:oklch(84% .28 155/.12);border-radius:0 2px 2px 0;width:3px;transition:all .3s;position:absolute;top:20%;bottom:20%;left:0}[data-theme=ecosync].dark .widget-card.glass-active:before{background:#01f08cb3;background:oklch(84% .28 155/.7);top:10%;bottom:10%;box-shadow:0 0 10px #01f08c66;box-shadow:0 0 10px oklch(84% .28 155/.4)}[data-theme=ecosync] .ecosync-tile-bg{z-index:0;background-image:var(--ecosync-bg,none);opacity:.18;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}[data-theme=ecosync] .ecosync-room-tile:hover .ecosync-tile-bg{opacity:.28}[data-theme=ecosync] .ecosync-tile-scanlines{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0% 2px,#0000000f 2px 3px);position:absolute;inset:0}[data-theme=ecosync] .ecosync-led-active{background:#01f08c;background:oklch(84% .28 155);box-shadow:0 0 6px #01f08c99,0 0 12px #01f08c4d;box-shadow:0 0 6px oklch(84% .28 155/.6),0 0 12px oklch(84% .28 155/.3)}[data-theme=ecosync] .ecosync-led-standby{box-shadow:none;background:#24422f}[data-theme=ecosync] .ecosync-status-label{font-family:var(--font-family-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;border-radius:2px;padding:1px 6px;font-size:.625rem;font-weight:600}[data-theme=ecosync] .ecosync-status-online{color:#01f08c;color:oklch(84% .28 155);text-shadow:0 0 8px oklch(84% .28 155/.4);background:#01f08c1f;background:oklch(84% .28 155/.12);border:1px solid oklch(84% .28 155/.25)}[data-theme=ecosync] .ecosync-status-standby{color:#717171;background:#16161666;border:1px solid oklch(30% 0 0/.3)}[data-theme=hume] .hume-tile-bg{z-index:0;background-image:var(--hume-tile-bg,none);opacity:.22;filter:sepia(.3)saturate(1.3)brightness(.8);background-position:50%;background-size:cover;transition:opacity .5s;position:absolute;inset:0}[data-theme=hume] .hume-room-tile:hover .hume-tile-bg{opacity:.35}[data-theme=hume] .hume-tile-bokeh{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(40px at 75% 25%,#e4621214,#0000),radial-gradient(60px at 20% 70%,#aa57340f,#0000);transition:opacity .5s;position:absolute;inset:0}[data-theme=hume] .hume-room-tile:hover .hume-tile-bokeh{opacity:1}[data-theme=hume] .hume-room-tile.glass-active .hume-tile-bokeh{opacity:.7}[data-theme=hume] .hume-data-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;color:#e5c6b9;background:#1c14118c;border:1px solid oklch(65% .18 45/.12);border-radius:9999px;flex-shrink:0;padding:2px 10px;font-size:.75rem}[data-theme=hume]:not(.dark) .hume-data-pill{color:#633c2d;background:#ffffffb3;border:1px solid oklch(55% .18 45/.15)}[data-theme=qclay] .qclay-tile-bg{z-index:0;background-image:var(--qclay-tile-bg,none);opacity:.12;filter:brightness(1.15)saturate(.85);background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0}[data-theme=qclay] .qclay-room-tile:hover .qclay-tile-bg{opacity:.22}[data-theme=qclay]:not(.dark) .qclay-tile-wash{z-index:1;pointer-events:none;background:linear-gradient(135deg,#ffffff40,#0000 60%),radial-gradient(80px at 85% 15%,#39bda00f,#0000);position:absolute;inset:0}[data-theme=qclay].dark .qclay-tile-wash{z-index:1;pointer-events:none;background:linear-gradient(135deg,#14171626,#0000 60%),radial-gradient(80px at 85% 15%,#39bda00a,#0000);position:absolute;inset:0}[data-theme=qclay]:not(.dark){--qclay-tile-heading:oklch(25% .02 175)}[data-theme=qclay].dark{--qclay-tile-heading:oklch(90% .01 175)}[data-theme=qclay] .qclay-status-pill{font-variant-numeric:tabular-nums;border-radius:9999px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}[data-theme=qclay]:not(.dark) .qclay-pill-active{color:#004538;color:oklch(35% .1 175);background:#39bda01f;border:1px solid oklch(72% .12 175/.25)}[data-theme=qclay]:not(.dark) .qclay-pill-active:hover{background:#39bda033}[data-theme=qclay].dark .qclay-pill-active{color:#7fe0c7;background:#39bda026;border:1px solid oklch(72% .12 175/.3)}[data-theme=qclay].dark .qclay-pill-active:hover{background:#39bda040}[data-theme=qclay]:not(.dark) .qclay-pill-idle{color:#636363;background:#00000008;border:1px solid oklch(0% 0 0/.06)}[data-theme=qclay]:not(.dark) .qclay-pill-idle:hover{color:#3a3a3a;background:#0000000f}[data-theme=qclay].dark .qclay-pill-idle{color:#717171;background:#ffffff0a;border:1px solid oklch(100% 0 0/.08)}[data-theme=qclay].dark .qclay-pill-idle:hover{background:#ffffff14}[data-theme=qclay]:not(.dark) .qclay-pill-data{color:#505755;background:#00000005;border:1px solid oklch(0% 0 0/.04)}[data-theme=qclay].dark .qclay-pill-data{color:#89918f;background:#ffffff08;border:1px solid oklch(100% 0 0/.06)}[data-theme=qclay] .widget-interactive:hover{border-color:#39bda04d}[data-theme=qclay] .widget-card.glass-active:before{content:"";background:#39bda0;border-radius:0 3px 3px 0;width:4px;position:absolute;top:15%;bottom:15%;left:0}[data-theme=qclay] .room-active-bar{opacity:.5!important}[data-theme=ecosync] .tabular-nums,[data-theme=ecosync] [data-number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}[data-theme=qclay] .section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:600}[data-theme=data] .data-tile-bg{z-index:0;background-image:var(--data-tile-bg,none);opacity:.15;filter:saturate(.6)brightness(.85);background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:0}[data-theme=data] .data-room-tile:hover .data-tile-bg{opacity:.25}[data-theme=data] .data-tile-grid{z-index:1;pointer-events:none;background-color:#0000;background-image:linear-gradient(0deg,#4c9deb08 1px,#0000 1px),linear-gradient(90deg,#4c9deb08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}[data-theme=data] .data-indicator-active{background:#4c9deb;box-shadow:0 0 6px #4c9deb80}[data-theme=data] .data-indicator-idle{background:#222f3c}[data-theme=data] .data-sensor-row{justify-content:space-between;align-items:baseline;gap:4px;min-width:0;display:flex}[data-theme=data] .data-sensor-label{font-family:var(--font-family-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:#5b646f;font-size:.5625rem;font-weight:500}[data-theme=data] .data-sensor-value{font-family:var(--font-family-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:#d5d8db;font-size:.875rem;font-weight:600}[data-theme=data] .data-room-tile.glass-active .data-sensor-value{color:#4c9deb}[data-theme=data] .data-status-badge{font-family:var(--font-family-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;border-radius:2px;padding:1px 8px;font-size:.5625rem;font-weight:600}[data-theme=data] .data-status-active{color:#4c9deb;background:#4c9deb1a;border:1px solid oklch(68% .14 250/.25)}[data-theme=data] .data-status-idle{color:#555;background:#12121266;border:1px solid oklch(28% 0 0/.3)}[data-theme=data] .tabular-nums,[data-theme=data] [data-number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}[data-theme=data] .widget-interactive:hover{border-color:#4c9deb40}.energy-metric-panel{background:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.energy-metric-panel{background:color-mix(in oklch,var(--color-secondary) 50%,transparent)}}.energy-metric-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid oklch(100% 0 0/.06)}[data-theme=hume] .energy-metric-panel{background:var(--color-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:.75rem}[data-theme=ecosync] .energy-metric-panel{background:#f5f5f580}@supports (color:color-mix(in lab,red,red)){[data-theme=ecosync] .energy-metric-panel{background:color-mix(in oklch,var(--color-secondary) 50%,transparent)}}[data-theme=ecosync] .energy-metric-panel{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:.375rem}[data-theme=qclay] .energy-metric-panel{background:#f5f5f54d}@supports (color:color-mix(in lab,red,red)){[data-theme=qclay] .energy-metric-panel{background:color-mix(in oklch,var(--color-secondary) 30%,transparent)}}[data-theme=qclay] .energy-metric-panel{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:.5rem}[data-theme=data] .energy-metric-panel{background:#f5f5f580}@supports (color:color-mix(in lab,red,red)){[data-theme=data] .energy-metric-panel{background:color-mix(in oklch,var(--color-secondary) 50%,transparent)}}[data-theme=data] .energy-metric-panel{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid oklch(68% .14 250/.06);border-radius:.375rem}.music-album-art{flex-shrink:0;width:3.5rem;height:3.5rem}[data-theme=hume] .music-album-art{border-radius:.75rem;width:5rem;height:5rem}.widget-card{transition:all .2s}@keyframes hume-fade-in{0%{opacity:0;filter:blur(2px);transform:translateY(12px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}[data-theme=hume] .widget-card{animation:.65s cubic-bezier(.22,.61,.36,1) both hume-fade-in;animation-delay:var(--stagger,0s);transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s,border-color .3s}[data-theme=hume] .widget-card:hover{transform:translateY(-3px);box-shadow:0 10px 36px #00000038,0 2px 8px #0000001f}[data-theme=hume] .glass-active{transition-duration:.5s}@keyframes ecosync-pulse{0%,to{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 1px 3px #0000001a,0 0 20px #01f08c26;box-shadow:0 1px 3px #0000001a,0 0 20px oklch(84% .28 155/.15)}}[data-theme=ecosync] .widget-card{transition:all .15s ease-out}[data-theme=ecosync] .widget-card:hover{border-color:#01f08c4d;border-color:oklch(84% .28 155/.3)}[data-theme=ecosync] .glass-active{transition-duration:.1s}[data-theme=ecosync] .widget-card.glass-active{animation:3s ease-in-out infinite ecosync-pulse}[data-theme=qclay] .widget-card{transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=qclay] .widget-card:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00000014}[data-theme=qclay] .glass-active{transition-duration:.3s}@keyframes ambient-fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}[data-theme=ambient] .widget-card{animation:.5s cubic-bezier(.23,1,.32,1) backwards ambient-fade-in;animation-delay:var(--stagger,0s);transition:all .35s cubic-bezier(.23,1,.32,1)}[data-theme=ambient] .widget-card:hover{border-color:#f2a61826}[data-theme=ambient] .glass-active{transition-duration:.4s}@media(prefers-reduced-motion:reduce){[data-theme=ambient] .widget-card{animation:none}}.icon-container{transition:background-color .2s,transform .2s}.icon-container:active{transform:scale(.92)}.widget-card button:active{transform:scale(.96)}.bg-image-overlay{position:relative;overflow:hidden}.bg-image-overlay>.bg-image{object-fit:cover;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.bg-image-overlay>:not(.bg-image){z-index:1;position:relative}.bg-image-standard,.bg-image-default{opacity:.25}.bg-image-hume{opacity:.35}.bg-image-ecosync{opacity:.2}.bg-image-qclay,.bg-image-data{opacity:.15}.bg-image-ambient{opacity:0}.room-image-gradient-standard{background:linear-gradient(#0000,#0d0b0799,#0d0b07f2)}.room-image-gradient-hume{background:linear-gradient(#0000,#02020166 40%,#020201f2)}.header-bg-standard{background:radial-gradient(at 80%,#2e1e014d,#0000 60%)}.header-bg-hume{background:linear-gradient(135deg,#0c0402,#010000,#06000080)}[data-theme=hume]:not(.dark) .header-bg-hume{background:linear-gradient(135deg,#f7f0ee,#fbf8f6,#f9f4f2cc)}.header-bg-ecosync{background-color:#0000;background-image:linear-gradient(90deg,#008a2408 1px,#0000 1px),linear-gradient(0deg,#008a2408 1px,#0000 1px);background-image:linear-gradient(90deg,color(xyz 0.085 0.185 0.031 / 0.031) 1px,#0000 1px),linear-gradient(0deg,color(xyz 0.085 0.185 0.031 / 0.031) 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.header-bg-qclay{background:radial-gradient(circle at 90% 30%,#acd9cc26,#0000 50%),radial-gradient(circle at 10% 70%,#acd9cc1a,#0000 40%)}.header-bg-ambient{background:radial-gradient(circle at 70% 40%,#f2a61814,#0000 50%),radial-gradient(circle at 20% 70%,#5194d50d,#0000 40%)}[data-theme=ambient]:not(.dark) .header-bg-ambient{background:radial-gradient(circle at 70% 40%,#bf81000f,#0000 50%),radial-gradient(circle at 20% 70%,#5194d50a,#0000 40%);background:radial-gradient(circle at 70% 40%,color(xyz 0.302 0.266 0.007 / 0.059),#0000 50%),radial-gradient(circle at 20% 70%,#5194d50a,#0000 40%)}h1,h2,h3,.font-display{font-family:var(--font-display)}.dark body:before{content:"";pointer-events:none;z-index:9999;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}[data-theme=hume].dark body:before{opacity:.045;mix-blend-mode:soft-light}[data-theme=ecosync].dark body:before{opacity:0}[data-theme=qclay]:not(.dark) body:before{opacity:.018;mix-blend-mode:multiply}[data-theme=qclay].dark body:before{opacity:.015}[data-theme=ambient].dark body:before{opacity:.03;mix-blend-mode:soft-light}[data-theme=ambient] .flex.h-screen.overflow-hidden{z-index:1;position:relative;background:0 0!important}[data-theme=ambient] main{background:0 0!important}[data-theme=hume] .flex.h-screen.overflow-hidden{z-index:1;position:relative;background:0 0!important}[data-theme=hume] main{background:0 0!important}[data-theme=qclay] .flex.h-screen.overflow-hidden,[data-theme=ecosync] .flex.h-screen.overflow-hidden,[data-theme=data] .flex.h-screen.overflow-hidden{z-index:1;position:relative;background:0 0!important}[data-theme=qclay] main{background:0 0!important}.dark .glass-active.room-tile{background:#ffffff1f;border:1px solid oklch(79.5% .184 86.047/.22);box-shadow:0 0 20px #eab30026,inset 0 1px #eab30014;box-shadow:0 0 20px oklch(79.5% .184 86.047/.15),inset 0 1px oklch(79.5% .184 86.047/.08)}.dark .glass.room-tile{background:#ffffff08;border:1px solid oklch(100% 0 0/.05)}[data-theme=hume].dark .glass-active.room-tile{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);background:#281c1899;border:1px solid oklch(65% .18 45/.35);box-shadow:0 2px 16px #0000004d,0 0 24px #e462122e}[data-theme=hume].dark .glass.room-tile{-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#14111080;border:1px solid oklch(100% 0 0/.1);box-shadow:0 2px 12px #0000004d}[data-theme=ecosync].dark .glass-active.room-tile{background:#030e07;border:1px solid oklch(84% .28 155/.4);border-left:3px solid oklch(84% .28 155/.8);box-shadow:0 0 24px #01f08c26,inset 0 0 0 1px #01f08c0d;box-shadow:0 0 24px oklch(84% .28 155/.15),inset 0 0 0 1px oklch(84% .28 155/.05)}[data-theme=ecosync].dark .glass.room-tile{background:#030403;border:1px solid oklch(18% .008 155);border-left:3px solid #0000}[data-theme=ecosync]:not(.dark) .glass-active.room-tile{background:#f4faf6;border:1px solid oklch(42% .18 155/.35);border-left:3px solid oklch(42% .18 155/.8);box-shadow:0 2px 12px #005d331a;box-shadow:0 2px 12px oklch(42% .18 155/.1)}[data-theme=ecosync]:not(.dark) .glass.room-tile{background:#fff;border:1px solid oklch(0% 0 0/.05);border-left:3px solid #0000;box-shadow:0 1px 3px #00000008}[data-theme=qclay]:not(.dark) .glass-active.room-tile{background:#f3faf8;border:1px solid oklch(72% .12 175/.35);border-left:3px solid oklch(72% .12 175);box-shadow:0 2px 12px #39bda01f}[data-theme=qclay]:not(.dark) .glass.room-tile{background:#fdfdfd;border:1px solid oklch(0% 0 0/.04);box-shadow:0 1px 2px #00000005}[data-theme=ambient].dark .glass-active.room-tile{-webkit-backdrop-filter:blur(12px)saturate(160%);backdrop-filter:blur(12px)saturate(160%);background:#18100566;border:1px solid oklch(78% .16 75/.35);box-shadow:0 0 32px #f2a61838,inset 0 0 40px #f2a6180d,inset 0 1px #ffffff14}[data-theme=ambient].dark .glass.room-tile{-webkit-backdrop-filter:blur(10px)saturate(130%);backdrop-filter:blur(10px)saturate(130%);background:#03030559;border:1px solid oklch(100% 0 0/.08);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0a}[data-theme=ambient]:not(.dark) .glass-active.room-tile{background:#fefbf8cc;border:1px solid oklch(65% .16 75/.3);box-shadow:0 2px 12px #bf81001f;box-shadow:0 2px 12px oklch(65% .16 75/.12)}[data-theme=ambient]:not(.dark) .glass.room-tile{background:#fff9;border:1px solid oklch(0% 0 0/.06);box-shadow:0 1px 6px #0000000a}[data-theme=data]:not(.dark) .glass-active.room-tile{background:#f6f9fc;border:1px solid oklch(50% .14 250/.3);box-shadow:0 2px 12px #0465af1a}[data-theme=data]:not(.dark) .glass.room-tile{background:#fff;border:1px solid oklch(0% 0 0/.05);box-shadow:0 1px 3px #00000008}.dark .room-tile.glass:hover{background:#ffffff0f;border-color:#ffffff24}.dark .room-tile.glass-active:hover{border-color:#eab30052;border-color:oklch(79.5% .184 86.047/.32);box-shadow:0 0 28px #eab30033,inset 0 1px #eab3001f;box-shadow:0 0 28px oklch(79.5% .184 86.047/.2),inset 0 1px oklch(79.5% .184 86.047/.12)}[data-theme=hume].dark .room-tile:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040}[data-theme=hume].dark .room-tile.glass-active:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000040,0 0 20px #e4621226}[data-theme=ecosync].dark .room-tile:hover{border-color:#01f08c59;border-color:oklch(84% .28 155/.35)}[data-theme=ecosync].dark .room-tile.glass-active:hover{border-color:#01f08c8c;border-color:oklch(84% .28 155/.55);box-shadow:0 0 30px #01f08c33,inset 0 0 0 1px #01f08c14;box-shadow:0 0 30px oklch(84% .28 155/.2),inset 0 0 0 1px oklch(84% .28 155/.08)}[data-theme=qclay] .room-tile:hover{transform:translateY(-1px);box-shadow:0 4px 20px #0000000f,0 8px 32px #0000000a}[data-theme=qclay] .room-tile.glass-active:hover{border-color:#39bda073;box-shadow:0 4px 20px #39bda01a,0 8px 32px #0000000a}[data-theme=ambient].dark .room-tile:hover{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);border-color:#ffffff1f}[data-theme=ambient].dark .room-tile.glass-active:hover{-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);border-color:#f2a61859;box-shadow:0 0 32px #f2a61838,inset 0 0 48px #f2a6180d}[data-theme=ambient]:not(.dark) .room-tile:hover{border-color:#0000001f;box-shadow:0 4px 16px #00000014}[data-theme=ambient]:not(.dark) .room-tile.glass-active:hover{border-color:#bf810066;border-color:oklch(65% .16 75/.4);box-shadow:0 4px 16px #bf810026;box-shadow:0 4px 16px oklch(65% .16 75/.15)}.login-container{position:relative}.login-container:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 20% 80%,#1f140199,#0000 60%),radial-gradient(60% 60% at 80% 20%,#07121e66,#0000 50%);position:fixed;inset:0}.section-label{font-family:var(--font-display);letter-spacing:.04em;font-weight:500}@keyframes login-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes login-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(5px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}}@keyframes brand-pulse{0%,to{opacity:.4;filter:drop-shadow(0 0 oklch(72% .17 65/0))}50%{opacity:1;filter:drop-shadow(0 0 8px oklch(72% .17 65/.4))}}@keyframes error-flash-border{0%{border-color:var(--color-destructive)}to{border-color:var(--color-input)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.login-bg{background-color:#0000;background-image:linear-gradient(#0000004d,#00000080),url(../../../images/paulado-login-bg_00002_.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.login-glass{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-card);opacity:0;background:#1119;border:1px solid oklch(72% .17 65/.15);padding:32px;animation:.25s cubic-bezier(.22,.61,.36,1) forwards login-fade-in;box-shadow:0 0 40px #e88b000a,inset 0 1px #ffffff0a;box-shadow:0 0 40px oklch(72% .17 65/.04),inset 0 1px #ffffff0a}.login-glass input:not([type=checkbox]){color:#e8e8e8;caret-color:#e8e8e8;background:#06060699;box-shadow:inset 0 1px 3px #0000004d}.login-glass input::placeholder{color:#8f8f8f}.login-glass label{color:#b7b7b7}.login-glass h1{color:#e8e8e8}.login-glass p{color:#717171}.login-stagger{opacity:0;animation:.25s cubic-bezier(.22,.61,.36,1) forwards login-fade-in;animation-delay:calc(.1s + var(--stagger,0s))}@media(prefers-reduced-motion:reduce){.login-glass,.login-stagger,[data-shake]{opacity:1!important;animation-duration:0s!important;animation-delay:0s!important}.brand-pulse-container{opacity:1!important;animation:none!important}.loading-fade-out{animation-duration:0s!important}}.room-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media(min-width:768px){.room-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.room-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-theme=hume] .room-overview-grid{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:640px){[data-theme=hume] .room-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-theme=ecosync] .room-overview-grid{grid-template-columns:repeat(1,minmax(0,1fr))}[data-theme=qclay] .room-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){[data-theme=qclay] .room-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-theme=ecosync] .energy-mono{font-family:var(--font-mono)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}