*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 100%);
  background-attachment:fixed;color:var(--ink);font-family:var(--ui);
  font-size:var(--fs-sm);line-height:1.55;
  -webkit-font-smoothing:antialiased;overscroll-behavior-y:none}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
input,select{width:100%;background:#fff;border:1px solid var(--line);
  border-radius:var(--radiusSm);padding:11px 13px;min-height:var(--tap);
  outline:none;font-size:var(--fs-sm)}
input:focus,select:focus{border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(37,99,235,.14)}
[hidden]{display:none !important}
img,video{max-width:100%;display:block}
.screen{padding:var(--pad)}
.ghost{border:1px solid var(--line);background:#fff;border-radius:12px;
  padding:11px 14px;min-height:var(--tap);font-weight:600;color:var(--ink2)}
.link{color:var(--blue);font-size:var(--fs-xs);font-weight:700;
  padding:6px 2px;min-height:32px}
.link--bad{color:var(--red)}
.field{display:block;margin-bottom:var(--gap)}
.field span{display:block;font-size:var(--fs-xs);font-weight:700;
  color:var(--ink2);margin-bottom:6px}
.void{padding:26px 12px;text-align:center;color:var(--mute);
  font-size:var(--fs-xs)}
@media(prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}