:root{--neutral-50: oklch(98.5% 0 0);--neutral-100: oklch(96.5% 0 0);--neutral-200: oklch(92.5% 0 0);--neutral-300: oklch(87% 0 0);--neutral-400: oklch(71% 0 0);--neutral-500: oklch(56% 0 0);--neutral-600: oklch(45% 0 0);--neutral-700: oklch(36% 0 0);--neutral-800: oklch(26% 0 0);--neutral-900: oklch(19% 0 0);--neutral-950: oklch(13% 0 0);--purple-50: oklch(97% .02 255);--purple-100: oklch(94% .04 255);--purple-200: oklch(89% .07 255);--purple-300: oklch(81% .11 255);--purple-400: oklch(72% .15 255);--purple-500: oklch(66% .17 255);--purple-600: oklch(62% .187 255);--purple-700: oklch(53% .17 255);--purple-800: oklch(44% .14 255);--purple-900: oklch(35% .11 255);--purple-950: oklch(26% .08 255);--green-100: oklch(95% .05 150);--green-300: oklch(84% .14 150);--green-400: oklch(75% .16 150);--green-500: oklch(66% .16 150);--green-600: oklch(56% .14 150);--green-700: oklch(46% .11 150);--green-900: oklch(30% .07 150);--amber-100: oklch(96% .05 85);--amber-300: oklch(89% .13 80);--amber-400: oklch(83% .16 75);--amber-500: oklch(77% .16 70);--amber-600: oklch(69% .15 65);--amber-700: oklch(56% .12 60);--amber-900: oklch(40% .08 60);--red-100: oklch(94% .04 25);--red-300: oklch(80% .13 25);--red-400: oklch(70% .18 25);--red-500: oklch(62% .21 25);--red-600: oklch(55% .21 25);--red-700: oklch(47% .18 25);--red-900: oklch(31% .12 25);--blue-100: oklch(95% .04 295);--blue-300: oklch(82% .11 295);--blue-400: oklch(72% .16 295);--blue-500: oklch(62% .2 295);--blue-600: oklch(54% .2 295);--blue-700: oklch(46% .18 295);--blue-900: oklch(30% .12 295);--white: #ffffff;--black: #000000;--solutis-blue: #1a84f1;--solutis-grey: #68676c;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-0: 0px;--radius-1: 6px;--radius-2: 10px;--radius-3: 14px;--radius-4: 20px;--radius-full: 999px;--family-display: "Red Hat Display", system-ui, sans-serif;--family-text: "Red Hat Text", system-ui, sans-serif;--family-mono: "Red Hat Mono", ui-monospace, "SF Mono", monospace;--size-xs: .75rem;--size-sm: .8125rem;--size-md: .875rem;--size-lg: .9375rem;--size-xl: 1.125rem;--size-2xl: 1.5rem;--size-3xl: 2.5rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ease-out: cubic-bezier(.22,.61,.36,1);--dur-base: .18s;--shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.08);--shadow-2: 0 4px 12px rgba(0,0,0,.1);--shadow-3: 0 12px 32px rgba(0,0,0,.16)}:root{color-scheme:light;--bg: var(--neutral-50);--surface: var(--white);--surface-2: var(--neutral-100);--border: var(--neutral-200);--border-strong: var(--neutral-300);--fg: var(--neutral-900);--fg-muted: var(--neutral-600);--fg-subtle: var(--neutral-400);--color-primary: var(--purple-600);--color-primary-contrast: var(--white);--color-primary-soft: color-mix(in oklch, var(--purple-500) 14%, transparent);--color-primary-soft-contrast: var(--purple-700);--color-primary-edge: var(--purple-500);--color-success: var(--green-600);--color-success-contrast: var(--white);--color-success-soft: color-mix(in oklch, var(--green-500) 15%, transparent);--color-success-soft-contrast: var(--green-700);--color-success-edge: var(--green-500);--color-warning: var(--amber-500);--color-warning-contrast: var(--neutral-900);--color-warning-soft: color-mix(in oklch, var(--amber-500) 18%, transparent);--color-warning-soft-contrast: var(--amber-700);--color-warning-edge: var(--amber-500);--color-danger: var(--red-600);--color-danger-contrast: var(--white);--color-danger-soft: color-mix(in oklch, var(--red-500) 15%, transparent);--color-danger-soft-contrast: var(--red-700);--color-danger-edge: var(--red-500);--color-info: var(--blue-600);--color-info-contrast: var(--white);--color-info-soft: color-mix(in oklch, var(--blue-500) 15%, transparent);--color-info-soft-contrast: var(--blue-700);--color-info-edge: var(--blue-500);--color-neutral: var(--neutral-600);--color-neutral-soft: color-mix(in oklch, var(--neutral-500) 15%, transparent);--color-neutral-soft-contrast: var(--neutral-700);--color-neutral-edge: var(--neutral-400);--font-ui: var(--family-text);--font-heading: var(--family-display);--font-mono: var(--family-mono);--radius-interactive: var(--radius-2);--radius-surface: var(--radius-3);--elevation-1: 0 1px 2px rgb(20 60 130 / .06), 0 2px 10px rgb(20 60 130 / .1);--elevation-2: 0 8px 24px rgb(20 60 130 / .16);--elevation-3: 0 16px 48px rgb(12 40 100 / .22);--app-bg: var(--bg);--chart-1: var(--color-primary);--glass-blur: 16px;--backdrop-glass: blur(var(--glass-blur)) saturate(1.4);--button-alpha: 88%;--surface: color-mix(in oklch, white 58%, transparent);--surface-2: color-mix(in oklch, white 40%, transparent);--border: color-mix(in oklch, white 60%, transparent);--border-strong: color-mix(in oklch, #16233a 24%, transparent);--fg: #14213a;--fg-muted: #42506b;--fg-subtle: #6b7893;--ring: var(--color-primary);--ring-soft: color-mix(in oklch, var(--color-primary) 35%, transparent);--overlay-bg: color-mix(in oklch, white 72%, transparent);--card-bg: color-mix(in oklch, white 62%, transparent);--scrim-color: color-mix(in oklch, #dbe6fb 55%, transparent);--scrim-blur: 10px}[data-mode=dark]{color-scheme:dark;--bg: var(--neutral-950);--surface: color-mix(in oklch, white 11%, transparent);--surface-2: color-mix(in oklch, white 16%, transparent);--border: color-mix(in oklch, white 17%, transparent);--border-strong: color-mix(in oklch, white 28%, transparent);--fg: #eef4ff;--fg-muted: #b3c0d8;--fg-subtle: #8492ad;--overlay-bg: color-mix(in oklch, #0d1421 72%, transparent);--card-bg: color-mix(in oklch, white 10%, transparent);--scrim-color: color-mix(in oklch, #060a14 55%, transparent);--scrim-blur: 10px;--color-primary: var(--purple-500);--color-primary-soft: color-mix(in oklch, var(--purple-400) 22%, transparent);--color-primary-soft-contrast: var(--purple-200);--color-primary-edge: var(--purple-400);--color-success: var(--green-500);--color-success-soft-contrast: var(--green-300);--color-success-edge: var(--green-400);--color-warning: var(--amber-400);--color-warning-soft-contrast: var(--amber-300);--color-warning-edge: var(--amber-400);--color-danger: var(--red-500);--color-danger-soft-contrast: var(--red-300);--color-danger-edge: var(--red-400);--color-info: var(--blue-500);--color-info-soft-contrast: var(--blue-300);--color-info-edge: var(--blue-400);--color-neutral: var(--neutral-400);--color-neutral-soft-contrast: var(--neutral-200);--color-neutral-edge: var(--neutral-500);--elevation-1: 0 1px 2px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .35);--elevation-2: 0 8px 28px rgb(0 0 0 / .45);--elevation-3: 0 20px 56px rgb(0 0 0 / .55);--app-bg: radial-gradient(120% 90% at 6% -10%, rgb(29 78 216 / .32) 0, transparent 62%), linear-gradient(165deg, #05070d, #090d16)}*,*:before,*:after{--button-bg-primary: var(--color-primary);--button-fg-primary: var(--color-primary-contrast);--button-soft-primary: var(--color-primary-soft);--button-softfg-primary: var(--color-primary-soft-contrast);--button-edge-primary: var(--color-primary-edge);--button-bg-success: var(--color-success);--button-fg-success: var(--color-success-contrast);--button-soft-success: var(--color-success-soft);--button-softfg-success: var(--color-success-soft-contrast);--button-edge-success: var(--color-success-edge);--button-bg-warning: var(--color-warning);--button-fg-warning: var(--color-warning-contrast);--button-soft-warning: var(--color-warning-soft);--button-softfg-warning: var(--color-warning-soft-contrast);--button-edge-warning: var(--color-warning-edge);--button-bg-danger: var(--color-danger);--button-fg-danger: var(--color-danger-contrast);--button-soft-danger: var(--color-danger-soft);--button-softfg-danger: var(--color-danger-soft-contrast);--button-edge-danger: var(--color-danger-edge);--card-bg: var(--surface);--card-border: var(--border);--card-radius: var(--radius-surface);--card-shadow: var(--elevation-1)}@media (prefers-reduced-motion: reduce){:root{--dur-base: 1ms}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}html,body{background:#000;overflow:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}html{font-size:clamp(12px,calc(100vw / 120),42px)}@keyframes pulseRing{0%{box-shadow:0 0 #f59e0b73}70%{box-shadow:0 0 0 26px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes flow{to{background-position:120px 0}}@keyframes dotPop{0%{transform:scale(.55)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes podShake{0%,to{margin-left:0}25%{margin-left:-3px}75%{margin-left:3px}}.kiosk-stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.kiosk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.kiosk-top-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:.5rem}.kiosk-top-overlay-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;max-width:min(90vw,62.5rem)}@media (max-width: 640px){.kiosk-top-overlay{position:fixed}}.kiosk-shell-tabs{display:flex;gap:.5rem;padding:.5rem;background:#0000008c;border-radius:0 0 .875rem .875rem}@media (max-width: 900px){.trilho-main-grid,.trilho-impact-grid,.menu-cards-grid{grid-template-columns:1fr!important}.narrador-shell{flex-direction:column!important}.narrador-side-panel{width:100%!important;order:-1}.narrador-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.narrador-tech-grid{grid-template-columns:1fr!important}.narrador-explain-panel{width:100%!important}.trilho-rail-grid{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(4.5rem,1fr);overflow-x:auto;scroll-snap-type:x proximity}.trilho-rail-grid>div{scroll-snap-align:center}}@media (max-width: 640px){html,body{overflow:visible}.kiosk-stage{position:relative;inset:auto;min-height:100vh;overflow:visible}.kiosk-canvas{position:relative;min-height:100vh;overflow:visible}.kiosk-screen{position:relative!important;inset:auto!important;height:auto!important;min-height:100vh;overflow:visible!important}.trilho-nodes-row{overflow-x:auto}.kiosk-modal{position:fixed!important}}