:root{color-scheme:dark;--hv-bg:#04050a;--hv-pink:#ff2e63;--hv-ink:#f2f4fa;}
*{box-sizing:border-box;}
html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;}
html{background:var(--hv-bg);}
body{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,46,99,.11),transparent 38%),
    linear-gradient(135deg,#090a11 0%,var(--hv-bg) 65%);
  color:var(--hv-ink);
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  overscroll-behavior:none;
  -webkit-font-smoothing:antialiased;
}
#app{isolation:isolate;}
canvas{display:block;max-width:100%;background:var(--hv-bg);touch-action:none;outline:none;}
button,input,select,textarea{font:inherit;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--hv-pink);
  outline-offset:3px;
}
::selection{color:#fff;background:var(--hv-pink);}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}