/* Minimal extras beyond Tailwind */
:root{color-scheme:dark}
*{box-sizing:border-box}

/* Smooth focus ring for keyboard users */
:focus-visible{outline:none}

/* Subtle animated background grid */
.bg-grid{
  background-image:
    radial-gradient(circle at 1px 1px, rgba(148,163,184,0.12) 1px, transparent 0);
  background-size: 22px 22px;
}

/* Scrollbar (webkit) */
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.25);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.35)}

@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.skeleton{background:linear-gradient(90deg, rgba(148,163,184,0.10), rgba(148,163,184,0.22), rgba(148,163,184,0.10));background-size:200% 100%;animation:shimmer 1.2s infinite}