:root{color-scheme:light dark}
html,body{
  background:#fff!important;margin:0;height:100%;
  display:flex;align-items:center;justify-content:center;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
              "Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
main{max-width:34rem;padding:1rem;text-align:center}
#image,#status,#progress,#testarea,details,footer,noscript{display:none!important}
h1#title{
  font-size:1.05rem;font-weight:500;color:#333;margin:0;letter-spacing:-.01em;
}
h1#title::before{
  content:"";display:block;width:48px;height:48px;margin:0 auto 1.5rem;
  border:3px solid rgba(0,0,0,.08);border-top-color:#b16286;border-radius:50%;
  animation:skspin .9s linear infinite;
}
@keyframes skspin{to{transform:rotate(360deg)}}
@media (prefers-color-scheme:dark){
  html,body{background:#0f0f10!important}
  h1#title{color:#e6e6e6}
  h1#title::before{border-color:rgba(255,255,255,.1);border-top-color:#b16286}
}