:root {
  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;
  color: var(--kbx-color-text);
  background: var(--kbx-color-surface-muted);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html, body, #app { width:100%; min-width:0; height:100%; min-height:100%; margin:0; }
body { overflow:hidden; }
button, input, select, textarea { font:inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, a:focus-visible {
  outline: calc(var(--kbx-border-width) * 2) solid var(--kbx-color-focus);
  outline-offset: var(--kbx-border-width);
}
@media (max-width: 767px) {
  body { overflow:auto; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition-duration:0.01ms !important; animation-duration:0.01ms !important; animation-iteration-count:1 !important; }
}

@media (forced-colors: active) {
  button, input, select, textarea, a { forced-color-adjust:auto; }
  [aria-current="page"], [aria-pressed="true"], [aria-selected="true"] { outline: 1px solid Highlight; outline-offset:-2px; }
}
