:root {
  --background: 230 35% 7%;
  --foreground: 210 35% 96%;
  --primary: 174 90% 48%;
  --primary-foreground: 220 45% 6%;
  --secondary: 262 84% 62%;
  --secondary-foreground: 0 0% 100%;
  --muted: 226 24% 18%;
  --muted-foreground: 218 18% 72%;
  --destructive: 0 78% 58%;
  --destructive-foreground: 0 0% 100%;
  --border: 225 22% 24%;
  --card: 228 32% 11%;
  --shadow-sm: 0 6px 18px rgba(0,0,0,.24);
  --shadow-md: 0 16px 44px rgba(0,0,0,.32);
  --shadow-lg: 0 28px 80px rgba(0,0,0,.45);
  --transition-fast: 140ms ease;
  --transition-smooth: 280ms cubic-bezier(.2,.8,.2,1);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
}
.dark {
  --background: 230 35% 7%;
  --foreground: 210 35% 96%;
  --primary: 174 90% 48%;
  --secondary: 262 84% 62%;
  --muted: 226 24% 18%;
  --destructive: 0 78% 58%;
  --border: 225 22% 24%;
  --card: 228 32% 11%;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: hsl(var(--background)); }
body { margin: 0; min-height: 100%; color: hsl(var(--foreground)); background: radial-gradient(circle at 15% 0%, hsla(var(--primary), .22), transparent 32%), radial-gradient(circle at 85% 18%, hsla(var(--secondary), .22), transparent 34%), hsl(var(--background)); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
input, textarea, select { font-size: max(16px, 1rem); }
.glass { background: hsla(var(--card), .72); border: 1px solid hsla(var(--border), .9); box-shadow: var(--shadow-md); backdrop-filter: blur(18px); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; }
.code-font { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
.safe-bottom { padding-bottom: calc(78px + env(safe-area-inset-bottom)); }