:root {
    --bg: #020617;
    --bg-alt: #020817;
    --card: #020617;
    --card-alt: #0b1120;
    --accent: #22c55e;
    --accent-soft: rgba(34, 197, 94, 0.1);
    --accent-strong: #4ade80;
    --text: #e5e7eb;
    --muted: #9ca3af;
    --border: #1f2937;
    --danger: #ef4444;
    --radius-lg: 18px;
    --shadow-soft: 0 18px 40px rgba(15, 23, 42, 0.7);
}
*,
*::before,
*::after { box-sizing: border-box; }
body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    background: radial-gradient(circle at top, #0f172a, #020617 50%, #020617 100%);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
}
/* (same full CSS as earlier; omitted for brevity in this code cell) */