/* Minimal custom CSS; most styling via Tailwind */
:root{color-scheme:dark;}
*{box-sizing:border-box;}
html,body{height:100%;}
body{font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";}

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

/* Subtle animated gradient background helper */
.wsh-aurora{
  background:
    radial-gradient(900px 500px at 10% 10%, rgba(34,211,238,0.18), transparent 60%),
    radial-gradient(900px 500px at 90% 20%, rgba(168,85,247,0.16), transparent 60%),
    radial-gradient(900px 500px at 50% 100%, rgba(16,185,129,0.12), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,1), rgba(2,6,23,1));
}

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