:root{
  color-scheme: dark;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

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

body{
  margin:0;
  min-height:100vh;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(239,68,68,0.35);
  border-radius: 0.75rem;
}

button,
input,
select,
textarea{
  font:inherit;
}

summary{
  list-style:none;
}

summary::-webkit-details-marker{
  display:none;
}

@media (prefers-reduced-motion: reduce){
  html:focus-within{ scroll-behavior:auto; }
  *,
  *::before,
  *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
}