html{
  background:#000;
  color-scheme:dark light;
  scrollbar-gutter:stable;
  height:100%;
  overflow:hidden;
}
html[data-theme="light"]{background:#fff}
html,body{height:100%;overflow:hidden;margin:0}
#view{height:100%;contain:layout style paint}
html[data-theme="dark"] body{background:#000;color:#f6f3ec}
html[data-theme="light"] body{background:#fff;color:#141210}
.page{
  height:100%;
  overflow-x:clip;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:none;
}
html:not(.intro-seen) body:not(.open) .page{overflow:hidden}
html.intro-seen .intro{display:none!important}
html.intro-seen .site{visibility:visible;transform:none;transition:none}
html.theme-switch,
html.theme-switch body{
  transition:background-color .35s cubic-bezier(0.22,0.61,0.36,1), color .35s cubic-bezier(0.22,0.61,0.36,1);
}
a,button,.card,.brand,.theme-toggle,.result-card,.row{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
a,button,.card,.brand,.theme-toggle,.result-card{
  -webkit-touch-callout:none;
  user-select:none;
  -webkit-user-select:none;
}
input,textarea{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  user-select:text;
  -webkit-user-select:text;
}
::selection{background:#e63535;color:#fff}
::-moz-selection{background:#e63535;color:#fff}
body{
  color:var(--fg, #f6f3ec);
  font-family:"Inter",-apple-system,system-ui,sans-serif;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.theme-toggle{
  position:fixed;
  top:clamp(1rem,3vh,1.5rem);
  right:clamp(1rem,4vw,1.5rem);
  z-index:60;
  display:grid;
  place-items:center;
  width:2.75rem;
  height:2.75rem;
  padding:0;
  border:1px solid var(--toggle-border, rgba(255,255,255,.14));
  border-radius:999px;
  background:var(--toggle-bg, rgba(255,255,255,.08));
  color:var(--fg, #f6f3ec);
  cursor:pointer;
  transition:background .25s cubic-bezier(0.22,0.61,0.36,1), border-color .25s cubic-bezier(0.22,0.61,0.36,1), transform .25s cubic-bezier(0.22,0.61,0.36,1);
}
.theme-toggle:hover{background:var(--toggle-hover, rgba(255,255,255,.14))}
.theme-toggle:active{transform:scale(.94)}
.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg,#000), 0 0 0 4px rgba(246,243,236,.28)}
[data-theme="light"] .theme-toggle:focus-visible{box-shadow:0 0 0 2px var(--bg,#fff), 0 0 0 4px rgba(20,18,16,.18)}
.theme-toggle svg{width:1.15rem;height:1.15rem;display:block}
[data-theme="dark"] .theme-toggle .icon-moon{display:none}
[data-theme="light"] .theme-toggle .icon-sun{display:none}