@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #020617;--foreground: oklch(.985 0 0);--ai-cyan: #22d3ee;--ai-amber: #f59e0b;--radius: 1.5rem}@layer base{*{@apply border-border;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply bg-background text-foreground relative min-h-screen;font-family:PingFang TC,Quicksand,Inter,Microsoft JhengHei,system-ui,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 20% 30%,rgba(34,211,238,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(245,158,11,.08) 0%,transparent 40%),#020617}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(34,211,238,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.1) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%);pointer-events:none}h1,h2,h3,h4,h5,h6{@apply tracking-tight font-black;line-height:1.2}}.ai-circuit-bg{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L90 10 L90 90 L10 90 Z' fill='none' stroke='rgba(34, 211, 238, 0.05)' stroke-width='0.5'/%3E%3Ccircle cx='10' cy='10' r='1' fill='rgba(34, 211, 238, 0.2)'/%3E%3Ccircle cx='90' cy='90' r='1' fill='rgba(245, 158, 11, 0.2)'/%3E%3C/svg%3E")}.rounded-smooth{border-radius:2.5rem}html{font-size:var(--font-size);scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-slate-950;}::-webkit-scrollbar-thumb{@apply bg-slate-800 rounded-full hover:bg-slate-700 transition-colors;}