:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  color: #26352f;
  background: #f5f3ed;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

* { box-sizing: border-box; }
html { min-width: 320px; min-height: 100%; }
body {
  min-width: 320px;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  display: grid;
  place-items: center;
  padding: clamp(24px, 7vw, 88px);
}
.status {
  width: min(100%, 640px);
  padding: clamp(28px, 7vw, 64px);
  border: 1px solid #d9ded7;
  border-radius: 24px;
  background: #fffefa;
  box-shadow: 0 18px 60px rgb(38 53 47 / 6%);
}
.identity { display: inline-flex; align-items: center; gap: 10px; color: #385b4b; font-size: 15px; font-weight: 700; letter-spacing: .04em; }
.identity-mark { width: 12px; height: 12px; border: 3px solid #75967f; border-radius: 50%; }
.eyebrow { margin: 58px 0 14px; color: #536c5e; font-size: 14px; font-weight: 700; letter-spacing: .08em; }
h1 { margin: 0; color: #26352f; font-size: clamp(30px, 6vw, 44px); line-height: 1.35; letter-spacing: -.045em; word-break: keep-all; }
.message { margin: 22px 0 0; color: #4d5c54; font-size: 17px; line-height: 1.85; word-break: keep-all; }
.rule { width: 40px; height: 2px; margin: 34px 0 20px; background: #91a797; }
.note { margin: 0; color: #536158; font-size: 14px; line-height: 1.7; }
@media (max-width: 480px) {
  body { padding: 16px; }
  .status { border-radius: 18px; }
  .eyebrow { margin-top: 46px; }
  .wide-break { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}