/* 한자고(hanjaquiz) — minimal custom styles. Tailwind via CDN handles ~95%. */

[x-cloak] { display: none !important; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hanja should render in the serif font with comfortable spacing. */
.font-serif {
  font-feature-settings: "palt";
  letter-spacing: -0.01em;
}

/* Custom scrollbar (subtle). */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.3); border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, 0.5); }

/* Dark mode scrollbar. */
.dark ::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.25); }
.dark ::-webkit-scrollbar-thumb:hover { background: rgba(148, 163, 184, 0.4); }

/* Selection color. */
::selection { background: rgba(15, 118, 110, 0.2); }
.dark ::selection { background: rgba(45, 212, 191, 0.3); }

/* Reduce motion preference. */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}