:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101114;color:#f7f8fc;font-size:16px}
*{box-sizing:border-box}body{margin:0;min-height:100svh}a{color:#9bbaff;text-underline-offset:4px}a:focus-visible{outline:2px solid #9bbaff;outline-offset:5px}
.brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 16px 10px;font-size:.9375rem;font-weight:650;letter-spacing:-.02em}.brand img{border-radius:50%;flex-shrink:0}
main{width:min(620px,100%);margin:auto;padding:12px 12px 14px}.intro{text-align:center;margin-bottom:12px}h1{font-size:clamp(1.5rem,3.6vw,2rem);line-height:1.15;letter-spacing:-.035em;margin:0;font-weight:740}h1 span{color:#8aaeff}.description{color:#b8bbc7;font-size:1rem;line-height:1.4;margin:10px auto 0;max-width:440px}
.checker{position:relative;width:100%;margin:auto;min-height:160px}.checker iframe{border-radius:16px}#loading,#fallback,noscript p{padding:20px;text-align:center;color:#c4c8d4;line-height:1.5}.note{color:#969ba9;font-size:.8125rem;line-height:1.4;text-align:center;margin:12px 0 0}footer{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 12px max(14px,env(safe-area-inset-bottom));font-size:.75rem;line-height:1.4;color:#969ba9}[hidden]{display:none!important}
@media(max-width:480px){.brand{padding:12px 12px 8px}.brand img{width:28px;height:28px}main{padding:8px 4px 10px}.intro{padding:0 12px;margin-bottom:6px}h1{max-width:340px;margin:auto}.description{margin-top:7px;font-size:.9375rem;max-width:300px}.note{margin-top:8px;padding:0 12px}}
@media(max-height:700px){.brand{padding-top:8px;padding-bottom:6px}main{padding-top:6px}.description{margin-top:6px}.intro{margin-bottom:4px}}

/* Give larger screens room without increasing the mobile form's height. */
@media(min-width:700px){
  .brand{padding:26px 24px 12px;font-size:1rem;gap:12px}
  .brand img{width:38px;height:38px}
  main{width:min(760px,100%);padding:22px 20px 20px}
  .intro{margin-bottom:26px}
  h1{font-size:2.25rem;line-height:1.2}
  .description{font-size:1.0625rem;max-width:560px;margin-top:14px;line-height:1.5}
  .note{margin-top:20px;font-size:.875rem}
  footer{font-size:.8125rem;padding-bottom:24px}
}
@media(min-width:700px) and (max-height:720px){
  .brand{padding-top:16px}
  main{padding-top:14px}
  .intro{margin-bottom:18px}
}