:root{
  --fi-accent:#34C759;
  --fi-bg:#ffffff;
  --fi-text:#0a0a0a;
  --fi-muted:#525252;
  --fi-border:#e5e5e5;
  --fi-surface:#fafafa;
  color-scheme: light;
}

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

body{
  margin:0;
  background:var(--fi-bg);
  color:var(--fi-text);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  font-size:16px;
  line-height:1.5;
}

img,video,canvas,svg{
  max-width:100%;
  height:auto;
}

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:2px solid var(--fi-accent);
  outline-offset:2px;
}

::selection{
  background:rgba(52,199,89,.25);
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.skip-link:focus{
  position:fixed;
  top:1rem;
  left:1rem;
  width:auto;
  height:auto;
  clip:auto;
  overflow:visible;
  z-index:9999;
  background:#fff;
  padding:.75rem 1rem;
  border:1px solid var(--fi-border);
  border-radius:.75rem;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}

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