:root{--background: 222 47% 11%;--foreground: 210 40% 98%;--card: 222 47% 14%;--card-foreground: 210 40% 98%;--popover: 222 47% 14%;--popover-foreground: 210 40% 98%;--primary: 239 84% 67%;--primary-foreground: 210 40% 98%;--secondary: 270 60% 55%;--secondary-foreground: 210 40% 98%;--muted: 217 33% 17%;--muted-foreground: 215 20% 65%;--accent: 330 80% 60%;--accent-foreground: 210 40% 98%;--destructive: 0 84% 60%;--destructive-foreground: 210 40% 98%;--border: 217 33% 25%;--input: 217 33% 20%;--ring: 239 84% 67%;--radius: .75rem;--builder-emerald: 160 84% 39%;--builder-blue: 217 91% 60%;--builder-violet: 258 90% 66%;--builder-amber: 38 92% 50%;--builder-purple: 280 87% 65%;--gradient-emerald: linear-gradient(135deg, hsl(160 84% 39% / .2), hsl(160 84% 39% / .05));--gradient-blue: linear-gradient(135deg, hsl(217 91% 60% / .2), hsl(217 91% 60% / .05));--gradient-violet: linear-gradient(135deg, hsl(258 90% 66% / .2), hsl(258 90% 66% / .05));--gradient-amber: linear-gradient(135deg, hsl(38 92% 50% / .2), hsl(38 92% 50% / .05));--gradient-purple: linear-gradient(135deg, hsl(280 87% 65% / .2), hsl(280 87% 65% / .05));--glass-bg: 222 47% 8% / .8;--glass-border: 0 0% 100% / .1;--glass-glow: 0 0% 100% / .05;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.mb-safe{margin-bottom:env(safe-area-inset-bottom,0px)}.bottom-safe{bottom:env(safe-area-inset-bottom,0px)}.pb-safe-4{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.pb-safe-6{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.pb-safe-24{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}.pb-safe-32{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}.bottom-safe-8{bottom:calc(2rem + env(safe-area-inset-bottom,0px))}.bottom-safe-4{bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.bottom-safe-6{bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}*{border-color:hsl(var(--border))}body{background-color:transparent;color:hsl(var(--foreground));font-family:Inter,sans-serif;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-color:hsl(var(--background));background-image:linear-gradient(to right,hsl(var(--primary) / .06) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--primary) / .06) 1px,transparent 1px),linear-gradient(to right,hsl(var(--primary) / .02) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--primary) / .02) 1px,transparent 1px);background-size:72px 72px,72px 72px,18px 18px,18px 18px}body:after{content:"";position:fixed;top:50%;left:50%;width:1000px;height:1000px;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;background:radial-gradient(circle,hsl(var(--primary) / .1) 0%,hsl(var(--primary) / .04) 40%,transparent 70%);border-radius:9999px;filter:blur(120px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--muted))}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}*:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}@keyframes scan-line{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(128px);opacity:0}}@keyframes pixel-fade{0%,to{opacity:.1;transform:scale(.8)}50%{opacity:.6;transform:scale(1)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes builder-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes builder-slide-in-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes builder-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes builder-glow-pulse{0%,to{box-shadow:0 0 hsl(var(--primary) / .4)}50%{box-shadow:0 0 16px 4px hsl(var(--primary) / .2)}}.animate-scan-line{animation:scan-line 2s ease-in-out infinite}.animate-pixel-fade{animation:pixel-fade 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .3s ease-out forwards}.animate-builder-fade-in{animation:builder-fade-in .3s ease-out forwards}.animate-builder-slide-in-right{animation:builder-slide-in-right .25s ease-out forwards}.animate-builder-scale-in{animation:builder-scale-in .2s ease-out forwards}.animate-builder-glow-pulse{animation:builder-glow-pulse 2s ease-in-out infinite}.btn-micro{transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}.btn-micro:hover{transform:translateY(-1px)}.btn-micro:active{transform:translateY(0) scale(.98)}.gap-grid{gap:8px}.gap-grid-2{gap:16px}.gap-grid-3{gap:24px}.p-grid{padding:8px}.p-grid-2{padding:16px}.p-grid-3{padding:24px}.dark-contrast{--tw-shadow-color: hsl(0 0% 0% / .5)}.glass-panel{background:hsl(var(--glass-bg));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--glass-border))}.glass-panel-hover:hover{background:hsl(var(--glass-glow));border-color:#ffffff26}