:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .32s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-pop: cubic-bezier(.34, 1.56, .64, 1);--z-overlay: 10;--z-modal: 100;--z-dialog: 1000;--z-toast: 2000;--primary-color: #9d0909;--primary-dark: #c00000;--primary-light: #ff4c4c;--tertiary-color: #4e0303;--avatar-color: #51eeff;--background-gradient: linear-gradient(180deg, #ff3d00 0%, #000 39.42%, #000 63.46%, #801f00 97.6%);--background-rgba: rgba(157, 9, 9, .15);--background-rgba-without-transparent: rgba(240, 218, 218, 1);--text-color: #000000;--text-secondary-color: #ffffff;--text-secondary: #ffffffcc;--text-tertiary: #fff700;--text-accent-color: #d2ab37;--accent-color: #2dbdcd;--error-color: #ff4d4d;--success-color: #22c55e;--surface-color: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .2);--hover-surface: rgba(255, 255, 255, .2);--dropdown-bg: rgba(238, 238, 238, .95);--dropdown-text: #333;--input-bg: #fff;--input-text: #fff;--button-primary: #ff0000;--button-secondary: #3b82f6;--shadow-black-07: rgba(0, 0, 0, .7);--shadow-black-06: rgba(0, 0, 0, .6);--shadow-black-05: rgba(0, 0, 0, .5);--shadow-black-04: rgba(0, 0, 0, .4);--shadow-black-03: rgba(0, 0, 0, .3);--shadow-black-025: rgba(0, 0, 0, .25);--shadow-black-02: rgba(0, 0, 0, .2);--shadow-black-01: rgba(0, 0, 0, .1);--shadow-white-08: rgba(255, 255, 255, .8);--shadow-white-06: rgba(255, 255, 255, .6);--shadow-white-05: rgba(255, 255, 255, .5);--shadow-white-04: rgba(255, 255, 255, .4);--shadow-white-03: rgba(255, 255, 255, .3);--shadow-white-02: rgba(255, 255, 255, .2);--shadow-white-01: rgba(255, 255, 255, .1)}[data-theme=light]{--primary-color: #51eeff;--primary-dark: #0a7480;--primary-light: #272d2d;--tertiary-color: #0b3e44;--avatar-color: #9d0909;--background-gradient: linear-gradient(180deg, #51eeff 0%, #272d2d 39.42%, #123132 63.46%, #08646e 97.6%);--background-rgba: rgba(9, 135, 157, .15);--background-rgba-without-transparent: rgba(218, 237, 240, 1);--text-color: #000000;--text-secondary-color: #ffffff;--text-secondary: #272d2d;--text-tertiary: #70fff3;--text-accent-color: #d2ab37;--accent-color: #afa04b;--error-color: #dc2626;--success-color: #15803d;--surface-color: rgba(18, 49, 50, .1);--border-color: rgba(18, 49, 50, .2);--hover-surface: rgba(18, 49, 50, .15);--dropdown-bg: rgba(238, 238, 238, .95);--dropdown-text: #123132;--input-bg: #fff;--input-text: #fff;--button-primary: #0b5ed7;--button-secondary: #08646e;--shadow-black-07: rgba(0, 0, 0, .7);--shadow-black-06: rgba(0, 0, 0, .6);--shadow-black-05: rgba(0, 0, 0, .5);--shadow-black-04: rgba(0, 0, 0, .4);--shadow-black-03: rgba(0, 0, 0, .3);--shadow-black-025: rgba(0, 0, 0, .25);--shadow-black-02: rgba(0, 0, 0, .2);--shadow-black-01: rgba(0, 0, 0, .1);--shadow-white-08: rgba(255, 255, 255, .8);--shadow-white-06: rgba(255, 255, 255, .6);--shadow-white-05: rgba(255, 255, 255, .5);--shadow-white-04: rgba(255, 255, 255, .4);--shadow-white-03: rgba(255, 255, 255, .3);--shadow-white-02: rgba(255, 255, 255, .2);--shadow-white-01: rgba(255, 255, 255, .1)}html,body{margin:0;padding:0;height:100%;background:var(--text-secondary-color);min-height:100vh;font-family:Roboto,Helvetica Neue,sans-serif;color:var(--text-color);transition:background .3s ease,color .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--dropdown-bg);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:6px;border:2px solid var(--surface-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--primary-dark) var(--surface-color)}.scene-canvas-host{outline:none}.scene-canvas-host:focus-visible{outline:3px solid var(--accent-color, #2dbdcd);outline-offset:-3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}