:root{
    --ink:#eaf7f2;
    --vh:100vh;
  }
  *{box-sizing:border-box}
  html,body{height:100%;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;color-scheme:dark}
  body{
    min-height:var(--vh);
    background:#06121a;
    color:var(--ink);
    font-family:"Helvetica Neue",Helvetica,Arial,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    overflow:hidden;
    overscroll-behavior:none;
    touch-action:none;
    position:fixed;
    inset:0;
    width:100%;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased;
  }
  button,a{font:inherit}
  canvas#sky{
    position:fixed;inset:0;width:100%;height:100%;display:block;
    touch-action:none;user-select:none;-webkit-user-select:none;
    cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='7' fill='none' stroke='%238ff0c2' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14' r='1.5' fill='%23ffffff'/%3E%3C/svg%3E") 14 14,auto;z-index:0;
  }
  .veil{
    position:fixed;inset:0;pointer-events:none;z-index:1;
    background:
      radial-gradient(135% 100% at 50% 36%, rgba(0,0,0,0) 50%, rgba(3,10,14,.5) 100%),
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");
    background-size:auto,140px 140px;
    mix-blend-mode:soft-light;
    opacity:.62;
  }
  .noscript{position:fixed;top:16px;left:50%;z-index:5;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:10px 14px;border-radius:12px;background:#102830;color:#fff;text-align:center}
  @media (pointer:coarse){canvas#sky{cursor:default}}
  .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}