:root{
  color-scheme:light;
  --ink:#1d1d1f;
  --muted:#6e6e73;
  --blue:#0071e3;
}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;min-height:100%;margin:0}
body{
  min-height:100vh;
  min-height:100svh;
  background:#fbfbfd;
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.launch{
  position:relative;
  display:flex;
  min-height:100vh;
  min-height:100svh;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:clamp(32px,6vh,58px);
  overflow:hidden;
  padding:50px 28px;
  background:radial-gradient(ellipse at 50% 43%,rgba(237,244,252,.55),transparent 48%),#fbfbfd;
}
.identity{
  width:min(100%,920px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  animation:arrive .8s cubic-bezier(.2,.75,.25,1) both;
}
.wordmark{display:block;width:min(100%,870px);height:auto;object-fit:contain}
.notice{
  max-width:790px;
  margin:34px 0 0;
  color:#30343b;
  font-size:clamp(22px,3vw,32px);
  font-weight:590;
  line-height:1.22;
  letter-spacing:-.045em;
}
.loading{
  position:relative;
  flex:none;
  width:min(520px,calc(100vw - 48px));
  margin:0;
  padding:21px 23px 22px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:19px;
  background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(244,248,253,.66));
  -webkit-backdrop-filter:blur(30px) saturate(155%);
  backdrop-filter:blur(30px) saturate(155%);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(255,255,255,.32),0 14px 42px rgba(50,78,115,.09);
  animation:arrive .8s .1s cubic-bezier(.2,.75,.25,1) both;
}
.loading-notice{
  position:relative;
  z-index:1;
  margin:0;
}
.loading-title{
  margin:0;
  color:#1d1d1f;
  font-size:21px;
  font-weight:620;
  line-height:1.2;
  letter-spacing:-.035em;
}
.loading-description{
  margin:7px 0 0;
  color:#6e6e73;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:-.01em;
}
.loading::before{
  position:absolute;
  inset:0;
  border:1px solid rgba(82,119,169,.08);
  border-radius:inherit;
  content:"";
  pointer-events:none;
}
.loading-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.loading-label{color:#6e6e73;font-size:13px;font-weight:450;letter-spacing:-.01em}
.loading-value{
  color:#245b9e;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:19px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
.loading-track{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  height:12px;
  margin-top:14px;
}
.loading-segment{
  display:block;
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#287fc8;
  opacity:.2;
  transform:scale(.72);
  animation:dot-fade var(--pulse-duration,.7s) ease-in-out var(--pulse-delay,0ms) infinite alternate;
}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dot-fade{from{opacity:.12;transform:scale(.62);box-shadow:0 0 0 rgba(40,127,200,0)}to{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(40,127,200,.38)}}
@media(max-width:600px){
  .launch{gap:28px;padding:34px 20px}
  .wordmark{width:min(100%,500px)}
  .notice{max-width:520px;margin-top:25px;font-size:clamp(21px,5.7vw,27px)}
  .loading{width:calc(100% - 40px);padding:17px 18px 18px;border-radius:16px}
  .loading-head{margin-top:14px}
  .loading-title{font-size:19px}
  .loading-description{font-size:13px}
  .loading-label{font-size:12px}
  .loading-value{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}