:root{--primary-accent:#e3ff15;--primary-bg:#1e1e1e;--primary-text:#1e1e1e;--color-white:#fff;--color-background:#fff;--color-surface:#f8f8f7;--color-border:#e5e5e5;--color-border-subtle:#f0f0f0;--text-primary:#131312;--text-secondary:#515150;--text-muted:#737472;--text-inverse:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-hover:#f5f5f5;--color-focus:#f0f0f0;--color-active:#1e1e1e;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 10px 25px rgba(0,0,0,.1);--shadow-xl:0 20px 40px rgba(0,0,0,.15);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme]{--primary-accent:#e3ff15;--primary-bg:#1e1e1e;--primary-text:#1e1e1e;--color-white:#fff;--color-background:#fff;--color-surface:#f8f8f7;--color-border:#e5e5e5;--text-primary:#131312;--text-secondary:#515150;--text-muted:#737472}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--color-surface);color:var(--text-primary);overflow-x:hidden}.radix-themes{--default-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}.bg-primary{background-color:var(--primary-color)}.text-primary{color:var(--primary-color)}.border-primary{border-color:var(--primary-color)}.bg-accent{background-color:var(--primary-accent)}.text-accent{color:var(--primary-accent)}.bg-surface{background-color:var(--color-surface)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}[data-radix-button],[data-radix-icon-button],button{box-shadow:none!important;outline:none!important}[data-radix-button]:focus-visible,[data-radix-icon-button]:focus-visible,button:focus-visible{box-shadow:none!important;outline:none!important}.focus-ring:focus-visible{box-shadow:0 0 0 2px #e3ff15!important;outline:none!important}.mega-menu-item:hover{background-color:#e5e5e5!important;border-color:#ccc!important}.nav-products-trigger:active,.nav-products-trigger:focus,.nav-products-trigger:hover,.nav-products-trigger[data-state=open]{background-color:#f5f5f5!important;color:#1e1e1e!important;box-shadow:none!important}.nav-products-trigger svg{display:block;margin:auto 0}.nav-products-trigger{box-shadow:none!important;outline:none!important}.nav-products-trigger:focus-visible{box-shadow:none!important;outline:none!important}.nav-products-trigger:focus,.nav-products-trigger[data-radix-collection-item]:focus{box-shadow:none!important;outline:none!important}@media (max-width:767px){[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}body{font-size:16px;line-height:1.5}.mobile-spacing{padding-left:16px;padding-right:16px}body,html{overflow-x:hidden;width:100%}[role=button],a,button{touch-action:manipulation}.mobile-menu-item:active,.mobile-menu-item:focus,.mobile-menu-item:hover,.mobile-nav-trigger:active,.mobile-nav-trigger:focus,.mobile-nav-trigger:hover{background-color:#f5f5f5!important}}@media (prefers-contrast:high){:root{--primary-accent:#ff0;--primary-color:#000;--text-primary:#000;--text-secondary:#000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dark-input input{color:#fff!important}.dark-input input::-moz-placeholder{color:hsla(0,0%,100%,.6)!important;opacity:1!important}.dark-input input::placeholder{color:hsla(0,0%,100%,.6)!important;opacity:1!important}.dark-input input:focus{outline:none!important;box-shadow:0 0 0 2px rgba(0,0,0,.5)!important;border-color:rgba(0,0,0,.5)!important}.rt-TextFieldInput:focus,.rt-TextFieldRoot:focus-within,input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:none!important}.rt-TextFieldRoot:focus-within .rt-TextFieldInput,input:focus,select:focus,textarea:focus{outline:none!important;box-shadow:0 0 0 2px rgba(30,30,30,.3)!important;border-color:#1e1e1e!important}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(30,30,30,.3)!important;border-color:#1e1e1e!important}[data-radix-button][data-variant=tertiary],button[data-variant=tertiary]{border-color:#ccc!important}@media (min-width:768px) and (max-width:1023px){.login-flex-container{flex-direction:row!important}.login-flex-container>div:first-child{flex:0 0 45%!important;min-height:100vh!important;border-right:1px solid var(--color-border)}.login-flex-container>div:last-child{flex:1 1!important;min-height:100vh!important;border-top:none!important}.storyboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;max-width:800px!important}.storyboard-grid>div{min-height:240px!important}.storyboard-grid .character-scene{height:110px!important}}@media (min-width:1024px){.login-flex-container{flex-direction:row!important}.login-flex-container>div:first-child{flex:0 0 40%!important;min-height:100vh!important;border-right:1px solid var(--color-border)}.login-flex-container>div:last-child{flex:1 1!important;min-height:100vh!important;border-top:none!important}.storyboard-grid{grid-template-columns:repeat(3,1fr)!important;gap:16px!important;max-width:1000px!important}.storyboard-grid>div{min-height:260px!important}.storyboard-grid .character-scene{height:117px!important}}@media (max-width:767px){.storyboard-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important}.storyboard-grid>div{min-height:200px!important}.storyboard-grid .character-scene{height:90px!important}}