body { margin: 0; }
  body { --cv-jade:#4fc79a; --cv-jade-deep:#2f6f58; --cv-gold:#e2b657; --cv-coral:#e07a63; --cv-sky:#6fa8dc; }
  a { color: var(--color-accent); }
  a:hover { color: var(--color-accent-300); }
  @keyframes cvPulse { 0%,100% { opacity: .55 } 50% { opacity: 1 } }
  @keyframes cvGlow {
    0%,100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-accent) 42%, transparent); border-color: var(--color-accent); color: var(--color-accent) }
    50%     { box-shadow: 0 0 0 6px color-mix(in srgb, var(--color-accent) 0%, transparent), 0 0 18px color-mix(in srgb, var(--color-accent) 55%, transparent); border-color: var(--color-accent-300); color: var(--color-accent-200) }
  }
  @keyframes cvBounce { 0%,72%,100% { transform: translateY(0) } 80% { transform: translateY(-4px) } 90% { transform: translateY(-1.5px) } }
  @keyframes cvBorderBreathe {
    0%,100% { border-color: color-mix(in srgb, var(--color-accent-200) 26%, transparent) }
    50%     { border-color: var(--color-accent-300) }
  }
  @media (prefers-reduced-motion: reduce) { * { animation: none !important } }

  @media (max-width: 760px) {
    h1 { font-size: 26px !important }
    h3 { font-size: 20px !important }
    table.table, table.adm { display: block; overflow-x: auto; white-space: nowrap; max-width: 100% }
  }
  ::-webkit-scrollbar { width: 10px; height: 10px }
  ::-webkit-scrollbar-thumb { background: var(--color-neutral-800); border-radius: 99px }