:root{ --accent:16 185 129; --ink:15 23 42; --muted:100 116 139; }
    html.dark{ --accent:34 211 238; --ink:229 231 235; --muted:156 163 175; }
    ::-webkit-scrollbar{height:10px;width:10px}
    ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}
    html.dark ::-webkit-scrollbar-thumb{background:#334155}
    .card{ border:1px solid rgba(100,116,139,.35); box-shadow:0 10px 24px rgba(2,6,23,.06); border-radius:18px }
    html.dark .card{ border-color:#334155 }
    .bg-orbs{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
    .orb{ position:absolute; filter:blur(50px); opacity:.35; }
    .orb-1{ width:520px; height:520px; left:-140px; top:-120px; background:radial-gradient(circle at 30% 30%,#60a5fa,transparent 65%),radial-gradient(circle at 60% 50%,#34d399,transparent 70%); }
    .orb-2{ width:440px; height:440px; right:-120px; top:-80px; background:radial-gradient(circle at 40% 40%,#a78bfa,transparent 65%),radial-gradient(circle at 70% 70%,#22d3ee,transparent 70%); }
    .orb-3{ width:360px; height:360px; left:20%; bottom:-140px; background:radial-gradient(circle at 40% 40%,#f59e0b,transparent 70%),radial-gradient(circle at 70% 70%,#f97316,transparent 70%); }
    .badge{ display:inline-flex; align-items:center; gap:.4rem; padding:.25rem .6rem; border-radius:999px; font-weight:700; font-size:.72rem }