@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--color-white: #ffffff;--brand-hue: var(--scale-hue, 180);--greenscale-25: oklch(.99 .001 180);--greenscale-50: oklch(.98 .002 180);--greenscale-75: oklch(.97 .002 180);--greenscale-100: oklch(.96 .003 180);--greenscale-150: oklch(.93 .003 180);--greenscale-200: oklch(.9 .004 180);--greenscale-300: oklch(.81 .005 180);--greenscale-400: oklch(.71 .006 180);--greenscale-500: oklch(.61 .007 180);--greenscale-600: oklch(.51 .008 180);--greenscale-700: oklch(.41 .009 180);--greenscale-800: oklch(.33 .01 180);--greenscale-850: oklch(.27 .012 180);--greenscale-900: oklch(.21 .014 180);--greenscale-925: oklch(.16 .016 180);--greenscale-950: oklch(.12 .018 180);--greenscale-975: oklch(.08 .02 180);--brandscale-25: oklch(.99 .001 var(--brand-hue));--brandscale-50: oklch(.98 .002 var(--brand-hue));--brandscale-75: oklch(.97 .002 var(--brand-hue));--brandscale-100: oklch(.96 .003 var(--brand-hue));--brandscale-150: oklch(.93 .003 var(--brand-hue));--brandscale-200: oklch(.9 .004 var(--brand-hue));--brandscale-300: oklch(.81 .005 var(--brand-hue));--brandscale-400: oklch(.71 .006 var(--brand-hue));--brandscale-500: oklch(.61 .008 var(--brand-hue));--brandscale-600: oklch(.51 .01 var(--brand-hue));--brandscale-700: oklch(.41 .012 var(--brand-hue));--brandscale-800: oklch(.33 .014 var(--brand-hue));--brandscale-850: oklch(.27 .016 var(--brand-hue));--brandscale-900: oklch(.21 .018 var(--brand-hue));--brandscale-925: oklch(.16 .02 var(--brand-hue));--brandscale-950: oklch(.12 .022 var(--brand-hue));--brandscale-975: oklch(.08 .024 var(--brand-hue));--brandscale-alpha-5: oklch(.99 .001 var(--brand-hue) / .05);--brandscale-alpha-10: oklch(.98 .002 var(--brand-hue) / .1);--brandscale-alpha-20: oklch(.95 .003 var(--brand-hue) / .2);--brandscale-alpha-30: oklch(.9 .004 var(--brand-hue) / .3);--brandscale-alpha-50: oklch(.8 .005 var(--brand-hue) / .5);--brand-accent-light: oklch(.75 .12 var(--brand-hue));--brand-accent: oklch(.61 .15 var(--brand-hue));--brand-accent-dark: oklch(.45 .12 var(--brand-hue));--brand-accent-vivid: oklch(.65 .2 var(--brand-hue));--greenscale-alpha-5: oklch(.99 .001 180 / .05);--greenscale-alpha-10: oklch(.98 .002 180 / .1);--greenscale-alpha-20: oklch(.95 .003 180 / .2);--greenscale-alpha-30: oklch(.9 .004 180 / .3);--greenscale-alpha-50: oklch(.8 .005 180 / .5);--color-lightest: var(--g-color-bg-app);--color-darkest: var(--g-color-fg-primary);--color-bg: var(--g-color-bg-surface);--color-text: var(--g-color-fg-primary);--color-text-secondary: var(--g-color-fg-muted);--color-text-tertiary: var(--g-color-fg-soft);--color-border: var(--g-color-border-subtle);--color-neutral-lightest: var(--brandscale-50);--color-neutral-light: var(--brandscale-100);--color-neutral-medium: var(--brandscale-600);--color-neutral-medium-dark: var(--brandscale-700);--color-neutral-dark: var(--brandscale-800);--color-link: var(--g-color-fg-primary);--color-link-hover: var(--g-color-accent-active)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--font-body: var(--font-primary);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600}body{background-color:var(--g-color-bg-app);background-image:var(--g-atmosphere-noise);min-height:100vh}:root{--g-physics-transmission-base: .1;--g-physics-diffusion-base: 20px;--g-physics-specular-base: .05;--g-physics-roughness-base: .03;--g-atmosphere-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")}:root[data-atmosphere=glassmorphic]{--g-physics-transmission-base: .7;--g-physics-diffusion-base: 12px;--g-physics-specular-base: .3;--g-physics-roughness-base: .01}:root[data-atmosphere=flat]{--g-physics-transmission-base: 0;--g-physics-diffusion-base: 0px;--g-physics-specular-base: 0;--g-physics-roughness-base: .05}:root{--mat-opacity-resin: .95;--mat-opacity-silicone: .85;--mat-noise-resin: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");--mat-noise-silicone: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E")}.surface.surface-solid{background-color:oklch(from var(--mat-solid-bg, var(--brandscale-50)) l c h / var(--material-pigment, .85));background-image:var(--mat-noise-resin),var(--tex-speckle);background-blend-mode:overlay,hard-light;-webkit-backdrop-filter:blur(40px) saturate(1.8);backdrop-filter:blur(40px) saturate(1.8);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 20px #ffffff0d,0 8px 32px #0000001a;position:relative;overflow:hidden}.surface.surface-solid:before{content:none}.surface.surface-silicon{background-color:transparent;-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--g-radius-2, 8px);position:relative;overflow:hidden}.surface.surface-silicon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--mat-noise-silicone),var(--tex-fiber);background-color:oklch(from var(--mat-silicon-bg, var(--g-color-bg-subtle)) l c h / calc(var(--material-pigment, .8) * .9));mix-blend-mode:var(--mat-blend-mode, normal);background-blend-mode:overlay;z-index:-1}.surface.surface-glass,.surface.surface-glass-clear,.surface.surface-glass-frosted{position:relative}.surface.surface-melamine{background-color:var(--mat-melamine-bg);border:var(--mat-melamine-border)}.surface.surface-glass-lab{background-color:var(--g-mat-glass-lab-bg);-webkit-backdrop-filter:var(--g-mat-glass-lab-blur);backdrop-filter:var(--g-mat-glass-lab-blur);border:var(--g-mat-glass-lab-border);box-shadow:var(--g-mat-glass-lab-shadow);background-image:var(--g-mat-glass-lab-highlight)}.effect-blend-light{mix-blend-mode:overlay;pointer-events:none}.effect-blend-shadow{mix-blend-mode:multiply;pointer-events:none}.effect-glass-blur{-webkit-backdrop-filter:blur(var(--mat-solid-blur));backdrop-filter:blur(var(--mat-solid-blur))}:root{--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--space-xs: var(--space-4);--space-sm: var(--space-8);--space-md: var(--space-16);--space-lg: var(--space-32);--space-xl: var(--space-48);--space-xxl: var(--space-64)}:root{--container-narrow: 640px;--container-wide: 960px;--margin-desktop: 64px;--margin-mobile: 24px}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--breakpoint-mobile: var(--breakpoint-sm);--breakpoint-tablet: var(--breakpoint-md);--breakpoint-desktop: var(--breakpoint-lg)}:root{--g-duration-instant: 0ms;--g-duration-fast: .1s;--g-duration-normal: .2s;--g-duration-slow: .3s;--g-duration-slower: .5s;--g-duration-slowest: .8s;--g-ease-linear: linear;--g-ease-in: cubic-bezier(.4, 0, 1, 1);--g-ease-out: cubic-bezier(0, 0, .2, 1);--g-ease-in-out: cubic-bezier(.4, 0, .2, 1);--g-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--g-ease-spring: cubic-bezier(.5, 0, .2, 1.4);--transition-colors: color var(--g-duration-fast) var(--g-ease-out), background-color var(--g-duration-fast) var(--g-ease-out), border-color var(--g-duration-fast) var(--g-ease-out);--transition-opacity: opacity var(--g-duration-normal) var(--g-ease-out);--transition-transform: transform var(--g-duration-normal) var(--g-ease-out);--transition-shadow: box-shadow var(--g-duration-fast) var(--g-ease-out);--transition-all: all var(--g-duration-normal) var(--g-ease-out);--transition-button: var(--transition-colors), var(--transition-shadow);--transition-card: var(--transition-colors), var(--transition-shadow), var(--transition-transform);--transition-modal-enter: var(--g-duration-normal) var(--g-ease-out);--transition-modal-exit: var(--g-duration-fast) var(--g-ease-in);--transition-dropdown: var(--g-duration-fast) var(--g-ease-out);--transition-tooltip: var(--g-duration-fast) var(--g-ease-out);--transition-fast: .15s ease-out}:root{--g-z-base: 0;--g-z-raised: 1;--g-z-dropdown: 100;--g-z-sticky: 200;--g-z-fixed: 300;--g-z-drawer: 400;--g-z-modal-backdrop: 500;--g-z-modal: 510;--g-z-popover: 600;--g-z-tooltip: 700;--g-z-notification: 800;--g-z-dev-tools: 900;--g-z-max: 9999}:root[data-spacing=fibonacci]{--fib-1: 1px;--fib-2: 2px;--fib-3: 3px;--fib-5: 5px;--fib-8: 8px;--fib-13: 13px;--fib-21: 21px;--fib-34: 34px;--fib-55: 55px;--fib-89: 89px;--fib-144: 144px;--space-4: var(--fib-5);--space-8: var(--fib-8);--space-12: var(--fib-13);--space-16: var(--fib-13);--space-24: var(--fib-21);--space-32: var(--fib-34);--space-48: var(--fib-55);--space-64: var(--fib-89)}:root{--button-radius-top-left: 4px;--button-radius-top-right: 0px;--button-radius-bottom-left: 0px;--button-radius-bottom-right: 4px;--button-padding-small-vertical: 8px;--button-padding-small-horizontal: 16px;--button-font-size-small: .75rem;--button-padding-medium-vertical: 12px;--button-padding-medium-horizontal: 24px;--button-font-size-medium: .875rem;--button-padding-large-vertical: 16px;--button-padding-large-horizontal: 32px;--button-font-size-large: 1rem;--button-weight-primary: 600;--button-weight-secondary: 500;--button-hover-brightness-light: .95;--button-hover-brightness-dark: 1.1;--button-hover-shadow: var(--g-shadow-md)}:root{--g-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--g-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--g-font-size-base: 14px;--g-font-size-ratio: 1.15;--g-font-size-condensed: calc(var(--g-font-size-base) / var(--g-font-size-ratio));--g-font-size-standard: var(--g-font-size-base);--g-font-size-expanded: calc(var(--g-font-size-base) * var(--g-font-size-ratio));--g-font-size-0: calc(var(--g-font-size-base) / var(--g-font-size-ratio));--g-font-size-1: var(--g-font-size-base);--g-font-size-2: calc(var(--g-font-size-base) * var(--g-font-size-ratio));--g-font-size-3: calc(var(--g-font-size-2) * var(--g-font-size-ratio));--g-font-size-4: calc(var(--g-font-size-3) * var(--g-font-size-ratio));--g-font-size-active: var(--g-font-size-standard);--g-font-size-min: 10px;--g-line-height-tight: 1.25;--g-line-height-normal: 1.4;--g-line-height-relaxed: 1.6;--g-space-unit: 4px;--g-space-0: 0;--g-space-1: calc(var(--g-space-unit) * 1);--g-space-2: calc(var(--g-space-unit) * 2);--g-space-3: calc(var(--g-space-unit) * 3);--g-space-4: calc(var(--g-space-unit) * 4);--g-space-5: calc(var(--g-space-unit) * 6);--g-space-6: calc(var(--g-space-unit) * 8);--g-padding-xs: calc(var(--g-font-size-active) * .25);--g-padding-sm: calc(var(--g-font-size-active) * .5);--g-padding-md: calc(var(--g-font-size-active) * .75);--g-padding-lg: calc(var(--g-font-size-active) * 1);--g-padding-xl: calc(var(--g-font-size-active) * 1.5);--g-padding-2xl: calc(var(--g-font-size-active) * 2);--g-margin-xs: calc(var(--g-font-size-active) * .25);--g-margin-sm: calc(var(--g-font-size-active) * .5);--g-margin-md: calc(var(--g-font-size-active) * .75);--g-margin-lg: calc(var(--g-font-size-active) * 1);--g-margin-xl: calc(var(--g-font-size-active) * 1.5);--g-margin-2xl: calc(var(--g-font-size-active) * 2);--g-radius-base: calc(var(--g-font-size-active) * .267);--g-radius-0: calc(var(--g-radius-base) * .5);--g-radius-1: calc(var(--g-radius-base) * 1);--g-radius-2: calc(var(--g-radius-base) * 1.5);--g-radius-3: calc(var(--g-radius-base) * 2.5);--g-radius-4: calc(var(--g-radius-base) * 3.5);--g-radius-window: 12px;--g-shadow-sm: 0 1px 2px oklch(0 0 0 / .08), 0 1px 3px oklch(0 0 0 / .04);--g-shadow-md: 0 2px 4px oklch(0 0 0 / .08), 0 4px 8px oklch(0 0 0 / .06);--g-shadow-lg: 0 8px 16px oklch(0 0 0 / .12), 0 4px 8px oklch(0 0 0 / .08);--g-shadow-xl: 0 12px 24px oklch(0 0 0 / .16), 0 6px 12px oklch(0 0 0 / .1);--g-shadow-subtle: var(--g-shadow-sm);--g-shadow-float: var(--g-shadow-lg);--g-icon-size-xs: calc(var(--g-font-size-active) * .75);--g-icon-size-sm: calc(var(--g-font-size-active) * 1);--g-icon-size-md: calc(var(--g-font-size-active) * 1.25);--g-icon-size-lg: calc(var(--g-font-size-active) * 1.5);--g-icon-size-xl: calc(var(--g-font-size-active) * 2);--g-border-width-thin: calc(var(--g-font-size-active) * .071);--g-border-width-base: calc(var(--g-font-size-active) * .143);--g-border-width-thick: calc(var(--g-font-size-active) * .214);--g-focus-ring-width: 2px;--g-focus-ring-offset: 2px;--g-focus-ring-color: var(--g-color-accent-active);--g-focus-ring: 0 0 0 var(--g-focus-ring-offset) var(--g-color-bg-app), 0 0 0 calc(var(--g-focus-ring-offset) + var(--g-focus-ring-width)) var(--g-focus-ring-color);--g-row-height-condensed: calc(var(--g-font-size-active) * 1.714);--g-row-height-standard: calc(var(--g-font-size-active) * 2.143);--g-row-height-expanded: calc(var(--g-font-size-active) * 2.571);--g-row-height-base: var(--g-row-height-standard);--g-touch-target-min: calc(var(--g-font-size-standard) * 2.143);--g-panel-zoom-min: .5;--g-panel-zoom-max: 2;--g-panel-zoom-default: 1;--g-panel-zoom-active: var(--g-panel-zoom-default);--accent-brand-light: oklch(.359 .0477 var(--brand-hue));--accent-brand-dark: oklch(.2859 .0416 var(--brand-hue));--accent-teal-light: var(--accent-brand-light);--accent-teal-dark: var(--accent-brand-dark);--g-color-accent-quiet: var(--accent-brand-light);--g-color-accent-active: var(--accent-brand-dark);--g-status-success-O: .58;--g-status-success-C: .12;--g-status-success-H: 156;--g-status-warning-O: .73;--g-status-warning-C: .17;--g-status-warning-H: 74;--g-status-danger-O: .56;--g-status-danger-C: .23;--g-status-danger-H: 19;--g-status-info-O: .44;--g-status-info-C: .32;--g-status-info-H: 289;--g-color-status-success: oklch( var(--g-status-success-O) var(--g-status-success-C) var(--g-status-success-H) );--g-color-status-warning: oklch( var(--g-status-warning-O) var(--g-status-warning-C) var(--g-status-warning-H) );--g-color-status-danger: oklch( var(--g-status-danger-O) var(--g-status-danger-C) var(--g-status-danger-H) );--g-color-status-info: oklch( var(--g-status-info-O) var(--g-status-info-C) var(--g-status-info-H) );--g-color-success: var(--g-color-status-success);--g-color-warning: var(--g-color-status-warning);--g-color-error: var(--g-color-status-danger);--g-color-info: var(--g-color-status-info);--g-color-success-bg: oklch(.95 .02 156);--g-color-success-border: oklch(.7 .1 156);--g-color-success-fg: oklch(.35 .12 156);--g-color-warning-bg: oklch(.97 .03 74);--g-color-warning-border: oklch(.85 .14 74);--g-color-warning-fg: oklch(.45 .17 74);--g-color-error-bg: oklch(.96 .04 19);--g-color-error-border: oklch(.72 .2 19);--g-color-error-fg: oklch(.4 .23 19);--g-color-info-bg: oklch(.94 .05 289);--g-color-info-border: oklch(.62 .28 289);--g-color-info-fg: oklch(.32 .32 289);--g-vis-1-O: .75;--g-vis-1-C: .18;--g-vis-1-H: 25;--g-vis-2-O: .78;--g-vis-2-C: .17;--g-vis-2-H: 70;--g-vis-3-O: .76;--g-vis-3-C: .17;--g-vis-3-H: 135;--g-vis-4-O: .74;--g-vis-4-C: .17;--g-vis-4-H: 190;--g-vis-5-O: .72;--g-vis-5-C: .18;--g-vis-5-H: 245;--g-vis-6-O: .74;--g-vis-6-C: .18;--g-vis-6-H: 285;--g-vis-7-O: .76;--g-vis-7-C: .18;--g-vis-7-H: 325;--g-vis-8-O: .73;--g-vis-8-C: .16;--g-vis-8-H: 10;--g-color-vis-1: oklch(var(--g-vis-1-O) var(--g-vis-1-C) var(--g-vis-1-H));--g-color-vis-2: oklch(var(--g-vis-2-O) var(--g-vis-2-C) var(--g-vis-2-H));--g-color-vis-3: oklch(var(--g-vis-3-O) var(--g-vis-3-C) var(--g-vis-3-H));--g-color-vis-4: oklch(var(--g-vis-4-O) var(--g-vis-4-C) var(--g-vis-4-H));--g-color-vis-5: oklch(var(--g-vis-5-O) var(--g-vis-5-C) var(--g-vis-5-H));--g-color-vis-6: oklch(var(--g-vis-6-O) var(--g-vis-6-C) var(--g-vis-6-H));--g-color-vis-7: oklch(var(--g-vis-7-O) var(--g-vis-7-C) var(--g-vis-7-H));--g-color-vis-8: oklch(var(--g-vis-8-O) var(--g-vis-8-C) var(--g-vis-8-H));--g-color-fg-heading: var(--brandscale-900);--g-color-fg-code: var(--brandscale-700);--g-color-fg-label: var(--brandscale-600);--g-color-bg-card: var(--brandscale-50);--g-color-bg-card-hover: var(--brandscale-75);--g-color-bg-table-header: var(--brandscale-100);--g-color-bg-table-row-hover: var(--brandscale-50)}:root{--g-texture-noise-micro: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");--g-texture-noise-coarse: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");--tex-speckle: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 25 -11'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");--tex-fiber: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 0.05' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");--g-texture-grid-pixel: radial-gradient(circle, rgba(255, 255, 255, .1) 1px, transparent 1px);--g-texture-brushed: repeating-linear-gradient( 90deg, transparent, transparent 1px, rgba(255, 255, 255, .05) 1px, rgba(255, 255, 255, .05) 2px );--g-mat-silicon-bg: var(--g-color-bg-subtle, oklch(.98 .01 180));--g-mat-silicon-edge: 1px solid rgba(255, 255, 255, .1);--g-mat-silicon-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1);--g-mat-silicon-texture: var(--mat-noise-silicone);--g-mat-bezel-bg: linear-gradient(145deg, var(--g-color-bg-panel), var(--g-color-bg-subtle));--g-mat-bezel-border: 1px solid var(--g-color-border-strong);--g-mat-bezel-highlight: inset 1px 1px 0 rgba(255, 255, 255, .2);--g-mat-bezel-shadow: 2px 2px 4px rgba(0, 0, 0, .2);--g-mat-bezel-texture: var(--g-texture-brushed);--g-mat-display-bg: var(--brandscale-900);--g-mat-display-border: 2px solid var(--brandscale-800);--g-mat-display-shadow: inset 0 2px 6px rgba(0, 0, 0, .5);--g-mat-display-font: var(--g-font-mono);--g-mat-display-texture: var(--g-texture-grid-pixel);--g-mat-display-fg: var(--brandscale-50);--g-mat-glass-bg: oklch(from var(--brandscale-100) l c h / .05);--g-mat-glass-border: 1px solid oklch(from var(--brandscale-200) l c h / .3);--g-mat-glass-blur: blur(8px);--g-mat-glass-shadow: 0 4px 12px rgba(0, 0, 0, .1);--g-mat-glass-highlight: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, transparent 40%);--g-mat-emitter-bg: var(--g-color-accent-active);--g-mat-emitter-border: 1px solid rgba(255, 255, 255, .3);--g-mat-emitter-glow: 0 0 8px var(--g-color-accent-active), inset 0 0 4px rgba(255, 255, 255, .5);--g-mat-glass-lab-bg: oklch( from var(--g-color-bg-app) l c h / .4 );--g-mat-glass-lab-blur: blur(24px) saturate(2);--g-mat-glass-lab-border: 1px solid rgba(255, 255, 255, .15);--g-mat-glass-lab-shadow: 0 8px 32px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(255, 255, 255, .05);--g-mat-glass-lab-highlight: linear-gradient( 180deg, rgba(255, 255, 255, .07) 0%, transparent 100% )}:root[data-theme=light]{--g-color-bg-app: oklch(from var(--brandscale-100) l c h / .7);--g-color-bg-panel: oklch(from var(--brandscale-50) l c h / .85);--g-color-bg-subtle: oklch(from var(--brandscale-50) l c h / .6);--g-color-bg-surface: oklch(from var(--color-white) l c h / .85);--g-color-bg-titlebar: var(--brandscale-alpha-10);--g-color-border-subtle: var(--brandscale-100);--g-color-border-strong: var(--brandscale-300);--g-color-fg-primary: var(--brandscale-950);--g-color-fg-muted: var(--brandscale-700);--g-color-fg-soft: var(--brandscale-600);--mat-solid-bg: oklch(from var(--brandscale-50) l c h / .1);--g-surface-elevation-0-bg: var(--g-color-bg-app);--g-surface-elevation-1-bg: oklch(from var(--brandscale-50) l c h / .15);--g-surface-elevation-2-bg: oklch(from var(--brandscale-75) l c h / .2);--g-color-backdrop-scrim: var(--brandscale-alpha-20);--g-color-accent-quiet: var(--accent-brand-light);--g-color-accent-active: var(--accent-brand-dark);--g-color-accent-foreground: var( --brandscale-25 );--g-color-bg-strong: var(--g-color-accent-active);--g-color-fg-on-strong: var(--brandscale-25);--g-color-hover-bg: var(--brandscale-75);--g-color-hover-bg-strong: var(--brandscale-100);--g-color-hover-fg: var(--brandscale-900);--g-color-hover-border: var(--brandscale-200);--g-color-hover-accent: oklch(.32 .045 var(--brand-hue));--g-color-focus-ring: oklch(.55 .15 var(--brand-hue));--g-color-focus-bg: oklch(.95 .02 var(--brand-hue));--g-color-focus-border: oklch(.45 .12 var(--brand-hue));--g-color-focus-glow: oklch(.55 .15 var(--brand-hue) / .3);--g-color-active-bg: var(--brandscale-100);--g-color-active-fg: var(--brandscale-950);--g-color-active-border: var(--brandscale-300);--g-color-selected-bg: oklch(.92 .03 var(--brand-hue));--g-color-selected-fg: oklch(.25 .04 var(--brand-hue));--g-color-selected-border: oklch(.45 .1 var(--brand-hue));--g-color-disabled-bg: var(--brandscale-75);--g-color-disabled-fg: var(--brandscale-400);--g-color-disabled-border: var(--brandscale-100);--g-color-fg-icon: var(--brandscale-700);--g-color-fg-icon-muted: var(--brandscale-500);--g-color-fg-icon-hover: var(--brandscale-900);--g-color-fg-heading: var(--brandscale-900);--g-color-fg-code: var(--accent-brand-dark);--g-color-fg-label: var(--brandscale-600);--g-color-bg-card: var(--brandscale-50);--g-color-bg-card-hover: var(--brandscale-75);--g-color-bg-table-header: var(--brandscale-100);--g-color-bg-table-row-hover: var(--brandscale-50);--g-color-nav-hover-bg: var(--brandscale-100);--g-color-nav-active-bg: var(--g-color-bg-strong);--g-color-nav-active-fg: var(--g-color-fg-on-strong);--g-skeuo-surface-convex: linear-gradient(145deg, var(--brandscale-25), var(--brandscale-75));--g-skeuo-surface-concave: linear-gradient(145deg, var(--brandscale-100), var(--brandscale-25));--g-skeuo-shadow-convex: 3px 3px 6px var(--brandscale-200), -1px -1px 2px var(--brandscale-25);--g-skeuo-shadow-concave: inset 2px 2px 5px var(--brandscale-200), inset -2px -2px 5px var(--brandscale-25);--neo-shadow-base: 8px;--neo-shadow-blur: 16px;--g-color-shadow-cool: oklch(from var(--brandscale-900) l c h / .2);--g-color-highlight-warm: oklch(from var(--color-white) l c h / .9);--neo-shadow-convex: 3px 3px 6px var(--g-color-shadow-cool), 8px 8px 20px var(--g-color-shadow-cool), -2px -2px 4px var(--g-color-highlight-warm), -6px -6px 16px var(--g-color-highlight-warm), inset 0 0 0 1px rgba(255, 255, 255, .05);--neo-shadow-concave: inset 4px 4px 10px var(--g-color-shadow-cool), inset 8px 8px 24px var(--g-color-shadow-cool), inset -2px -2px 4px var(--g-color-highlight-warm), 0 1px 0 rgba(255, 255, 255, .1);--neo-surface-gradient: linear-gradient(145deg, var(--brandscale-25), var(--brandscale-50))}:root[data-theme=dark]{--g-color-bg-app-start: oklch(from var(--brandscale-975) l c h / .8);--g-color-bg-app-end: oklch(from var(--brandscale-925) l c h / .7);--g-color-bg-app: linear-gradient( 180deg, var(--g-color-bg-app-start) 0%, var(--g-color-bg-app-end) 100% );--g-color-bg-panel: oklch( from var(--brandscale-950) l c h / .8 );--g-color-bg-subtle: oklch(from var(--brandscale-925) l c h / .7);--g-color-bg-surface: oklch(from var(--brandscale-950) l c h / .85);--g-color-bg-titlebar: var(--brandscale-alpha-30);--g-color-border-subtle: var(--brandscale-850);--g-color-border-strong: var(--brandscale-700);--g-color-fg-primary: var(--brandscale-50);--g-color-fg-muted: var(--brandscale-100);--g-color-fg-soft: var(--brandscale-150);--mat-solid-bg: oklch(.12 .018 var(--brand-hue) / .3);--g-surface-elevation-0-bg: var(--g-color-bg-app);--g-surface-elevation-1-bg: var(--brandscale-950);--g-surface-elevation-2-bg: var(--brandscale-925);--g-color-backdrop-scrim: var(--brandscale-alpha-50);--g-color-accent-quiet: var(--accent-brand-dark);--g-color-accent-active: var(--accent-brand-light);--g-color-accent-foreground: var( --brandscale-950 );--g-color-bg-strong: var(--brandscale-850);--g-color-fg-on-strong: var(--brandscale-50);--g-color-hover-bg: var(--brandscale-900);--g-color-hover-bg-strong: var(--brandscale-850);--g-color-hover-fg: var(--brandscale-50);--g-color-hover-border: var(--brandscale-800);--g-color-hover-accent: oklch( .42 .05 var(--brand-hue) );--g-color-focus-ring: oklch(.65 .12 var(--brand-hue));--g-color-focus-bg: oklch(.22 .03 var(--brand-hue));--g-color-focus-border: oklch(.55 .1 var(--brand-hue));--g-color-focus-glow: oklch( .5 .12 var(--brand-hue) / .4 );--g-color-active-bg: var(--brandscale-850);--g-color-active-fg: var(--brandscale-50);--g-color-active-border: var(--brandscale-700);--g-color-selected-bg: oklch(.25 .04 var(--brand-hue));--g-color-selected-fg: oklch(.9 .03 var(--brand-hue));--g-color-selected-border: oklch(.5 .08 var(--brand-hue));--g-color-disabled-bg: var(--brandscale-925);--g-color-disabled-fg: var(--brandscale-600);--g-color-disabled-border: var(--brandscale-850);--g-color-fg-icon: var(--brandscale-100);--g-color-fg-icon-muted: var(--brandscale-150);--g-color-fg-icon-hover: var(--brandscale-50);--brandscale-alpha-5: oklch(.18 .08 var(--brand-hue) / .15);--brandscale-alpha-10: oklch(.18 .08 var(--brand-hue) / .2);--brandscale-alpha-20: oklch(.18 .08 var(--brand-hue) / .25);--brandscale-alpha-30: oklch(.18 .08 var(--brand-hue) / .3);--brandscale-alpha-50: oklch(.18 .08 var(--brand-hue) / .4);--g-shadow-sm: 0 1px 2px oklch(.18 .08 var(--brand-hue) / .2), 0 1px 3px oklch(.18 .08 var(--brand-hue) / .12);--g-shadow-md: 0 2px 4px oklch(.18 .08 var(--brand-hue) / .24), 0 4px 8px oklch(.18 .08 var(--brand-hue) / .16);--g-shadow-lg: 0 8px 16px oklch(.18 .08 var(--brand-hue) / .3), 0 4px 8px oklch(.18 .08 var(--brand-hue) / .2);--g-shadow-xl: 0 12px 24px oklch(.18 .08 var(--brand-hue) / .36), 0 6px 12px oklch(.18 .08 var(--brand-hue) / .24);--g-shadow-subtle: var(--g-shadow-sm);--g-shadow-float: var(--g-shadow-lg);--g-color-fg-heading: var(--brandscale-50);--g-color-fg-code: var(--accent-brand-light);--g-color-fg-label: var(--brandscale-150);--g-color-bg-card: var(--brandscale-900);--g-color-bg-card-hover: var(--brandscale-850);--g-color-bg-table-header: var(--brandscale-900);--g-color-bg-table-row-hover: var(--brandscale-850);--g-color-nav-hover-bg: var(--brandscale-900);--g-color-nav-active-bg: var(--g-color-bg-strong);--g-color-nav-active-fg: var(--g-color-fg-on-strong);--g-color-success-bg: oklch(.25 .08 156);--g-color-success-border: oklch(.45 .1 156);--g-color-success-fg: oklch(.75 .12 156);--g-color-warning-bg: oklch(.28 .09 74);--g-color-warning-border: oklch(.5 .14 74);--g-color-warning-fg: oklch(.85 .17 74);--g-color-error-bg: oklch(.26 .1 19);--g-color-error-border: oklch(.48 .18 19);--g-color-error-fg: oklch(.78 .22 19);--g-color-info-bg: oklch(.24 .12 289);--g-color-info-border: oklch(.42 .24 289);--g-color-info-fg: oklch(.72 .3 289);--g-skeuo-surface-convex: linear-gradient(145deg, var(--brandscale-850), var(--brandscale-925));--g-skeuo-surface-concave: linear-gradient(145deg, var(--brandscale-950), var(--brandscale-850));--g-skeuo-shadow-convex: 3px 3px 6px var(--brandscale-975), -1px -1px 2px var(--brandscale-800);--g-skeuo-shadow-concave: inset 2px 2px 5px var(--brandscale-975), inset -2px -2px 5px var(--brandscale-800);--g-color-shadow-cool: oklch(from var(--brandscale-975) l c h / .8);--g-color-highlight-warm: oklch(from var(--brandscale-700) l c h / .15);--neo-shadow-convex: 4px 4px 10px var(--g-color-shadow-cool), 12px 12px 24px var(--g-color-shadow-cool), -2px -2px 4px var(--g-color-highlight-warm), -6px -6px 16px var(--g-color-highlight-warm), inset 0 0 0 1px rgba(255, 255, 255, .03);--neo-shadow-concave: inset 4px 4px 12px var(--g-color-shadow-cool), inset 12px 12px 32px var(--g-color-shadow-cool), inset -2px -2px 6px var(--g-color-highlight-warm), 0 1px 0 rgba(255, 255, 255, .05);--neo-surface-gradient: linear-gradient(145deg, var(--brandscale-900), var(--brandscale-850))}.neo-convex{background:var(--neo-surface-gradient);box-shadow:var(--neo-shadow-convex);border:none}.neo-concave{background:var(--g-color-bg-app);box-shadow:var(--neo-shadow-concave);border:none}.neo-flat{background:var(--neo-surface-gradient);box-shadow:none;border:none}:root[data-theme=middle]{--brandscale-50: oklch(.98 .02 var(--brand-hue));--brandscale-100: oklch(.96 .04 var(--brand-hue));--brandscale-200: oklch(.9 .06 var(--brand-hue));--brandscale-300: oklch(.81 .08 var(--brand-hue));--brandscale-400: oklch(.71 .1 var(--brand-hue));--brandscale-500: oklch(.61 .11 var(--brand-hue));--brandscale-600: oklch(.51 .12 var(--brand-hue));--brandscale-700: oklch(.41 .1 var(--brand-hue));--brandscale-800: oklch(.33 .08 var(--brand-hue));--brandscale-900: oklch(.21 .06 var(--brand-hue));--g-color-bg-app: oklch(from var(--brandscale-200) l c h / .9);--g-color-bg-panel: oklch(from var(--brandscale-300) l c h / .4);--g-color-bg-subtle: oklch(from var(--brandscale-200) l c h / .5);--g-color-bg-surface: oklch(from var(--brandscale-100) l c h / .6);--g-color-bg-titlebar: var(--brandscale-alpha-20);--g-color-border-subtle: var(--brandscale-300);--g-color-border-strong: var(--brandscale-400);--g-color-fg-primary: var(--brandscale-900);--g-color-fg-muted: var(--brandscale-700);--g-color-fg-soft: var(--brandscale-600);--mat-solid-bg: oklch(from var(--brandscale-300) l c h / .3);--g-surface-elevation-0-bg: var(--g-color-bg-app);--g-surface-elevation-1-bg: oklch(from var(--brandscale-300) l c h / .2);--g-surface-elevation-2-bg: oklch(from var(--brandscale-200) l c h / .25);--g-color-backdrop-scrim: var(--brandscale-alpha-30);--g-input-bg: var(--brandscale-100);--g-input-border: var(--brandscale-400);--g-color-accent-quiet: var(--accent-brand-dark);--g-color-accent-active: var(--accent-brand-light);--g-color-accent-foreground: var(--brandscale-50);--g-color-hover-bg: var(--brandscale-200);--g-color-hover-fg: var(--brandscale-950);--g-color-hover-border: var(--brandscale-400);--g-color-hover-accent: oklch(.5 .1 var(--brand-hue));--g-color-active-bg: var(--brandscale-300);--g-color-selected-bg: oklch(.85 .05 var(--brand-hue));--g-color-selected-fg: oklch(.2 .05 var(--brand-hue));--neo-highlight-convex: oklch(.96 .02 var(--brand-hue) / .4);--neo-highlight-concave: oklch(.96 .02 var(--brand-hue) / .3);--neo-shade-cool: oklch(from var(--brandscale-800) l c h / .15);--neo-shadow-convex: 6px 6px 12px var(--neo-shade-cool), -2px -2px 5px var(--neo-highlight-convex), inset 0 0 0 1px rgba(255, 255, 255, .05);--neo-shadow-concave: inset 4px 4px 10px var(--neo-shade-cool), inset -2px -2px 5px var(--neo-highlight-concave)}:root[data-density=condensed]{--g-font-size-active: var(--g-font-size-condensed);--g-row-height-base: var(--g-row-height-condensed)}:root[data-density=standard]{--g-font-size-active: var(--g-font-size-standard);--g-row-height-base: var(--g-row-height-standard)}:root[data-density=expanded]{--g-font-size-active: var(--g-font-size-expanded);--g-row-height-base: var(--g-row-height-expanded)}:root:not([data-density]){--g-font-size-active: var(--g-font-size-standard);--g-row-height-base: var(--g-row-height-standard)}:root{--material-texture: .5;--material-gloss: .5;--material-depth: 1;--material-texture-multiplier: calc(.5 + var(--material-texture) * 1);--material-gloss-multiplier: calc(.3 + var(--material-gloss) * .7);--material-depth-multiplier: var(--material-depth);--g-mat-simple-digital-bg: var(--g-color-bg-surface);--g-mat-simple-digital-border: 1px solid var(--g-color-border-default);--g-mat-simple-digital-texture: none;--g-mat-simple-digital-texture-opacity: 0;--g-mat-silicon-bg: var(--g-color-bg-subtle);--g-mat-silicon-edge: none;--g-mat-silicon-texture: radial-gradient( circle at 30% 30%, oklch(1 0 0 / calc(.05 * var(--material-gloss-multiplier))) 0%, transparent 50% ), repeating-linear-gradient( 45deg, transparent, transparent 2px, oklch(0 0 0 / calc(.015 * var(--material-texture-multiplier))) 2px, oklch(0 0 0 / calc(.015 * var(--material-texture-multiplier))) 4px );--g-mat-silicon-texture-opacity: calc(.3 * var(--material-texture-multiplier));--g-mat-bezel-bg: linear-gradient( 135deg, var(--brandscale-200) 0%, var(--brandscale-150) 50%, var(--brandscale-200) 100% );--g-mat-bezel-border: 1px solid var(--brandscale-300);--g-mat-bezel-texture: repeating-linear-gradient( 90deg, transparent, transparent 1px, oklch(0 0 0 / calc(.03 * var(--material-texture-multiplier))) 1px, oklch(0 0 0 / calc(.03 * var(--material-texture-multiplier))) 2px ), linear-gradient( 180deg, oklch(1 0 0 / calc(.1 * var(--material-gloss-multiplier))) 0%, transparent 50%, oklch(0 0 0 / calc(.05 * var(--material-depth-multiplier))) 100% );--g-mat-display-bg: var(--brandscale-900);--g-mat-display-fg: var(--brandscale-100);--g-mat-display-border: 1px solid var(--brandscale-850);--g-mat-display-font: var(--g-font-mono);--g-mat-display-texture: repeating-linear-gradient( 0deg, transparent, transparent 2px, oklch(0 0 0 / calc(.3 * var(--material-texture-multiplier))) 2px, oklch(0 0 0 / calc(.3 * var(--material-texture-multiplier))) 3px ), repeating-linear-gradient( 90deg, transparent, transparent 2px, oklch(0 0 0 / calc(.15 * var(--material-texture-multiplier))) 2px, oklch(0 0 0 / calc(.15 * var(--material-texture-multiplier))) 3px );--g-mat-glass-bg: var(--greenscale-alpha-20);--g-mat-glass-border: 1px solid var(--greenscale-alpha-30);--g-mat-glass-blur: blur(12px) saturate(180%);--g-mat-glass-highlight: linear-gradient( 135deg, oklch(1 0 0 / calc(.15 * var(--material-gloss-multiplier))) 0%, oklch(1 0 0 / calc(.05 * var(--material-gloss-multiplier))) 50%, transparent 100% );--g-mat-emitter-bg: var(--g-color-accent-active);--g-mat-emitter-border: none;--g-mat-emitter-glow: 0 0 calc(4px * var(--material-depth-multiplier)) var(--g-color-accent-active), 0 0 calc(8px * var(--material-depth-multiplier)) oklch(from var(--g-color-accent-active) l c h / calc(.6 * var(--material-gloss-multiplier))), 0 0 calc(12px * var(--material-depth-multiplier)) oklch(from var(--g-color-accent-active) l c h / calc(.4 * var(--material-gloss-multiplier))), inset 0 0 calc(4px * var(--material-depth-multiplier)) oklch(1 0 0 / calc(.3 * var(--material-gloss-multiplier)))}:root[data-theme=dark]{--g-mat-simple-digital-bg: var(--g-color-bg-surface);--g-mat-simple-digital-border: 1px solid var(--g-color-border-default);--g-mat-silicon-bg: var(--brandscale-925);--g-mat-bezel-bg: linear-gradient( 135deg, var(--brandscale-850) 0%, var(--brandscale-900) 50%, var(--brandscale-850) 100% );--g-mat-bezel-border: 1px solid var(--brandscale-800);--g-mat-display-bg: var(--brandscale-975);--g-mat-display-fg: var(--brandscale-100);--g-mat-display-border: 1px solid var(--brandscale-950);--g-mat-glass-bg: var(--brandscale-alpha-30);--g-mat-glass-border: 1px solid var(--brandscale-alpha-50);--g-mat-emitter-glow: 0 0 calc(6px * var(--material-depth-multiplier)) var(--g-color-accent-active), 0 0 calc(12px * var(--material-depth-multiplier)) oklch(from var(--g-color-accent-active) l c h / calc(.7 * var(--material-gloss-multiplier))), 0 0 calc(18px * var(--material-depth-multiplier)) oklch(from var(--g-color-accent-active) l c h / calc(.5 * var(--material-gloss-multiplier))), inset 0 0 calc(6px * var(--material-depth-multiplier)) oklch(1 0 0 / calc(.4 * var(--material-gloss-multiplier)))}:root[data-theme=dark] .elevation-sunk{box-shadow:inset 0 2px 4px #0000001f,inset 0 -1px 2px #ffffff05}:root[data-theme=dark] .elevation-bezel{box-shadow:2px 2px 5px #00000026,inset 1px 1px #ffffff0d}:root{--g-space-fib-1: 1px;--g-space-fib-2: 2px;--g-space-fib-3: 3px;--g-space-fib-5: 5px;--g-space-fib-8: 8px;--g-space-fib-13: 13px;--g-space-fib-21: 21px;--g-space-fib-34: 34px;--g-space-fib-55: 55px;--g-space-fib-89: 89px;--g-space-fib-144: 144px;--g-space-material-1: var(--g-space-fib-3);--g-space-material-2: var(--g-space-fib-5);--g-space-material-3: var(--g-space-fib-8);--g-space-material-4: var(--g-space-fib-13);--g-space-material-5: var(--g-space-fib-21);--g-space-material-6: var(--g-space-fib-34);--g-space-material-7: var(--g-space-fib-55)}.surface{position:relative;border-radius:var(--g-radius-base, 4px);transition:var(--transition-all);overflow:visible}.surface-silicon:before,.surface-bezel:before,.surface-display:before,.surface-glass:before{overflow:hidden}.surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:0;transition:opacity var(--g-duration-normal);border-radius:inherit}.surface>*{position:relative;z-index:1}.surface-simple-digital{background-color:var(--g-mat-simple-digital-bg);border:var(--g-mat-simple-digital-border)}.surface-silicon{background-color:var(--g-mat-silicon-bg);border:var(--g-mat-silicon-edge)}.surface-silicon:before{background-image:var(--g-mat-silicon-texture);opacity:var(--g-mat-silicon-texture-opacity)}.surface-bezel{background:var(--g-mat-bezel-bg);border:var(--g-mat-bezel-border)}.surface-bezel:before{background-image:var(--g-mat-bezel-texture);opacity:1}.surface-display{background-color:var(--g-mat-display-bg);border:var(--g-mat-display-border);color:var(--g-mat-display-fg);font-family:var(--g-mat-display-font)}.surface-display:before{background-image:var(--g-mat-display-texture);opacity:1}.surface-glass{background-color:var(--g-mat-glass-bg);border:var(--g-mat-glass-border);backdrop-filter:var(--g-mat-glass-blur);-webkit-backdrop-filter:var(--g-mat-glass-blur)}.surface-glass:before{background:var(--g-mat-glass-highlight);opacity:1}.surface-emitter{background-color:var(--g-mat-emitter-bg);border:var(--g-mat-emitter-border);box-shadow:var(--g-mat-emitter-glow)}:root{--elevation-flat-opacity: .4;--elevation-flat-gradient-end: 80%;--elevation-raised-intensity: 1;--elevation-sunk-intensity: 1;--elevation-bezel-intensity: 1}.elevation-flat{box-shadow:none;position:relative;background:var(--g-color-bg-surface);border:none}.elevation-flat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,calc(.12 * var(--elevation-flat-opacity))) 0%,rgba(255,255,255,calc(.06 * var(--elevation-flat-opacity))) 40%,transparent var(--elevation-flat-gradient-end));pointer-events:none;border-radius:inherit;z-index:1}.elevation-raised{background:var(--g-color-bg-surface);border:none;box-shadow:calc(-4px * var(--elevation-raised-intensity)) calc(-4px * var(--elevation-raised-intensity)) calc(10px * var(--elevation-raised-intensity)) #ffffff59,calc(-2px * var(--elevation-raised-intensity)) calc(-2px * var(--elevation-raised-intensity)) calc(6px * var(--elevation-raised-intensity)) #ffffff40,calc(4px * var(--elevation-raised-intensity)) calc(4px * var(--elevation-raised-intensity)) calc(12px * var(--elevation-raised-intensity)) #0000001a,calc(2px * var(--elevation-raised-intensity)) calc(2px * var(--elevation-raised-intensity)) calc(8px * var(--elevation-raised-intensity)) #00000014,0 0 calc(24px * var(--elevation-raised-intensity)) #00000008}.elevation-float{background:var(--g-color-bg-surface);border:none;box-shadow:-5px -5px 14px #fff6,-3px -3px 8px #ffffff4d,-1px -1px 4px #fff3,5px 5px 18px #0000001f,3px 3px 10px #0000001a,1px 1px 4px #00000014,0 0 36px #0000000a}.elevation-sunk{background:var(--g-color-bg-surface);border:none;box-shadow:inset calc(3px * var(--elevation-sunk-intensity)) calc(3px * var(--elevation-sunk-intensity)) calc(10px * var(--elevation-sunk-intensity)) #00000026,inset calc(1.5px * var(--elevation-sunk-intensity)) calc(1.5px * var(--elevation-sunk-intensity)) calc(6px * var(--elevation-sunk-intensity)) #0000001a,inset calc(-3px * var(--elevation-sunk-intensity)) calc(-3px * var(--elevation-sunk-intensity)) calc(10px * var(--elevation-sunk-intensity)) #fff3,inset calc(-1.5px * var(--elevation-sunk-intensity)) calc(-1.5px * var(--elevation-sunk-intensity)) calc(6px * var(--elevation-sunk-intensity)) #ffffff26,inset 0 0 calc(20px * var(--elevation-sunk-intensity)) #0000000d}.elevation-bezel{background:linear-gradient(145deg,rgba(255,255,255,calc(.08 * var(--elevation-bezel-intensity))) 0%,var(--g-color-bg-surface) 50%,rgba(0,0,0,calc(.04 * var(--elevation-bezel-intensity))) 100%);border:none;box-shadow:calc(-2px * var(--elevation-bezel-intensity)) calc(-2px * var(--elevation-bezel-intensity)) calc(8px * var(--elevation-bezel-intensity)) #ffffff4d,calc(-1px * var(--elevation-bezel-intensity)) calc(-1px * var(--elevation-bezel-intensity)) calc(4px * var(--elevation-bezel-intensity)) #fff3,calc(2px * var(--elevation-bezel-intensity)) calc(2px * var(--elevation-bezel-intensity)) calc(10px * var(--elevation-bezel-intensity)) #0000001a,calc(1px * var(--elevation-bezel-intensity)) calc(1px * var(--elevation-bezel-intensity)) calc(5px * var(--elevation-bezel-intensity)) #00000014,inset calc(-1px * var(--elevation-bezel-intensity)) calc(-1px * var(--elevation-bezel-intensity)) calc(4px * var(--elevation-bezel-intensity)) #ffffff1f,inset calc(1px * var(--elevation-bezel-intensity)) calc(1px * var(--elevation-bezel-intensity)) calc(3px * var(--elevation-bezel-intensity)) #0000000f,0 0 calc(16px * var(--elevation-bezel-intensity)) #00000005}.elevation-button{background:var(--g-color-bg-surface);border:none;box-shadow:0 1px 2px #0003,0 2px 8px #0000001f,0 4px 16px #0000000f,inset 0 1px #ffffff4d;transition:all .15s ease}.elevation-button:hover{box-shadow:0 2px 4px #0003,0 4px 12px #00000024,0 8px 24px #00000014,inset 0 1px #fff6;transform:translateY(-1px)}.elevation-button:active{box-shadow:0 0 2px #0000004d,inset 0 2px 4px #0000001f;transform:translateY(0)}.elevation-card{background:var(--g-color-bg-surface);border:none;box-shadow:0 .5px 1px #0000001a,0 2px 6px #0000000f,0 8px 24px #00000008,0 16px 48px #00000003}.elevation-input{background:var(--g-color-bg-surface);border:none;box-shadow:inset 2px 2px 5px #0000001f,inset 1px 1px 3px #00000014,inset -2px -2px 5px #ffffff2e,inset -1px -1px 3px #ffffff1f,inset 0 0 15px #0000000a}.elevation-input:focus{box-shadow:inset 0 1px 2px #0003,inset 0 2px 8px #0000001a,inset 0 4px 12px #0000000a,inset 0 -1px #ffffff26,0 0 0 2px var(--g-color-accent-active, rgba(59, 130, 246, .3))}:root{--extrude-light-angle: 135deg;--extrude-shadow-angle: 315deg}.elevation-extrude-low{background:var(--g-color-bg-surface);border:none;box-shadow:-1px -1px 2px #fff6,1px 1px 3px #00000026,2px 2px 6px #00000014}.elevation-extrude-med{background:var(--g-color-bg-surface);border:none;box-shadow:-2px -2px 4px #ffffff80,-1px -1px 2px #ffffff4d,2px 2px 6px #0000002e,3px 3px 10px #0000001f,4px 4px 16px #0000000f}.elevation-extrude-high{background:var(--g-color-bg-surface);border:none;box-shadow:-3px -3px 6px #fff9,-2px -2px 4px #fff6,-1px -1px 2px #ffffff4d,3px 3px 8px #0003,4px 4px 12px #00000026,6px 6px 20px #0000001a,8px 8px 32px #0000000d}.elevation-impress-low{background:var(--g-color-bg-surface);border:none;box-shadow:inset 2px 2px 4px #0000001f,inset 1px 1px 2px #00000014,inset -2px -2px 4px #ffffff26,inset -1px -1px 2px #ffffff1a,inset 0 0 8px #0000000a}.elevation-impress-med{background:var(--g-color-bg-surface);border:none;box-shadow:inset 3px 3px 6px #00000026,inset 2px 2px 4px #0000001a,inset 1px 1px 2px #00000014,inset -3px -3px 6px #ffffff2e,inset -2px -2px 4px #ffffff1f,inset -1px -1px 2px #ffffff14,inset 0 0 12px #0000000d}.elevation-impress-high{background:var(--g-color-bg-surface);border:none;box-shadow:inset 4px 4px 8px #0000002e,inset 3px 3px 6px #00000024,inset 2px 2px 4px #0000001a,inset 1px 1px 2px #00000014,inset -4px -4px 8px #fff3,inset -3px -3px 6px #ffffff26,inset -2px -2px 4px #ffffff1a,inset 0 0 16px #0000000f}:root{--neo-offset: 20px;--neo-blur: 28px;--neo-light-color: rgba(255, 255, 255, 1);--neo-dark-color: rgba(13, 39, 80, .18)}.elevation-neo-raised{background:var(--g-color-bg-surface);border:none;box-shadow:calc(-1 * var(--neo-offset)) calc(-1 * var(--neo-offset)) var(--neo-blur) var(--neo-light-color),var(--neo-offset) var(--neo-offset) var(--neo-blur) var(--neo-dark-color)}.elevation-neo-pressed{background:var(--g-color-bg-surface);border:none;box-shadow:inset calc(-1 * var(--neo-offset)) calc(-1 * var(--neo-offset)) var(--neo-blur) var(--neo-light-color),inset var(--neo-offset) var(--neo-offset) var(--neo-blur) var(--neo-dark-color)}.elevation-neo-mixed{background:var(--g-color-bg-surface);border:none;box-shadow:calc(-1 * var(--neo-offset)) calc(-1 * var(--neo-offset)) var(--neo-blur) var(--neo-light-color),var(--neo-offset) var(--neo-offset) var(--neo-blur) var(--neo-dark-color),inset calc(-1 * var(--neo-offset)) calc(-1 * var(--neo-offset)) var(--neo-blur) var(--neo-light-color),inset var(--neo-offset) var(--neo-offset) var(--neo-blur) var(--neo-dark-color)}:root{--radial-light-hotspot-x: 30%;--radial-light-hotspot-y: 30%;--radial-highlight-opacity: .12;--radial-shadow-opacity: .15;--radial-ambient-opacity: .6}.elevation-radial-convex{background:radial-gradient(circle at var(--radial-light-hotspot-x) var(--radial-light-hotspot-y),rgba(255,255,255,var(--radial-highlight-opacity)) 0%,rgba(255,255,255,calc(var(--radial-highlight-opacity) * .15)) 40%,rgba(0,0,0,var(--radial-shadow-opacity)) 75%,transparent 100%),var(--g-color-bg-surface);border:none;box-shadow:inset 0 0 0 1px #ffffff08,-4px -4px 12px #ffffff26,-2px -2px 6px #ffffff1a,4px 4px 16px #00000040,2px 2px 8px #0003,0 10px 30px rgba(0,0,0,var(--radial-ambient-opacity))}.elevation-radial-concave{background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.2) 0%,rgba(0,0,0,.1) 30%,rgba(255,255,255,.02) 70%,transparent 100%),var(--g-color-bg-surface);border:none;box-shadow:inset -6px -6px 12px #ffffff14,inset -3px -3px 6px #ffffff0d,inset 6px 6px 12px #00000073,inset 3px 3px 6px #00000059,0 10px 30px #0000004d}.elevation-radial-pillow{background:radial-gradient(ellipse at var(--radial-light-hotspot-x) var(--radial-light-hotspot-y),rgba(255,255,255,.06) 0%,rgba(255,255,255,.01) 50%,rgba(0,0,0,.08) 100%),var(--g-color-bg-surface);border:none;box-shadow:-2px -2px 8px #ffffff14,-1px -1px 4px #ffffff0d,2px 2px 10px #0000001f,1px 1px 5px #00000014,0 6px 20px #00000026}.elevation-radial-ring{background:radial-gradient(circle at 50% 50%,#00000026,#0000001a,#ffffff14,#ffffff1f,#0000001a),var(--g-color-bg-surface);border:none;box-shadow:0 0 0 1px #ffffff0d,-3px -3px 10px #ffffff1f,3px 3px 12px #0000004d,inset -4px -4px 8px #ffffff0f,inset 4px 4px 10px #00000059,0 8px 24px #0006}.elevation-divider{background:var(--g-color-bg-surface);border:none;height:2px;box-shadow:inset 0 1px 1px #ffffff0d,inset 0 -1px 2px #0009,0 2px 6px #0006,0 1px 3px #0000004d}:root{--ctx-bg: var(--g-color-bg-surface);--ctx-bg-interactive: var(--g-color-bg-surface);--ctx-bg-hover: var(--g-color-bg-subtle);--ctx-border: 1px solid var(--g-color-border-subtle);--ctx-border-hover: 1px solid var(--g-color-border-strong);--ctx-light-temp: 60;--ctx-shadow-hue-shift: 30;--ctx-highlight-warm: oklch(.98 .015 var(--ctx-light-temp));--ctx-highlight-neutral: oklch(.97 .008 var(--brand-hue, 180));--ctx-highlight-bright: oklch(.99 .01 var(--ctx-light-temp));--ctx-shadow-cool: oklch(.15 .02 calc(var(--brand-hue, 180) + var(--ctx-shadow-hue-shift)));--ctx-shadow-neutral: oklch(.1 .015 var(--brand-hue, 180));--ctx-shadow-deep: oklch(.05 .01 calc(var(--brand-hue, 180) + var(--ctx-shadow-hue-shift)));--ctx-shadow-prominent: 0 2px 4px rgba(0, 0, 0, .15), 0 4px 12px rgba(0, 0, 0, .1);--ctx-shadow-primary: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--ctx-shadow-secondary: 0 1px 2px rgba(0, 0, 0, .06);--ctx-shadow-ghost: none;--ctx-shadow-prominent-hover: 0 4px 8px rgba(0, 0, 0, .18), 0 8px 20px rgba(0, 0, 0, .12);--ctx-shadow-primary-hover: 0 2px 4px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .08);--ctx-shadow-secondary-hover: 0 2px 4px rgba(0, 0, 0, .08);--ctx-shadow-ghost-hover: 0 1px 2px rgba(0, 0, 0, .04);--ctx-ghost-bg: transparent;--ctx-ghost-bg-hover: var(--g-color-bg-subtle);--ctx-ghost-border: transparent;--ctx-ghost-border-hover: var(--g-color-border-subtle)}[data-mode=neuo]{--ctx-bg: var(--g-color-bg-panel);--ctx-bg-interactive: var(--g-color-bg-panel);--ctx-bg-hover: var(--g-color-bg-panel);--ctx-border: none;--ctx-border-hover: none;--neuo-highlight: oklch(.98 .015 var(--ctx-light-temp, 60) / .35);--neuo-highlight-soft: oklch(.97 .012 var(--ctx-light-temp, 60) / .25);--neuo-highlight-hover: oklch(.99 .018 var(--ctx-light-temp, 60) / .4);--neuo-shadow: oklch(.12 .02 calc(var(--brand-hue, 180) + 30) / .2);--neuo-shadow-soft: oklch(.15 .018 calc(var(--brand-hue, 180) + 30) / .15);--neuo-shadow-deep: oklch(.08 .025 calc(var(--brand-hue, 180) + 30) / .08);--ctx-shadow-prominent: -4px -4px 10px var(--neuo-highlight), -2px -2px 6px var(--neuo-highlight-soft), 4px 4px 12px var(--neuo-shadow), 2px 2px 8px var(--neuo-shadow-soft), 0 0 24px var(--neuo-shadow-deep);--ctx-shadow-primary: -2px -2px 6px var(--neuo-highlight-soft), -1px -1px 3px oklch(.97 .01 var(--ctx-light-temp, 60) / .2), 2px 2px 8px var(--neuo-shadow-soft), 1px 1px 4px oklch(.15 .015 calc(var(--brand-hue, 180) + 30) / .1);--ctx-shadow-secondary: -1px -1px 3px oklch(.97 .01 var(--ctx-light-temp, 60) / .25), 1px 1px 4px oklch(.15 .015 calc(var(--brand-hue, 180) + 30) / .1), 2px 2px 6px oklch(.18 .012 calc(var(--brand-hue, 180) + 30) / .06);--ctx-shadow-ghost: none;--ctx-shadow-prominent-hover: -5px -5px 14px var(--neuo-highlight-hover), -3px -3px 8px var(--neuo-highlight), 5px 5px 18px oklch(.1 .025 calc(var(--brand-hue, 180) + 30) / .25), 3px 3px 10px var(--neuo-shadow), 0 0 30px var(--neuo-shadow-deep);--ctx-shadow-primary-hover: -3px -3px 8px var(--neuo-highlight), -2px -2px 5px var(--neuo-highlight-soft), 3px 3px 10px var(--neuo-shadow), 2px 2px 6px var(--neuo-shadow-soft);--ctx-shadow-secondary-hover: -2px -2px 5px var(--neuo-highlight-soft), 2px 2px 6px var(--neuo-shadow-soft), 3px 3px 8px oklch(.18 .012 calc(var(--brand-hue, 180) + 30) / .08);--ctx-shadow-ghost-hover: -1px -1px 2px oklch(.97 .01 var(--ctx-light-temp, 60) / .2), 1px 1px 3px oklch(.18 .012 calc(var(--brand-hue, 180) + 30) / .08);--ctx-ghost-bg: transparent;--ctx-ghost-bg-hover: oklch(.95 .01 var(--brand-hue, 180) / .1);--ctx-ghost-border: transparent;--ctx-ghost-border-hover: transparent}[data-mode=flat]{--ctx-bg: var(--g-color-bg-surface);--ctx-bg-interactive: var(--g-color-bg-surface);--ctx-bg-hover: var(--g-color-bg-subtle);--ctx-border: 1px solid var(--g-color-border-subtle);--ctx-border-hover: 1px solid var(--g-color-border-strong);--ctx-border-min: 1px solid oklch(from var(--ctx-bg) calc(l - .08) c h);--ctx-shadow-prominent: 0 2px 4px oklch(.15 .01 calc(var(--brand-hue, 180) + 30) / .12), 0 4px 12px oklch(.1 .008 calc(var(--brand-hue, 180) + 30) / .08);--ctx-shadow-primary: 0 1px 2px oklch(.15 .01 calc(var(--brand-hue, 180) + 30) / .08), 0 2px 6px oklch(.1 .008 calc(var(--brand-hue, 180) + 30) / .04);--ctx-shadow-secondary: 0 1px 2px oklch(.15 .008 calc(var(--brand-hue, 180) + 30) / .04);--ctx-shadow-ghost: none;--ctx-shadow-prominent-hover: 0 4px 8px oklch(.12 .012 calc(var(--brand-hue, 180) + 30) / .15), 0 8px 20px oklch(.08 .01 calc(var(--brand-hue, 180) + 30) / .1);--ctx-shadow-primary-hover: 0 2px 4px oklch(.12 .01 calc(var(--brand-hue, 180) + 30) / .1), 0 4px 10px oklch(.1 .008 calc(var(--brand-hue, 180) + 30) / .06);--ctx-shadow-secondary-hover: 0 2px 4px oklch(.12 .008 calc(var(--brand-hue, 180) + 30) / .06);--ctx-shadow-ghost-hover: 0 1px 2px oklch(.15 .006 calc(var(--brand-hue, 180) + 30) / .04);--ctx-ghost-bg: transparent;--ctx-ghost-bg-hover: var(--g-color-bg-subtle);--ctx-ghost-border: transparent;--ctx-ghost-border-hover: var(--g-color-border-subtle)}[data-mode=skeuo]{--ctx-bg: var(--g-color-bg-panel);--ctx-bg-interactive: var(--g-color-bg-subtle);--ctx-bg-hover: var(--g-color-bg-subtle);--ctx-border: 1px solid var(--g-color-border-strong);--ctx-border-hover: 1px solid var(--g-color-border-strong);--skeuo-highlight: oklch(.98 .02 var(--ctx-light-temp, 60) / .2);--skeuo-highlight-strong: oklch(.99 .025 var(--ctx-light-temp, 60) / .25);--skeuo-shadow: oklch(.1 .02 calc(var(--brand-hue, 180) + 30) / .25);--skeuo-shadow-deep: oklch(.05 .025 calc(var(--brand-hue, 180) + 30) / .15);--ctx-shadow-prominent: 0 4px 8px var(--skeuo-shadow), 0 8px 24px var(--skeuo-shadow-deep), inset 0 1px 0 var(--skeuo-highlight), inset 0 -1px 0 oklch(.1 .015 calc(var(--brand-hue, 180) + 30) / .1);--ctx-shadow-primary: 0 2px 6px oklch(.12 .018 calc(var(--brand-hue, 180) + 30) / .2), 0 4px 12px oklch(.1 .015 calc(var(--brand-hue, 180) + 30) / .1), inset 0 1px 0 oklch(.98 .015 var(--ctx-light-temp, 60) / .15);--ctx-shadow-secondary: 0 1px 3px oklch(.15 .015 calc(var(--brand-hue, 180) + 30) / .15), 0 2px 6px oklch(.12 .012 calc(var(--brand-hue, 180) + 30) / .08), inset 0 1px 0 oklch(.97 .01 var(--ctx-light-temp, 60) / .1);--ctx-shadow-ghost: none;--ctx-shadow-prominent-hover: 0 6px 12px oklch(.08 .025 calc(var(--brand-hue, 180) + 30) / .3), 0 12px 32px oklch(.05 .02 calc(var(--brand-hue, 180) + 30) / .18), inset 0 1px 0 var(--skeuo-highlight-strong), inset 0 -1px 0 oklch(.1 .015 calc(var(--brand-hue, 180) + 30) / .12);--ctx-shadow-primary-hover: 0 4px 10px var(--skeuo-shadow), 0 8px 20px oklch(.1 .015 calc(var(--brand-hue, 180) + 30) / .12), inset 0 1px 0 oklch(.98 .018 var(--ctx-light-temp, 60) / .18);--ctx-shadow-secondary-hover: 0 2px 5px oklch(.12 .018 calc(var(--brand-hue, 180) + 30) / .18), 0 4px 10px oklch(.1 .015 calc(var(--brand-hue, 180) + 30) / .1), inset 0 1px 0 oklch(.97 .012 var(--ctx-light-temp, 60) / .12);--ctx-shadow-ghost-hover: 0 1px 3px oklch(.15 .015 calc(var(--brand-hue, 180) + 30) / .1), inset 0 1px 0 oklch(.97 .008 var(--ctx-light-temp, 60) / .08);--ctx-ghost-bg: transparent;--ctx-ghost-bg-hover: oklch(.2 .01 var(--brand-hue, 180) / .05);--ctx-ghost-border: transparent;--ctx-ghost-border-hover: oklch(.2 .01 var(--brand-hue, 180) / .1)}:root[data-theme=dark]{--ctx-bg: var(--g-color-bg-surface);--ctx-bg-hover: var(--g-color-bg-subtle);--ctx-ghost-bg-hover: rgba(255, 255, 255, .08)}:root[data-theme=dark] [data-mode=neuo]{--neuo-highlight: oklch(.4 .02 var(--ctx-light-temp, 60) / .06);--neuo-highlight-soft: oklch(.35 .015 var(--ctx-light-temp, 60) / .04);--neuo-shadow: oklch(.02 .03 calc(var(--brand-hue, 180) + 30) / .4);--neuo-shadow-soft: oklch(.03 .025 calc(var(--brand-hue, 180) + 30) / .3);--neuo-shadow-deep: oklch(.01 .02 calc(var(--brand-hue, 180) + 30) / .2);--ctx-shadow-prominent: -4px -4px 10px var(--neuo-highlight), -2px -2px 6px var(--neuo-highlight-soft), 4px 4px 12px var(--neuo-shadow), 2px 2px 8px var(--neuo-shadow-soft), 0 0 24px var(--neuo-shadow-deep);--ctx-shadow-primary: -2px -2px 6px oklch(.35 .015 var(--ctx-light-temp, 60) / .05), -1px -1px 3px oklch(.3 .01 var(--ctx-light-temp, 60) / .03), 2px 2px 8px oklch(.02 .025 calc(var(--brand-hue, 180) + 30) / .35), 1px 1px 4px oklch(.03 .02 calc(var(--brand-hue, 180) + 30) / .25);--ctx-shadow-secondary: -1px -1px 3px oklch(.35 .01 var(--ctx-light-temp, 60) / .04), 1px 1px 4px oklch(.03 .02 calc(var(--brand-hue, 180) + 30) / .3), 2px 2px 6px oklch(.02 .015 calc(var(--brand-hue, 180) + 30) / .2);--ctx-ghost-bg-hover: oklch(.4 .015 var(--brand-hue, 180) / .06)}:root[data-theme=dark] [data-mode=flat]{--ctx-shadow-prominent: 0 2px 4px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .2);--ctx-shadow-primary: 0 1px 2px rgba(0, 0, 0, .25), 0 2px 6px rgba(0, 0, 0, .15);--ctx-shadow-secondary: 0 1px 2px rgba(0, 0, 0, .2);--ctx-ghost-bg-hover: rgba(255, 255, 255, .08)}:root[data-theme=dark] [data-mode=skeuo]{--ctx-shadow-prominent: 0 4px 8px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .3);--ctx-shadow-primary: 0 2px 6px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06);--ctx-shadow-secondary: 0 1px 3px rgba(0, 0, 0, .35), 0 2px 6px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04);--ctx-ghost-bg-hover: rgba(255, 255, 255, .06)}:root{--z-base: 0;--z-content: 10;--z-sticky: 20;--z-nav: 30;--z-dropdown: 40;--z-modal: 50;--z-popover: 60;--z-toast: 70;--z-tooltip: 80}:root{--ctx-shadow-pressed: inset 2px 2px 4px rgba(0, 0, 0, .15), inset 1px 1px 2px rgba(0, 0, 0, .1)}[data-mode=neuo]{--ctx-shadow-pressed: inset 2px 2px 5px rgba(0, 0, 0, .18), inset 1px 1px 3px rgba(0, 0, 0, .12), inset -1px -1px 2px rgba(255, 255, 255, .15)}[data-mode=flat]{--ctx-shadow-pressed: inset 1px 1px 3px rgba(0, 0, 0, .1)}[data-mode=skeuo]{--ctx-shadow-pressed: inset 2px 2px 6px rgba(0, 0, 0, .25), inset 1px 1px 3px rgba(0, 0, 0, .15)}[data-bg-color=neutral]{--lab-bg-color: var(--g-color-bg-app)}[data-bg-color=warm]{--lab-bg-color: oklch(.96 .03 80)}[data-bg-color=cool]{--lab-bg-color: oklch(.96 .03 240)}[data-bg-color=accent]{--lab-bg-color: oklch(.92 .04 var(--scale-hue, 180))}:root[data-theme=dark][data-bg-color=warm]{--lab-bg-color: oklch(.18 .02 80)}:root[data-theme=dark][data-bg-color=cool]{--lab-bg-color: oklch(.18 .02 240)}:root[data-theme=dark][data-bg-color=accent]{--lab-bg-color: oklch(.15 .03 var(--scale-hue, 180))}:root{--lab-atmosphere: .1;--lab-noise: .02;--scale-hue: 180;--noise-svg: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--atmosphere-gradient: linear-gradient( 135deg, oklch(.98 .02 var(--ctx-light-temp, 60) / calc(var(--lab-atmosphere, .1) * .5)) 0%, transparent 50%, oklch(.15 .02 calc(var(--brand-hue, 180) + 30) / calc(var(--lab-atmosphere, .1) * .3)) 100% );--noise-opacity: var(--lab-noise, .02)}.surface-noise:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise-svg);background-size:128px 128px;opacity:calc(var(--noise-opacity) * var(--local-noise-multiplier, 1));pointer-events:none;mix-blend-mode:overlay;border-radius:inherit}.surface-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--atmosphere-gradient);pointer-events:none;border-radius:inherit}.surface-textured{position:relative}.surface-textured:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--atmosphere-gradient);pointer-events:none;border-radius:inherit;z-index:1}.surface-textured:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--noise-svg);background-size:128px 128px;opacity:calc(var(--noise-opacity) * var(--local-noise-multiplier, 1));pointer-events:none;mix-blend-mode:overlay;border-radius:inherit;z-index:2}.noise-subtle{--local-noise-multiplier: .5}.noise-medium{--local-noise-multiplier: 1}.noise-heavy{--local-noise-multiplier: 2}.atmosphere-subtle{--lab-atmosphere: .05}.atmosphere-medium{--lab-atmosphere: .1}.atmosphere-heavy{--lab-atmosphere: .2}:root[data-theme=dark]{--atmosphere-gradient: linear-gradient( 135deg, oklch(.3 .02 var(--ctx-light-temp, 60) / calc(var(--lab-atmosphere, .1) * .3)) 0%, transparent 50%, oklch(.05 .025 calc(var(--brand-hue, 180) + 30) / calc(var(--lab-atmosphere, .1) * .4)) 100% )}:root[data-theme=dark] .surface-noise:after,:root[data-theme=dark] .surface-textured:after{mix-blend-mode:soft-light;opacity:calc(var(--noise-opacity) * var(--local-noise-multiplier, 1) * 1.5)}:root{--ctx-hover-bg: var(--g-color-hover-bg);--ctx-hover-fg: var(--g-color-hover-fg);--ctx-hover-border: var(--g-color-hover-border);--ctx-hover-shadow: var(--ctx-shadow-primary-hover);--ctx-focus-ring: 0 0 0 2px var(--g-color-focus-ring);--ctx-focus-glow: 0 0 8px var(--g-color-focus-glow);--ctx-focus-bg: var(--g-color-focus-bg);--ctx-focus-border: var(--g-color-focus-border);--ctx-active-bg: var(--g-color-active-bg);--ctx-active-fg: var(--g-color-active-fg);--ctx-active-shadow: var(--ctx-shadow-pressed);--ctx-selected-bg: var(--g-color-selected-bg);--ctx-selected-fg: var(--g-color-selected-fg);--ctx-selected-border: var(--g-color-selected-border)}[data-mode=neuo]{--ctx-hover-bg: var(--g-color-bg-panel);--ctx-hover-shadow: var(--ctx-shadow-prominent-hover);--ctx-focus-ring: 0 0 0 1px oklch(.6 .1 var(--brand-hue, 180) / .3);--ctx-focus-glow: 0 0 0 4px oklch(.7 .12 var(--brand-hue, 180) / .15), 0 0 12px oklch(.5 .1 var(--brand-hue, 180) / .1);--ctx-active-shadow: inset 3px 3px 8px oklch(.1 .02 calc(var(--brand-hue, 180) + 30) / .15), inset 1px 1px 4px oklch(.15 .018 calc(var(--brand-hue, 180) + 30) / .1), inset -2px -2px 6px oklch(.97 .01 var(--ctx-light-temp, 60) / .2)}[data-mode=flat]{--ctx-hover-bg: var(--g-color-hover-bg);--ctx-hover-border: var(--g-color-hover-border);--ctx-hover-shadow: var(--ctx-shadow-secondary-hover);--ctx-focus-ring: 0 0 0 var(--g-focus-ring-offset) var(--g-color-bg-app), 0 0 0 calc(var(--g-focus-ring-offset) + 2px) var(--g-color-focus-ring);--ctx-focus-glow: none;--ctx-active-bg: var(--g-color-active-bg);--ctx-active-shadow: inset 0 1px 2px oklch(.15 .01 calc(var(--brand-hue, 180) + 30) / .08)}[data-mode=skeuo]{--ctx-hover-bg: var(--g-color-bg-subtle);--ctx-hover-shadow: var(--ctx-shadow-primary-hover);--ctx-focus-ring: 0 0 0 1px oklch(.55 .12 var(--brand-hue, 180) / .6), inset 0 1px 0 oklch(.98 .015 var(--ctx-light-temp, 60) / .2);--ctx-focus-glow: 0 0 0 3px oklch(.6 .1 var(--brand-hue, 180) / .2), 0 0 8px oklch(.5 .1 var(--brand-hue, 180) / .15);--ctx-active-shadow: inset 3px 3px 8px oklch(.1 .025 calc(var(--brand-hue, 180) + 30) / .2), inset 1px 1px 4px oklch(.12 .02 calc(var(--brand-hue, 180) + 30) / .15), inset 0 -1px 0 oklch(.98 .01 var(--ctx-light-temp, 60) / .1)}:root[data-theme=dark]{--ctx-hover-bg: var(--g-color-hover-bg);--ctx-focus-ring: 0 0 0 2px var(--g-color-focus-ring);--ctx-focus-glow: 0 0 12px var(--g-color-focus-glow);--ctx-active-bg: var(--g-color-active-bg);--ctx-selected-bg: var(--g-color-selected-bg)}:root[data-theme=dark] [data-mode=neuo]{--ctx-hover-shadow: -3px -3px 8px oklch(.35 .015 var(--ctx-light-temp, 60) / .06), 3px 3px 10px oklch(.02 .025 calc(var(--brand-hue, 180) + 30) / .4);--ctx-focus-ring: 0 0 0 1px oklch(.5 .1 var(--brand-hue, 180) / .4);--ctx-focus-glow: 0 0 0 4px oklch(.4 .1 var(--brand-hue, 180) / .15), 0 0 16px oklch(.35 .08 var(--brand-hue, 180) / .2);--ctx-active-shadow: inset 3px 3px 8px oklch(.02 .03 calc(var(--brand-hue, 180) + 30) / .35), inset 1px 1px 4px oklch(.03 .025 calc(var(--brand-hue, 180) + 30) / .25), inset -2px -2px 6px oklch(.35 .012 var(--ctx-light-temp, 60) / .05)}:root[data-theme=dark] [data-mode=flat]{--ctx-focus-ring: 0 0 0 var(--g-focus-ring-offset) var(--brandscale-950), 0 0 0 calc(var(--g-focus-ring-offset) + 2px) var(--g-color-focus-ring)}:root[data-theme=dark] [data-mode=skeuo]{--ctx-focus-ring: 0 0 0 1px oklch(.5 .1 var(--brand-hue, 180) / .5), inset 0 1px 0 oklch(.4 .02 var(--ctx-light-temp, 60) / .1);--ctx-focus-glow: 0 0 0 3px oklch(.45 .1 var(--brand-hue, 180) / .25), 0 0 12px oklch(.4 .1 var(--brand-hue, 180) / .2)}:root{--light-angle: 315deg;--light-angle-opposite: calc(var(--light-angle) + 180deg);--layer-material-opacity: .85;--layer-ao-opacity: .08;--layer-specular-opacity: .15;--layer-noise-opacity: var(--lab-noise, .02);--layer-highlight-color: oklch(.98 .015 var(--ctx-light-temp, 60));--layer-shadow-color: oklch(.12 .02 calc(var(--brand-hue, 180) + 30));--layer-material-tint: var(--brand-hue, 180);--blend-highlight: screen;--blend-shadow: multiply;--blend-ao: multiply;--blend-noise: overlay}.surface-layered{position:relative;isolation:isolate;background:transparent}.surface-layered[data-material]{background:oklch(var(--material-lightness, .95) var(--material-chroma, .01) var(--layer-material-tint) / var(--layer-material-opacity))}.surface-layered[data-material=light]{--material-lightness: .97;--material-chroma: .005}.surface-layered[data-material=medium]{--material-lightness: .92;--material-chroma: .015}.surface-layered[data-material=dark]{--material-lightness: .85;--material-chroma: .02}.surface-layered:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 120% 120% at 50% 50%,transparent 40%,oklch(.2 .02 calc(var(--layer-material-tint) + 30) / var(--layer-ao-opacity)) 100%);mix-blend-mode:var(--blend-ao);z-index:1}.surface-layered:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--light-angle),oklch(.99 .01 var(--ctx-light-temp, 60) / var(--layer-specular-opacity)) 0%,oklch(.97 .008 var(--ctx-light-temp, 60) / calc(var(--layer-specular-opacity) * .5)) 30%,transparent 60%);mix-blend-mode:var(--blend-highlight);z-index:2}.surface-layered[data-depth=prominent]{--layer-ao-opacity: .12;--layer-specular-opacity: .25}.surface-layered[data-depth=prominent]:before{background:radial-gradient(ellipse 110% 110% at 50% 50%,transparent 30%,oklch(.15 .025 calc(var(--layer-material-tint) + 30) / var(--layer-ao-opacity)) 100%)}.surface-layered[data-depth=prominent]:after{background:linear-gradient(var(--light-angle),oklch(.995 .012 var(--ctx-light-temp, 60) / var(--layer-specular-opacity)) 0%,oklch(.98 .01 var(--ctx-light-temp, 60) / calc(var(--layer-specular-opacity) * .6)) 25%,transparent 55%)}.surface-layered[data-depth=primary]{--layer-ao-opacity: .08;--layer-specular-opacity: .15}.surface-layered[data-depth=secondary]{--layer-ao-opacity: .05;--layer-specular-opacity: .1}.surface-layered[data-depth=secondary]:after{background:linear-gradient(var(--light-angle),oklch(.98 .008 var(--ctx-light-temp, 60) / var(--layer-specular-opacity)) 0%,transparent 45%)}.surface-layered[data-depth=ghost]{--layer-ao-opacity: .02;--layer-specular-opacity: .05}.surface-layered[data-depth=ghost]:before,.surface-layered[data-depth=ghost]:after{opacity:.5}.surface-inset{position:relative;isolation:isolate}.surface-inset:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--light-angle),oklch(.15 .02 calc(var(--brand-hue, 180) + 30) / .08) 0%,transparent 40%,oklch(.98 .01 var(--ctx-light-temp, 60) / .05) 100%);mix-blend-mode:multiply;z-index:1}.surface-inset:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 2px 2px 4px oklch(.2 .02 calc(var(--brand-hue, 180) + 30) / .1),inset -1px -1px 2px oklch(.98 .01 var(--ctx-light-temp, 60) / .15);z-index:2}.surface-glass{position:relative;isolation:isolate;background:oklch(.98 .005 var(--brand-hue, 180) / .6);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2)}.surface-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(var(--light-angle),oklch(.99 .008 var(--ctx-light-temp, 60) / .3) 0%,transparent 50%,oklch(.95 .01 calc(var(--brand-hue, 180) + 180) / .05) 100%);mix-blend-mode:soft-light;z-index:1}.surface-glass:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid oklch(.98 .01 var(--ctx-light-temp, 60) / .4);z-index:2}.surface-glass[data-depth=prominent]{background:oklch(.97 .008 var(--brand-hue, 180) / .7);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4)}.surface-glass[data-depth=secondary]{background:oklch(.99 .003 var(--brand-hue, 180) / .4);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1)}.surface-layered:hover:not(:disabled){--layer-specular-opacity: calc(var(--layer-specular-opacity) * 1.3)}.surface-layered:hover:not(:disabled):after{background:linear-gradient(var(--light-angle),oklch(.995 .012 var(--ctx-light-temp, 60) / var(--layer-specular-opacity)) 0%,oklch(.98 .01 var(--ctx-light-temp, 60) / calc(var(--layer-specular-opacity) * .6)) 35%,transparent 65%)}.surface-layered:active:not(:disabled){--layer-ao-opacity: calc(var(--layer-ao-opacity) * .5);--layer-specular-opacity: calc(var(--layer-specular-opacity) * .3)}.surface-layered:active:not(:disabled):before{background:linear-gradient(var(--light-angle),oklch(.2 .02 calc(var(--layer-material-tint) + 30) / .08) 0%,transparent 50%)}.surface-layered:focus-visible{outline:none}.surface-layered:focus-visible:after{box-shadow:0 0 0 3px oklch(.7 .15 var(--brand-hue, 180) / .4)}:root[data-theme=dark]{--layer-material-opacity: .9;--layer-ao-opacity: .15;--layer-specular-opacity: .08;--layer-highlight-color: oklch(.4 .02 var(--ctx-light-temp, 60));--layer-shadow-color: oklch(.05 .02 calc(var(--brand-hue, 180) + 30))}:root[data-theme=dark] .surface-layered[data-material=light]{--material-lightness: .25;--material-chroma: .015}:root[data-theme=dark] .surface-layered[data-material=medium]{--material-lightness: .2;--material-chroma: .02}:root[data-theme=dark] .surface-layered[data-material=dark]{--material-lightness: .15;--material-chroma: .025}:root[data-theme=dark] .surface-layered:after{background:linear-gradient(var(--light-angle),oklch(.5 .015 var(--ctx-light-temp, 60) / var(--layer-specular-opacity)) 0%,oklch(.4 .01 var(--ctx-light-temp, 60) / calc(var(--layer-specular-opacity) * .5)) 30%,transparent 60%)}:root[data-theme=dark] .surface-glass{background:oklch(.2 .01 var(--brand-hue, 180) / .7)}:root[data-theme=dark] .surface-glass:after{border-color:oklch(.4 .015 var(--ctx-light-temp, 60) / .3)}[data-mode=neuo] .surface-layered{--layer-ao-opacity: .1;--layer-specular-opacity: .2}[data-mode=flat] .surface-layered{--layer-ao-opacity: .02;--layer-specular-opacity: .03}[data-mode=flat] .surface-layered:before,[data-mode=flat] .surface-layered:after{opacity:.3}[data-mode=skeuo] .surface-layered{--layer-ao-opacity: .12;--layer-specular-opacity: .22}[data-mode=skeuo] .surface-layered:before{background:radial-gradient(ellipse 100% 100% at 50% 50%,transparent 25%,oklch(.1 .03 calc(var(--layer-material-tint) + 30) / var(--layer-ao-opacity)) 100%)}.surface-layered.with-noise>.noise-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:var( --noise-svg, url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E") );background-size:128px 128px;opacity:var(--layer-noise-opacity);mix-blend-mode:var(--blend-noise);z-index:3}.surface-noise-wrapper{position:relative}.surface-noise-wrapper>.surface-layered{z-index:0}.surface-noise-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:var(--noise-svg);background-size:128px 128px;opacity:var(--layer-noise-opacity);mix-blend-mode:var(--blend-noise);z-index:10}:root{--perspective-shallow: 800px;--perspective-standard: 1200px;--perspective-deep: 2000px;--z-lift-subtle: 2px;--z-lift-small: 4px;--z-lift-medium: 8px;--z-lift-large: 16px;--z-lift-prominent: 24px;--z-press-subtle: -1px;--z-press-small: -2px;--z-press-medium: -4px;--tilt-subtle: 1deg;--tilt-small: 2deg;--tilt-medium: 4deg}.perspective-shallow{perspective:var(--perspective-shallow);perspective-origin:center center}.perspective-standard{perspective:var(--perspective-standard);perspective-origin:center center}.perspective-deep{perspective:var(--perspective-deep);perspective-origin:center center}.perspective-origin-top{perspective-origin:center top}.perspective-origin-bottom{perspective-origin:center bottom}.z-lift-subtle{transform:translateZ(var(--z-lift-subtle));transform-style:preserve-3d}.z-lift-small{transform:translateZ(var(--z-lift-small));transform-style:preserve-3d}.z-lift-medium{transform:translateZ(var(--z-lift-medium));transform-style:preserve-3d}.z-lift-large{transform:translateZ(var(--z-lift-large));transform-style:preserve-3d}.z-lift-prominent{transform:translateZ(var(--z-lift-prominent));transform-style:preserve-3d}.z-press-subtle{transform:translateZ(var(--z-press-subtle))}.z-press-small{transform:translateZ(var(--z-press-small))}.z-press-medium{transform:translateZ(var(--z-press-medium))}.depth-interactive{transform:translateZ(0);transform-style:preserve-3d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out}.depth-interactive:hover:not(:disabled){transform:translateZ(var(--z-lift-small))}.depth-interactive:active:not(:disabled){transform:translateZ(var(--z-press-small))}.depth-interactive-prominent{transform:translateZ(var(--z-lift-subtle));transform-style:preserve-3d;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease-out}.depth-interactive-prominent:hover:not(:disabled){transform:translateZ(var(--z-lift-medium))}.depth-interactive-prominent:active:not(:disabled){transform:translateZ(var(--z-press-subtle))}.tilt-on-hover{transform-style:preserve-3d;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tilt-on-hover:hover{transform:rotateX(var(--tilt-subtle)) rotateY(calc(var(--tilt-subtle) * -1))}.tilt-dynamic{--tilt-x: 0deg;--tilt-y: 0deg;transform-style:preserve-3d;transition:transform .15s ease-out;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.card-stack{perspective:var(--perspective-standard)}.card-stack>*{transform-style:preserve-3d}.card-stack>*:nth-child(1){transform:translateZ(var(--z-lift-prominent))}.card-stack>*:nth-child(2){transform:translateZ(var(--z-lift-large))}.card-stack>*:nth-child(3){transform:translateZ(var(--z-lift-medium))}.card-stack>*:nth-child(4){transform:translateZ(var(--z-lift-small))}.card-stack>*:nth-child(n+5){transform:translateZ(var(--z-lift-subtle))}.float-panel{transform-style:preserve-3d;transform:translateZ(var(--z-lift-large));box-shadow:0 4px 6px oklch(.2 .02 var(--brand-hue, 180) / .08),0 12px 24px oklch(.15 .02 var(--brand-hue, 180) / .12),0 24px 48px oklch(.1 .02 var(--brand-hue, 180) / .08)}.float-panel-prominent{transform-style:preserve-3d;transform:translateZ(var(--z-lift-prominent));box-shadow:0 8px 12px oklch(.2 .02 var(--brand-hue, 180) / .1),0 24px 48px oklch(.15 .02 var(--brand-hue, 180) / .15),0 48px 96px oklch(.1 .02 var(--brand-hue, 180) / .1)}.depth-recessed{transform-style:preserve-3d;transform:translateZ(var(--z-press-small))}.depth-recessed-deep{transform-style:preserve-3d;transform:translateZ(var(--z-press-medium))}.shadow-from-depth{--shadow-offset-y: 2px;--shadow-blur: 4px;--shadow-spread: 0px;--shadow-opacity: .08;box-shadow:0 var(--shadow-offset-y) var(--shadow-blur) var(--shadow-spread) oklch(.15 .02 calc(var(--brand-hue, 180) + 30) / var(--shadow-opacity));transition:box-shadow .2s ease-out}.z-lift-subtle.shadow-from-depth{--shadow-offset-y: 1px;--shadow-blur: 2px;--shadow-opacity: .06}.z-lift-small.shadow-from-depth{--shadow-offset-y: 2px;--shadow-blur: 4px;--shadow-opacity: .08}.z-lift-medium.shadow-from-depth{--shadow-offset-y: 4px;--shadow-blur: 8px;--shadow-opacity: .1}.z-lift-large.shadow-from-depth{--shadow-offset-y: 8px;--shadow-blur: 16px;--shadow-opacity: .12}.z-lift-prominent.shadow-from-depth{--shadow-offset-y: 12px;--shadow-blur: 24px;--shadow-opacity: .15}:root[data-theme=dark]{--shadow-opacity-multiplier: 1.5}:root[data-theme=dark] .shadow-from-depth{box-shadow:0 var(--shadow-offset-y) var(--shadow-blur) var(--shadow-spread) oklch(.05 .02 calc(var(--brand-hue, 180) + 30) / calc(var(--shadow-opacity) * 1.5))}:root[data-theme=dark] .float-panel{box-shadow:0 4px 6px oklch(.05 .02 var(--brand-hue, 180) / .15),0 12px 24px oklch(.03 .02 var(--brand-hue, 180) / .2),0 24px 48px oklch(.02 .02 var(--brand-hue, 180) / .15)}[data-mode=flat] .depth-interactive,[data-mode=flat] .depth-interactive-prominent{transform:none!important}[data-mode=flat] .z-lift-subtle,[data-mode=flat] .z-lift-small,[data-mode=flat] .z-lift-medium,[data-mode=flat] .z-lift-large,[data-mode=flat] .z-lift-prominent{transform:none}[data-mode=flat] .shadow-from-depth{--shadow-opacity: .04;--shadow-blur: 2px}[data-mode=neuo] .depth-interactive:hover:not(:disabled){transform:translateZ(var(--z-lift-medium))}[data-mode=skeuo] .float-panel{transform:translateZ(var(--z-lift-prominent));box-shadow:0 2px 4px oklch(.2 .02 var(--brand-hue, 180) / .1),0 8px 16px oklch(.15 .02 var(--brand-hue, 180) / .15),0 16px 32px oklch(.1 .02 var(--brand-hue, 180) / .12),0 32px 64px oklch(.08 .02 var(--brand-hue, 180) / .08)}:root{--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .8s;--ease-spring-soft: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-medium: cubic-bezier(.175, .885, .32, 1.275);--ease-spring-bouncy: cubic-bezier(.68, -.55, .265, 1.55);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in: cubic-bezier(.32, 0, .67, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-snappy: cubic-bezier(.2, 0, 0, 1)}.transition-quick{transition-property:transform,opacity,background-color,box-shadow,border-color;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}.transition-standard{transition-property:transform,opacity,background-color,box-shadow,border-color,filter;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-spring-soft)}.transition-dramatic{transition-property:transform,opacity,background-color,box-shadow,border-color,filter;transition-duration:var(--duration-slow);transition-timing-function:var(--ease-spring-medium)}.transition-layout{transition-property:width,height,padding,margin,top,left,right,bottom;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-smooth)}.transition-depth{transition:transform var(--duration-normal) var(--ease-spring-soft),box-shadow var(--duration-normal) var(--ease-out),filter var(--duration-normal) var(--ease-out)}.transition-depth-quick{transition:transform var(--duration-fast) var(--ease-spring-soft),box-shadow var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.transition-depth-slow{transition:transform var(--duration-slow) var(--ease-spring-medium),box-shadow var(--duration-slow) var(--ease-out),filter var(--duration-slow) var(--ease-out)}@keyframes highlight-shift{0%,to{--light-angle: 315deg}25%{--light-angle: 320deg}50%{--light-angle: 310deg}75%{--light-angle: 318deg}}.animate-highlight-shift{animation:highlight-shift 8s ease-in-out infinite}@keyframes depth-breathe{0%,to{transform:translateZ(0)}50%{transform:translateZ(2px)}}.animate-breathe{animation:depth-breathe 4s ease-in-out infinite;transform-style:preserve-3d}.animate-breathe-slow{animation:depth-breathe 6s ease-in-out infinite;transform-style:preserve-3d}@keyframes ripple-expand{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}.ripple-container{position:relative;overflow:hidden}.ripple-container:after{content:"";position:absolute;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);width:100%;aspect-ratio:1;border-radius:50%;background:oklch(.98 .01 var(--ctx-light-temp, 60) / .3);transform:translate(-50%,-50%) scale(0);pointer-events:none}.ripple-container.rippling:after{animation:ripple-expand var(--duration-slow) var(--ease-out) forwards}@keyframes press-down{0%{transform:translateZ(0) scale(1)}to{transform:translateZ(-2px) scale(.98)}}@keyframes release-up{0%{transform:translateZ(-2px) scale(.98)}50%{transform:translateZ(4px) scale(1.01)}to{transform:translateZ(0) scale(1)}}.animate-press:active{animation:press-down var(--duration-fast) var(--ease-out) forwards;transform-style:preserve-3d}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes lift-in{0%{opacity:0;transform:translateY(4px) translateZ(-4px)}to{opacity:1;transform:translateY(0) translateZ(0)}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out) forwards}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--ease-spring-soft) forwards}.animate-fade-in-down{animation:fade-in-down var(--duration-normal) var(--ease-spring-soft) forwards}.animate-scale-in{animation:scale-in var(--duration-normal) var(--ease-spring-soft) forwards}.animate-lift-in{animation:lift-in var(--duration-slow) var(--ease-spring-soft) forwards;transform-style:preserve-3d}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.animate-fade-out{animation:fade-out var(--duration-fast) var(--ease-in) forwards}.animate-fade-out-down{animation:fade-out-down var(--duration-fast) var(--ease-in) forwards}.animate-scale-out{animation:scale-out var(--duration-fast) var(--ease-in) forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,oklch(.95 .005 var(--brand-hue, 180) / .8),oklch(.98 .003 var(--brand-hue, 180) / .9),oklch(.95 .005 var(--brand-hue, 180) / .8));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 oklch(.7 .15 var(--brand-hue, 180) / .4)}50%{box-shadow:0 0 0 8px oklch(.7 .15 var(--brand-hue, 180) / 0)}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-breathe,.animate-breathe-slow,.animate-highlight-shift,.animate-shimmer,.animate-pulse-glow{animation:none!important}}[data-mode=flat]{--duration-fast: 75ms;--duration-normal: .15s;--duration-slow: .2s}[data-mode=flat] .transition-standard,[data-mode=flat] .transition-dramatic{transition-timing-function:var(--ease-smooth)}[data-mode=flat] .animate-breathe,[data-mode=flat] .animate-highlight-shift{animation:none}[data-mode=neuo] .transition-standard{transition-timing-function:var(--ease-spring-medium)}[data-mode=neuo] .animate-lift-in{animation-timing-function:var(--ease-spring-bouncy)}[data-mode=skeuo]{--duration-normal: .25s;--duration-slow: .35s}[data-mode=skeuo] .transition-dramatic{transition-timing-function:var(--ease-spring-bouncy)}:root[data-theme=dark] .animate-shimmer{background:linear-gradient(90deg,oklch(.25 .01 var(--brand-hue, 180) / .8),oklch(.3 .008 var(--brand-hue, 180) / .9),oklch(.25 .01 var(--brand-hue, 180) / .8));background-size:200% 100%}:root[data-theme=dark] .ripple-container:after{background:oklch(.5 .02 var(--ctx-light-temp, 60) / .2)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-size:16px;font-weight:var(--font-weight-regular);line-height:1.6;color:var(--g-color-fg-primary);background:var(--g-color-bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 30%,var(--greenscale-alpha-20) 0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--greenscale-alpha-10) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--greenscale-alpha-5) 0%,transparent 60%),var(--g-color-bg-app);pointer-events:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-16);letter-spacing:0;color:var(--g-color-fg-primary)}h1{font-size:2.5rem;font-weight:var(--font-weight-semibold);line-height:1.1}h2{font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:1.2}h3{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.3}p{margin-bottom:var(--space-16);max-width:65ch;line-height:1.6}a{color:var(--g-color-fg-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}a:hover{border-bottom-color:var(--g-color-accent-active)}a:link,a:visited,a:active{color:var(--g-color-fg-primary)}.header{position:sticky;top:0;background:transparent!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--g-color-border-subtle);z-index:1000;padding:var(--space-16) var(--margin-desktop)}.header-inner{max-width:var(--container-narrow);margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:transparent}.logo{font-family:var(--font-primary);font-size:1rem;font-weight:var(--font-weight-medium);letter-spacing:0;line-height:1.2}.logo a{display:inline-block}.logo-subtitle{font-family:var(--font-primary);font-size:.75rem;font-weight:var(--font-weight-regular);color:var(--g-color-fg-muted);letter-spacing:.2em;text-transform:uppercase;margin-top:2px;display:block;width:100%}.nav{display:flex;gap:var(--space-48);align-items:center;list-style:none}.nav a{font-size:.9375rem;font-weight:var(--font-weight-regular);text-transform:none;letter-spacing:0;border-bottom:none;color:var(--g-color-fg-primary);text-decoration:none}.nav a:hover{border-bottom:1px solid var(--g-color-fg-primary)}.nav a.btn{border-bottom:none!important;text-decoration:none!important;margin-left:var(--space-48)}.nav a.btn-primary,.nav a.btn-primary:link,.nav a.btn-primary:visited,.nav a.btn-primary:active{background:var(--g-color-fg-primary)!important;color:var(--g-color-bg-app)!important;text-decoration:none!important;font-weight:var(--font-weight-semibold);font-size:.9375rem!important}.nav a.btn-primary *{color:var(--color-lightest)!important}.nav a.btn-primary:hover{border-bottom:none!important;color:var(--g-color-bg-app)!important;opacity:.9;text-decoration:none!important}@media (max-width: 768px){.header{padding:var(--space-16) var(--margin-mobile)}.nav{gap:var(--space-16)}}.section{padding:var(--space-64) var(--margin-desktop);text-align:center}.section-narrow{max-width:var(--container-narrow);margin:0 auto}.section-wide{max-width:var(--container-wide);margin:0 auto}@media (max-width: 768px){.section{padding:var(--space-48) var(--margin-mobile)}}.hero{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-64) var(--margin-desktop)}.hero-content{max-width:var(--container-narrow);margin:0 auto}.hero h1{margin-bottom:var(--space-24)}.hero-subhead{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--g-color-fg-muted);margin-bottom:var(--space-32);max-width:none;line-height:1.6}.hero-cta{display:flex;gap:var(--space-16);flex-wrap:wrap;justify-content:center;margin-top:var(--space-32)}.btn{display:inline-block;padding:var(--button-padding-medium-vertical) var(--button-padding-medium-horizontal);border:none;background:transparent;color:var(--g-color-fg-primary);font-family:var(--font-primary);font-size:var(--button-font-size-medium);font-weight:var(--button-weight-secondary);text-transform:none;letter-spacing:0;cursor:pointer;transition:opacity var(--transition-fast);text-decoration:none;border-radius:var(--button-radius-top-left) var(--button-radius-top-right) var(--button-radius-bottom-right) var(--button-radius-bottom-left)}.btn-primary{background:var(--g-color-fg-primary);color:var(--g-color-bg-app)!important;font-weight:var(--button-weight-primary)}.btn-primary:link,.btn-primary:visited,.btn-primary:active{color:var(--g-color-bg-app)!important}.btn-primary:hover{opacity:.9;color:var(--g-color-bg-app)!important}.btn-primary:active{opacity:.8}.btn-secondary{border:1px solid var(--g-color-fg-primary);background:transparent;color:var(--g-color-fg-primary)}.btn-secondary:hover{background:var(--g-color-fg-primary);color:var(--g-color-bg-surface)}.btn-secondary:active{opacity:.9}.btn-small{padding:var(--button-padding-small-vertical) var(--button-padding-small-horizontal);font-size:.875rem}.btn-large{padding:var(--button-padding-large-vertical) var(--button-padding-large-horizontal);font-size:var(--button-font-size-large)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:disabled:hover{opacity:.4}.grid{display:grid;gap:var(--space-32)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.card{padding:var(--space-24);border:1px solid var(--g-color-border-subtle);transition:none}.card-title{font-size:1.125rem;margin-bottom:var(--space-12);color:var(--g-color-fg-primary)}.card-text{font-size:.9375rem;font-weight:var(--font-weight-regular);color:var(--g-color-fg-muted);line-height:1.6}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-48);align-items:start;text-align:left;max-width:800px;margin:0 auto}@media (max-width: 768px){.two-col{grid-template-columns:1fr;gap:var(--space-32)}}.two-col h3{margin-bottom:var(--space-16)}.two-col ul{list-style:none}.two-col li{margin-bottom:var(--space-12);padding-left:var(--space-16);position:relative}.two-col li:before{content:"—";position:absolute;left:0;color:var(--g-color-fg-primary)}.service-block{margin-bottom:var(--space-64);padding-bottom:var(--space-64);border-bottom:1px solid var(--g-color-border-subtle);text-align:left}.service-block:last-child{border-bottom:none}.service-block h2,.service-block h3{margin-bottom:var(--space-16)}.service-block p{margin-bottom:var(--space-16);max-width:none}.service-block ul{list-style:none;margin-top:var(--space-16)}.service-block li{margin-bottom:var(--space-12);padding-left:var(--space-16);position:relative}.service-block li:before{content:"—";position:absolute;left:0;color:var(--g-color-fg-primary)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-32);margin-top:var(--space-32)}.team-card{padding:var(--space-24);border:1px solid var(--g-color-border-subtle);transition:none}.team-name{font-size:1.125rem;font-weight:var(--font-weight-medium);margin-bottom:var(--space-8)}.team-role{font-size:.875rem;color:var(--g-color-fg-muted);text-transform:none;letter-spacing:0;margin-bottom:var(--space-12)}.team-bio{font-size:.9375rem;font-weight:var(--font-weight-regular);color:var(--g-color-fg-muted);line-height:1.6}.contact-form{max-width:480px;margin:var(--space-32) auto 0;border:1px solid var(--g-color-border-subtle);padding:var(--space-32)}.form-group{margin-bottom:var(--space-16)}.form-group:last-of-type{margin-bottom:var(--space-24)}.form-group label{display:block;font-family:var(--font-primary);font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:0;margin-bottom:var(--space-8);color:var(--g-color-fg-primary)}.form-group input,.form-group textarea{width:100%;padding:var(--space-8) 0;border:none;border-bottom:1px solid var(--g-color-border-subtle);background:transparent;font-family:var(--font-primary);font-size:.9375rem;color:var(--g-color-fg-primary);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--g-color-fg-primary)}.form-group textarea{min-height:80px;resize:vertical;line-height:1.6}.form-status{display:block;margin-bottom:var(--space-24);padding:var(--space-12) var(--space-16);border:1px solid var(--g-color-border-subtle);font-size:.9375rem;line-height:1.6;color:var(--g-color-fg-primary)}.form-status.success,.form-status.error{border-color:var(--g-color-fg-primary);background:var(--g-color-bg-subtle)}.footer{border-top:1px solid var(--g-color-border-subtle);padding:var(--space-32) var(--margin-desktop);text-align:left;font-family:var(--font-primary);font-weight:var(--font-weight-regular);color:var(--g-color-fg-muted);font-size:.875rem}.footer-tagline{margin-top:var(--space-12)}@media (max-width: 768px){.footer{padding:var(--space-32) var(--margin-mobile)}}:root{--color-bg: var(--g-color-bg-panel);--color-bg-secondary: var(--g-color-bg-subtle);--color-bg-dark: var(--g-color-bg-app);--color-text: var(--g-color-fg-primary);--color-text-secondary: var(--g-color-fg-muted);--color-text-light: var(--g-color-fg-soft);--color-text-inverse: var(--g-color-fg-primary);--color-border: var(--g-color-border-subtle);--color-primary: var(--g-color-accent-active);--color-primary-dark: var(--g-color-accent-active);--color-primary-light: var(--g-color-accent-quiet);--color-primary-subtle: var(--g-color-accent-quiet);--color-error: var(--g-color-status-danger);--color-error-dark: var(--g-color-status-danger);--color-error-light: var(--g-color-status-danger);--color-error-subtle: var(--g-color-status-danger);--color-warning: var(--g-color-status-warning);--color-warning-dark: var(--g-color-status-warning);--color-warning-light: var(--g-color-status-warning);--color-warning-subtle: var(--g-color-status-warning);--color-success: var(--g-color-status-success);--color-success-dark: var(--g-color-status-success);--color-success-light: var(--g-color-status-success);--color-success-subtle: var(--g-color-status-success);--color-info: var(--g-color-status-info);--color-info-dark: var(--g-color-status-info);--color-info-light: var(--g-color-status-info);--color-info-subtle: var(--g-color-status-info);--font-primary: var(--g-font-sans);--font-secondary: var(--g-font-sans);--font-mono: var(--g-font-mono);--font-body: var(--g-font-sans);--font-system: var(--g-font-sans);--space-xs: var(--g-padding-xs);--space-sm: var(--g-padding-sm);--space-md: var(--g-padding-md);--space-lg: var(--g-padding-lg);--space-xl: var(--g-padding-xl);--space-xxl: var(--g-padding-2xl);--container-max: 1400px;--container-narrow: 700px}body{font-size:var(--g-font-size-active, 14px);line-height:var(--g-line-height-normal, 1.4);font-family:var(--g-font-sans, system-ui, sans-serif);color:var(--g-color-fg-primary, #1a1a1a);background:var(--g-color-bg-app, #fff)}.admin-main>div{margin:0 auto;padding:2rem;max-width:1600px;width:100%;box-sizing:border-box}.page,.page-container{padding:2rem;max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.page-header h1{font-size:var(--g-font-size-4, 2rem);font-weight:var(--font-weight-bold, 700);margin:0 0 .5rem;color:var(--g-color-fg-primary, #1a1a1a)}.page-subtitle,.subtitle{color:var(--g-color-fg-muted, #666);margin:0}:root{--bg-gradient-style: radial;--bg-gradient-intensity: .15;--lab-atmosphere: 0;--lab-noise: 0}table{width:100%;border-collapse:collapse;margin:var(--g-margin-md, 1rem) 0;font-size:var(--g-font-size-active, 14px)}table th,table td{padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);text-align:left;border-bottom:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5);min-height:var(--g-row-height-base, 30px);height:var(--g-row-height-base, 30px)}table th{background:var(--g-color-bg-subtle, #f5f5f5);font-weight:var(--font-weight-semibold, 600);position:sticky;top:0}table tr:hover{background:var(--g-color-bg-subtle, #f5f5f5)}button,.btn{padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);border:var(--g-border-width-base, 2px) solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-1, 4px);font-size:var(--g-font-size-active, 14px);font-family:var(--g-font-sans, system-ui, sans-serif);cursor:pointer;transition:all .2s;min-height:var(--g-touch-target-min, 30px);display:inline-flex;align-items:center;justify-content:center;gap:var(--g-space-1, 4px)}input,select,textarea{padding:var(--g-padding-sm, .5rem);border:var(--g-border-width-base, 2px) solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-1, 4px);font-size:var(--g-font-size-active, 14px);font-family:var(--g-font-sans, system-ui, sans-serif);min-height:var(--g-touch-target-min, 30px);line-height:var(--g-line-height-normal, 1.4)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--g-color-accent-active, #0070f3);box-shadow:0 0 0 2px var(--g-color-accent-quiet, rgba(0, 112, 243, .1))}.card{padding:var(--g-padding-lg, 1rem) var(--g-padding-xl, 1.5rem);border:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-2, 6px);background:var(--g-color-bg-panel, #fff);margin-bottom:var(--g-margin-md, .75rem);box-shadow:var(--g-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .08))}ul,ol{margin:var(--g-margin-md, .75rem) 0;padding-left:var(--g-padding-xl, 1.5rem)}li{margin:var(--g-margin-xs, .25rem) 0;line-height:var(--g-line-height-normal, 1.4);min-height:var(--g-row-height-base, 30px)}.nav-item,nav a{padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);border-radius:var(--g-radius-1, 4px);min-height:var(--g-touch-target-min, 30px);display:flex;align-items:center;gap:var(--g-space-2, 8px)}.icon,svg{width:var(--g-icon-size-md, 1.25em);height:var(--g-icon-size-md, 1.25em);flex-shrink:0}.border{border-width:var(--g-border-width-base, 2px);border-style:solid;border-color:var(--g-color-border-subtle, #e5e5e5)}.shadow-subtle{box-shadow:var(--g-shadow-subtle, 0 1px 2px rgba(0, 0, 0, .08))}.shadow-float{box-shadow:var(--g-shadow-float, 0 6px 20px rgba(0, 0, 0, .18))}.admin-container{max-width:1400px;margin:0 auto;padding:var(--g-padding-xl, 1.5rem) var(--g-padding-2xl, 2rem)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--g-padding-md, .75rem);border-bottom:var(--g-border-width-base, 2px) solid var(--g-color-accent-active, #0070f3)}.admin-nav{display:flex;gap:var(--g-space-2, 8px);margin-bottom:var(--g-margin-xl, 1.5rem)}.admin-nav a{padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);border:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-1, 4px);text-decoration:none;color:var(--g-color-fg-primary, #1a1a1a);transition:all .2s;min-height:var(--g-touch-target-min, 30px)}.admin-nav a:hover,.admin-nav a.active{background:var(--g-color-accent-active, #0070f3);color:#fff;border-color:var(--g-color-accent-active, #0070f3)}.table-container{overflow-x:auto;margin:var(--g-margin-md, .75rem) 0}.form-group{margin-bottom:var(--g-margin-md, .75rem)}.form-group label{display:block;margin-bottom:var(--g-margin-xs, .25rem);font-weight:var(--font-weight-medium, 500);font-size:var(--g-font-size-active, 14px)}.btn-group{display:flex;gap:var(--g-space-2, 8px);margin-top:var(--g-margin-md, .75rem)}.search-overlay.svelte-eit5gs{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:svelte-eit5gs-fadeIn .2s ease-out}@keyframes svelte-eit5gs-fadeIn{0%{opacity:0}to{opacity:1}}.search-modal.svelte-eit5gs{background:var(--g-color-bg-panel, #fff);border-radius:var(--g-radius-2, 6px);box-shadow:var(--g-shadow-float, 0 6px 20px rgba(0, 0, 0, .18));width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;animation:svelte-eit5gs-slideDown .2s ease-out}@keyframes svelte-eit5gs-slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.search-header.svelte-eit5gs{display:flex;align-items:center;gap:var(--g-space-2, 8px);padding:var(--g-padding-md, .75rem);border-bottom:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5)}.search-input.svelte-eit5gs{flex:1;border:none;outline:none;font-size:var(--g-font-size-active, 14px);background:transparent;color:var(--g-color-fg-primary, #1a1a1a);font-family:var(--g-font-sans, system-ui, sans-serif)}.search-input.svelte-eit5gs::placeholder{color:var(--g-color-fg-soft, #999)}.close-btn.svelte-eit5gs{background:none;border:none;cursor:pointer;padding:var(--g-padding-xs, .25rem);color:var(--g-color-fg-muted, #666);display:flex;align-items:center;justify-content:center;border-radius:var(--g-radius-1, 4px);transition:background .2s;min-height:var(--g-touch-target-min, 30px);min-width:var(--g-touch-target-min, 30px)}.close-btn.svelte-eit5gs:hover{background:var(--g-color-bg-subtle, #f8f9fa)}.search-results.svelte-eit5gs{flex:1;overflow-y:auto;padding:var(--g-padding-sm, .5rem) 0}.result-group.svelte-eit5gs{margin-bottom:var(--g-margin-md, .75rem)}.result-group-header.svelte-eit5gs{display:flex;align-items:center;gap:var(--g-space-1, 4px);padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);font-size:var(--g-font-size-0, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:uppercase;letter-spacing:.05em;color:var(--g-color-fg-muted, #666);background:var(--g-color-bg-subtle, #f8f9fa)}.group-title.svelte-eit5gs{flex:1}.group-count.svelte-eit5gs{font-size:var(--g-font-size-0, .75rem);opacity:.7}.result-item.svelte-eit5gs{display:flex;align-items:flex-start;gap:var(--g-space-2, 8px);padding:var(--g-padding-md, .75rem) var(--g-padding-md, .75rem);text-decoration:none;color:var(--g-color-fg-primary, #1a1a1a);transition:background .2s;border-left:var(--g-border-width-base, 2px) solid transparent;min-height:var(--g-row-height-base, 30px)}.result-item.svelte-eit5gs:hover,.result-item.selected.svelte-eit5gs{background:var(--g-color-bg-subtle, #f8f9fa);border-left-color:var(--g-color-accent-active, #0070f3)}.result-content.svelte-eit5gs{flex:1;min-width:0}.result-title.svelte-eit5gs{font-weight:var(--font-weight-medium, 500);margin-bottom:var(--g-margin-xs, .25rem);font-size:var(--g-font-size-active, 14px)}.result-description.svelte-eit5gs{font-size:var(--g-font-size-0, .875rem);color:var(--g-color-fg-muted, #666);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-category.svelte-eit5gs{font-size:var(--g-font-size-0, .75rem);color:var(--g-color-accent-active, #0070f3);margin-top:var(--g-margin-xs, .25rem)}.search-loading.svelte-eit5gs,.search-empty.svelte-eit5gs{padding:var(--g-padding-xl, 1.5rem) var(--g-padding-2xl, 2rem);text-align:center;color:var(--g-color-fg-muted, #666);font-size:var(--g-font-size-active, 14px)}.search-footer.svelte-eit5gs{border-top:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5);padding:var(--g-padding-md, .75rem) var(--g-padding-md, .75rem);background:var(--g-color-bg-subtle, #f8f9fa)}.search-hint.svelte-eit5gs{display:flex;gap:var(--g-space-2, 8px);justify-content:center;font-size:var(--g-font-size-0, .75rem);color:var(--g-color-fg-muted, #666)}.keyboard-shortcut.svelte-eit5gs{display:inline-block;padding:var(--g-padding-xs, .125rem) var(--g-padding-sm, .5rem);background:var(--g-color-bg-panel, #fff);border:var(--g-border-width-thin, 1px) solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-0, 2px);font-family:var(--g-font-mono, monospace);font-size:var(--g-font-size-0, .7rem);margin:0 var(--g-margin-xs, .25rem)}.sidebar-header-wrapper.svelte-1ez2byj.svelte-1ez2byj{display:flex;flex-direction:column}.sidebar-header.svelte-1ez2byj.svelte-1ez2byj{padding:var(--g-padding-md, .75rem);border-bottom:var(--ctx-border, 1px solid var(--g-color-border-subtle));display:flex;align-items:center;justify-content:space-between;min-height:calc(var(--g-touch-target-min, 30px) * 2)}.admin-sidebar.nav-shell--collapsed .sidebar-header.svelte-1ez2byj.svelte-1ez2byj{justify-content:center;padding:var(--g-padding-sm)}.sidebar-title.svelte-1ez2byj.svelte-1ez2byj{font-size:var(--g-font-size-2, 1.25rem);font-weight:var(--font-weight-bold, 700);margin:0;color:var(--g-color-fg-primary, #1a1a1a);white-space:nowrap}.sidebar-search.svelte-1ez2byj.svelte-1ez2byj{padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);border-bottom:var(--ctx-border, 1px solid var(--g-color-border-subtle))}.admin-sidebar.nav-shell--collapsed .sidebar-search.svelte-1ez2byj.svelte-1ez2byj{padding:var(--g-padding-sm, .5rem)}.search-trigger.svelte-1ez2byj.svelte-1ez2byj{display:flex;align-items:center;gap:var(--g-space-2, 8px);width:100%;padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);background:var(--ctx-bg, #fff);border:var(--ctx-border, 1px solid var(--g-color-border-subtle));border-radius:var(--g-radius-2, 6px);cursor:pointer;transition:all .2s;color:var(--g-color-fg-muted, #666);font-size:var(--g-font-size-0, .875rem);min-height:var(--g-touch-target-min, 30px)}[data-mode=neuo] .search-trigger.svelte-1ez2byj.svelte-1ez2byj{box-shadow:var(--ctx-shadow-pressed);background:var(--ctx-bg-interactive)}.admin-sidebar.nav-shell--collapsed .search-trigger.svelte-1ez2byj.svelte-1ez2byj{justify-content:center;padding:var(--g-padding-sm, .5rem)}.search-trigger.svelte-1ez2byj.svelte-1ez2byj:hover{color:var(--g-color-fg-primary, #1a1a1a)}.search-placeholder.svelte-1ez2byj.svelte-1ez2byj{flex:1;text-align:left;font-size:var(--g-font-size-0, .875rem)}.keyboard-hint.svelte-1ez2byj.svelte-1ez2byj{font-size:calc(var(--g-font-size-0, .75rem) * .85);padding:2px 6px;background:var(--g-color-bg-subtle, #f8f9fa);border:1px solid var(--g-color-border-subtle, #e5e5e5);border-radius:var(--g-radius-0, 2px);color:var(--g-color-fg-muted);font-family:var(--g-font-mono, monospace)}.sidebar-toggle.svelte-1ez2byj.svelte-1ez2byj{background:none;border:none;cursor:pointer;padding:var(--g-padding-sm, .5rem);border-radius:var(--g-radius-1, 4px);color:var(--g-color-fg-muted, #666);display:flex;align-items:center;justify-content:center;transition:background .2s;min-height:var(--g-touch-target-min, 30px);min-width:var(--g-touch-target-min, 30px)}.sidebar-toggle.svelte-1ez2byj.svelte-1ez2byj:hover{background:var(--ctx-bg-hover)}.sidebar-nav.svelte-1ez2byj.svelte-1ez2byj{display:flex;flex-direction:column;gap:var(--g-space-1, 4px)}.nav-group-header.svelte-1ez2byj.svelte-1ez2byj{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:var(--g-padding-sm, .5rem) var(--g-padding-md, .75rem);margin-top:var(--g-space-3, 12px);border-radius:var(--g-radius-1, 4px);transition:background .15s}.nav-group-header.svelte-1ez2byj.svelte-1ez2byj:hover{background:var(--ctx-bg-hover, rgba(0, 0, 0, .04))}.nav-group-header.first.svelte-1ez2byj.svelte-1ez2byj{margin-top:0}.nav-group-header.active.svelte-1ez2byj .nav-group-label.svelte-1ez2byj{color:var(--g-color-fg-primary, #1a1a1a)}.nav-group-label.svelte-1ez2byj.svelte-1ez2byj{font-size:var(--g-font-size--1, .75rem);font-weight:var(--font-weight-semibold, 600);color:var(--g-color-fg-muted, #666);text-transform:uppercase;letter-spacing:.05em}.nav-group-chevron.svelte-1ez2byj.svelte-1ez2byj{color:var(--g-color-fg-muted, #666);display:flex;align-items:center}.nav-section-bottom.svelte-1ez2byj.svelte-1ez2byj{border-top:var(--ctx-border, 1px solid var(--g-color-border-subtle));padding:var(--g-padding-sm, .5rem) 0;background:var(--ctx-bg, transparent);display:flex;flex-direction:column;gap:var(--g-space-1, 4px)}.dev-switcher-wrapper.svelte-1ez2byj.svelte-1ez2byj{padding:var(--g-padding-sm, .5rem)}.admin-layout.svelte-c7vuc6{display:flex;min-height:100vh;position:relative;z-index:0}.admin-content.svelte-c7vuc6{flex:1;display:flex;flex-direction:column;transition:margin-left .2s ease;min-width:0;background:transparent;position:relative;z-index:1}.admin-main.svelte-c7vuc6{flex:1;min-width:0;overflow-y:auto;background:transparent;padding:var(--g-padding-sm, .5rem)}