:root,[data-theme=dark]{--wave-gamma:0;--bg:color-mix(in oklab, #282f33 calc(var(--wave-gamma) * 100%), #0b0f14);--fg:#cfe3f7;--acc:#00ccf9;--wave-accent:#00ccf9;--wave-surface-body:color-mix(in oklab, #282f33 calc(var(--wave-gamma) * 100%), #0b0f14);--wave-surface-section:color-mix(in oklab, #32393d calc(var(--wave-gamma) * 100%), #10151c);--wave-surface-card:color-mix(in oklab, #3b4448 calc(var(--wave-gamma) * 100%), #151b24);--wave-surface-card-hover:color-mix(in oklab, #464f53 calc(var(--wave-gamma) * 100%), #1b222d);--wave-border-subtle:color-mix(in oklab, #5a656b calc(var(--wave-gamma) * 100%), #222a36);--wave-text-on-light-primary:#cfe3f7;--wave-text-on-light-secondary:#9db3cc;--wave-text-on-light-tertiary:#6b7f96;--wave-text-inverse:#fff;--color-primary-500:#00ccf7;--color-primary-600:#00a9ce;--color-accent-app:#3c93ac;--color-accent-app-hex:#3c93ac;--color-background:#060606;--color-foreground:#eee;--color-muted-foreground:#8f8f8f;--color-border:#222;--color-surface-50:#0b0b0b;--color-surface-100:#121212;--color-surface-200:#1b1b1b}@supports (color:lab(0% 0 0)){:root,[data-theme=dark]{--color-primary-500:lab(75.2033% -33.6801 -35.2205);--color-primary-600:lab(63.508% -29.2184 -30.5309);--color-accent-app:lab(56.3859% -21.0146 -21.3336);--color-background:lab(1.5609% 0 0);--color-foreground:lab(94.2% 0 0);--color-muted-foreground:lab(59.4% 0 0);--color-border:lab(13% 0 0);--color-surface-50:lab(3.04863% 0 0);--color-surface-100:lab(5.26802% 0 0);--color-surface-200:lab(9.52% -.00000745058 0)}}[data-theme=light]{--light-warmth:.6;--bg:color-mix(in oklab, #fdf6ed calc(var(--light-warmth) * 100%), #f3f8fc);--fg:color-mix(in oklab, #28221b calc(var(--light-warmth) * 100%), #202327);--acc:#00ccf9;--wave-accent:#00ccf9;--wave-surface-body:color-mix(in oklab, #fdf6ed calc(var(--light-warmth) * 100%), #f3f8fc);--wave-surface-section:color-mix(in oklab, #f8efe5 calc(var(--light-warmth) * 100%), #ecf1f6);--wave-surface-card:color-mix(in oklab, #fffbf5 calc(var(--light-warmth) * 100%), #f9fcff);--wave-surface-card-hover:color-mix(in oklab, #f7ede2 calc(var(--light-warmth) * 100%), #eaeff5);--wave-border-subtle:color-mix(in oklab, #e2d7cb calc(var(--light-warmth) * 100%), #d4dae0);--wave-text-on-light-primary:color-mix(in oklab, #28221b calc(var(--light-warmth) * 100%), #202327);--wave-text-on-light-secondary:color-mix(in oklab, #5c554e calc(var(--light-warmth) * 100%), #53575b);--wave-text-on-light-tertiary:color-mix(in oklab, #716b63 calc(var(--light-warmth) * 100%), #686c70);--wave-text-inverse:#fff;--color-primary-500:#00ccf7;--color-primary-600:#00a9ce;--color-accent-app:#3c93ac;--color-accent-app-hex:#3c93ac;--color-background:color-mix(in oklab, #fdf6ed calc(var(--light-warmth) * 100%), #f3f8fc);--color-foreground:color-mix(in oklab, #28221b calc(var(--light-warmth) * 100%), #202327);--color-muted-foreground:color-mix(in oklab, #5c554e calc(var(--light-warmth) * 100%), #53575b);--color-border:color-mix(in oklab, #e2d7cb calc(var(--light-warmth) * 100%), #d4dae0);--color-surface-50:color-mix(in oklab, #fffbf5 calc(var(--light-warmth) * 100%), #f9fcff);--color-surface-100:color-mix(in oklab, #f8efe5 calc(var(--light-warmth) * 100%), #ecf1f6);--color-surface-200:color-mix(in oklab, #f7ede2 calc(var(--light-warmth) * 100%), #eaeff5)}@supports (color:lab(0% 0 0)){[data-theme=light]{--color-primary-500:lab(75.2033% -33.6801 -35.2205);--color-primary-600:lab(63.508% -29.2184 -30.5309);--color-accent-app:lab(56.3859% -21.0146 -21.3336)}}[data-theme=control-room]{--bg:#000;--fg:#d3e5f8;--acc:#1ae0ff;--wave-accent:#1ae0ff;--wave-surface-body:#000;--wave-surface-section:#050608;--wave-surface-card:#06080b;--wave-surface-card-hover:#080a0e;--wave-border-subtle:#535962;--wave-text-on-light-primary:#d3e5f8;--wave-text-on-light-secondary:#9db3cc;--wave-text-on-light-tertiary:#6b7f96;--wave-text-inverse:#fff;--color-primary-500:#4fdeff;--color-primary-600:#00a9ce;--color-accent-app:#3c93ac;--color-accent-app-hex:#3c93ac;--color-background:#000;--color-foreground:#fff;--color-muted-foreground:#8f8f8f;--color-border:#3a3a3a;--color-surface-50:#000;--color-surface-100:#010101;--color-surface-200:#010101}@supports (color:lab(0% 0 0)){[data-theme=control-room]{--color-primary-500:lab(82.1789% -34.0829 -35.3124);--color-primary-600:lab(63.508% -29.2184 -30.5309);--color-accent-app:lab(56.3859% -21.0146 -21.3336);--color-background:lab(0% 0 0);--color-foreground:lab(100% 0 0);--color-muted-foreground:lab(59.4% 0 0);--color-border:lab(24.6% 0 0);--color-surface-50:lab(.0823135% 0 0);--color-surface-100:lab(.142237% 0 0);--color-surface-200:lab(.259693% 0 0)}}[data-theme=dark][data-vibrant=true] [data-wave-section=dashboard]{--wave-accent:#00ccf9;--acc:#00ccf9}[data-theme=dark][data-vibrant=true] [data-wave-section=studio]{--wave-accent:#a5abff;--acc:#a5abff}[data-theme=dark][data-vibrant=true] [data-wave-section=control]{--wave-accent:#bebf3a;--acc:#bebf3a}[data-theme=dark][data-vibrant=true] [data-wave-section=watch]{--wave-accent:#ec92e5;--acc:#ec92e5}[data-theme=dark][data-vibrant=true] [data-wave-section=settings]{--wave-accent:#00ccf9;--acc:#00ccf9}:root{--texture-noise:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'128'%20height%3D'128'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.85'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%20opacity%3D'0.03'%2F%3E%3C%2Fsvg%3E");--motion-pulse:2.4s;--motion-tick:.24s;--color-success:#11ad32;--color-error:#de3b3d;--color-warning:#fbbf23}@supports (color:lab(0% 0 0)){:root{--color-success:lab(61.7444% -56.3779 49.029);--color-error:lab(51.5803% 63.2457 38.9399);--color-warning:lab(81.382% 13.2639 77.4683)}}@keyframes wave-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.texture-card{background-image:var(--texture-noise);background-repeat:repeat;background-size:128px 128px}.pulse-live{animation:wave-pulse var(--motion-pulse) ease-in-out infinite}@media (prefers-reduced-motion:reduce){.pulse-live{animation:none}}@media (prefers-reduced-motion:no-preference){[data-theme=light] body,[data-theme=light] .warmth-tinted{transition:background-color var(--motion-tick) linear, border-color var(--motion-tick) linear}}
:root{--wave-accent:#00ccf9;--wave-accent-fg:#04121a;--wave-accent-glow:#00ccf92e;--wave-bad:#e5484d;--wave-bg:#0a0b0d;--wave-font-mono:"IBM Plex Mono";--wave-font-ui:Inter;--wave-info:#a78bfa;--wave-line:#23262b;--wave-ok:#3ddc97;--wave-radius-card:10px;--wave-surface:#101215;--wave-surface-2:#16181c;--wave-text-hi:#e8eaed;--wave-text-lo:#78839a;--wave-text-mid:#a8aeb8;--wave-theme-code:mode = dark;--wave-theme-label:Dark;--wave-theme-sub:Default surface · console + player chrome;--wave-warn:#e8a33d}[data-theme=light]{--wave-accent:#0080a6;--wave-accent-fg:#fff;--wave-accent-glow:#0080a61f;--wave-bad:#c22026;--wave-bg:#f6f7f9;--wave-info:#7c5ce0;--wave-line:#dce0e6;--wave-ok:#0f7a52;--wave-surface:#fff;--wave-surface-2:#eff1f4;--wave-text-hi:#0d0f12;--wave-text-lo:#656e7e;--wave-text-mid:#545c68;--wave-theme-code:mode = light;--wave-theme-label:Light;--wave-theme-sub:Derived surface · docs, email, print;--wave-warn:#9a6112}
@layer wave-ui-defaults{*,:before,:after{--tw-ring-offset-width:0px;--tw-ring-offset-color:transparent}.focus-ring{outline:none}.wave-skeleton{background-color:color-mix(in oklch, var(--wave-text-on-light-secondary,currentColor) 14%, transparent);transform-origin:0}.wave-skeleton[data-variant=circle]{transform-origin:50%}.wave-skeleton[data-variant=block]{height:1rem}.wave-skeleton[data-variant=circle]{width:1rem;height:1rem}}:root{--focus-ring-width:1px;--focus-ring-halo-width:4px;--focus-ring-color:var(--color-accent-app,var(--wave-accent));--focus-ring-halo-alpha:24%}.focus-ring:focus-visible{box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color), 0 0 0 calc(var(--focus-ring-width) + var(--focus-ring-halo-width)) color-mix(in oklch, var(--focus-ring-color) var(--focus-ring-halo-alpha), transparent);outline:none}.focus-ring[aria-invalid=true]:focus-visible,.focus-ring[data-invalid=true]:focus-visible{--focus-ring-color:var(--color-error)}@media (forced-colors:active){.focus-ring:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid highlight}}.wave-focal-glow{background-image:linear-gradient(to bottom, var(--wave-accent-glow,transparent) 0%, transparent 42%)}
