:root{--coral: #F06449;--coral-hover: #F57A62;--coral-dark: #D44F37;--coral-darker: #BC3F2A;--violet: #6C6CFF;--violet-dark: #5555E0;--violet-darker: #4444C4;--teal: #2EC4A0;--teal-dark: #24A687;--teal-darker: #1D8C72;--gold: #F5B731;--gold-dark: #D9A028;--gold-darker: #BD8B21;--magenta: #D45DBF;--magenta-dark: #B84DA5;--magenta-darker: #9E3F8E;--gray-100: #FAF8F5;--gray-200: #F0EDE6;--gray-300: #E5DFD3;--gray-400: #DBD7CF;--gray-500: #C8C3BA;--gray-600: #B3AEA5;--gray-700: #A8A49E;--gray-750: #A09B93;--gray-800: #7A7873;--gray-850: #706E69;--gray-900: #4A4946;--gray-950: #3A3937;--gray-1000: #28272A;--text-dark: #1A1917;--text-light: #EEEAE4;--surface-studio: #18171A;--surface-factory: #F0EDE6;--surface-card: #FAF8F5;--surface-white: #ffffff;--nav-height: 49px;--studio-width: 340px;--detail-width: 420px;--shadow-sm: 0 1px 4px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 28px rgba(0,0,0,.12);--shadow-detail: -12px 0 40px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 20px;--font: "Plus Jakarta Sans", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font);color:var(--text-dark);background:var(--gray-200);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font);cursor:pointer}a{text-decoration:none;color:inherit}img{display:block}.dark-scroll{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.dark-scroll::-webkit-scrollbar{width:5px}.dark-scroll::-webkit-scrollbar-track{background:transparent}.dark-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.dark-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:.2}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.3}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rainbowFlow{0%{background-position:0% 0}to{background-position:200% 0}}@keyframes blockedPulse{0%,to{transform:translate(-50%,-100%) scale(1)}50%{transform:translate(-50%,-100%) scale(1.04)}}