:root{--radius: 18px;--bg: #F8FAFC;--panel: #FFFFFF;--panel2: #F3F4F6;--text: #111827;--muted: #6B7280;--border: rgba(17, 24, 39, .1);--shadow: 0 8px 24px rgba(17, 24, 39, .06);--accent: #2563EB;--accentSoft: rgba(37, 99, 235, .12);--sidebar-bg: #F1F5F9}html.dark{--bg: #050608;--panel: #0F131A;--panel2: #121826;--text: #F1F5F9;--muted: #9CA3AF;--border: rgba(255, 255, 255, .08);--shadow: 0 22px 50px rgba(0, 0, 0, .65);--accent: #FB923C;--accentSoft: rgba(251, 146, 60, .16);--sidebar-bg: #0A0C10}body{background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}.app-bg{background:var(--bg)}.panel-bg{background:var(--panel)}.panel2-bg{background:var(--panel2)}.sidebar-bg{background:var(--sidebar-bg)}html.dark .nebula-bg{background:radial-gradient(1200px 600px at 20% 10%,rgba(251,146,60,.08),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(255,255,255,.04),transparent 55%),radial-gradient(1200px 900px at 50% 90%,rgba(255,255,255,.02),transparent 60%),var(--bg)}html:not(.dark) .nebula-bg{background:var(--bg)}html.dark .glass-card{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);box-shadow:var(--shadow),inset 0 1px #ffffff0f}@keyframes studio-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.studio-glow-button{--studio-gradient: conic-gradient(from 0deg, #f59e0b, #ec4899, #8b5cf6, #f59e0b)}.animate-studio-rotate{animation:studio-rotate 4s linear infinite}.studio-glow-button:hover .animate-studio-rotate{animation-duration:2s}@keyframes in-fade{0%{opacity:0}to{opacity:1}}@keyframes in-zoom{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-in{animation-fill-mode:forwards}.fade-in{animation-name:in-fade}.zoom-in-95{animation-name:in-zoom}html:not(.dark) .glass-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}@keyframes nexusPulseOut{0%{transform:translate(-50%,-50%) scale(.8);opacity:.08;filter:blur(0px)}35%{opacity:.22}to{transform:translate(-50%,-50%) scale(1.35);opacity:0;filter:blur(2px)}}@keyframes nexusGridScroll{0%{background-position:0px 0px}to{background-position:240px 180px}}@keyframes nexusSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes nexusDrift{0%{transform:translateZ(0)}50%{transform:translate3d(18px,-12px,0)}to{transform:translateZ(0)}}.nexus-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:overlay;opacity:.35}