@font-face {
  font-family: Jacquard;
  src: url('fonts/Jacquard12-Regular.ttf') format('truetype');
  font-display: swap;
}
html, body { margin: 0; min-height: 100%; background: #000; color: #ff83b5; }
body { min-height: 100svh; display: grid; place-items: center; font-family: Jacquard, fantasy; }
main { text-align: center; padding: 32px 16px; }
h1 { font-weight: normal; font-size: clamp(64px, 12vw, 132px); line-height: 0.9; margin: 0 0 40px; }
button { background: #000; color: #ff83b5; border: 1px solid #ff83b5; padding: 8px 38px; font: 36px Jacquard, fantasy; cursor: pointer; }
button:hover, button:focus-visible { background: #ff83b5; color: #000; }
button:disabled { opacity: 0.5; cursor: wait; }
details { margin-top: 28px; font-size: 25px; }
summary { cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
p { font-size: 24px; line-height: 1.35; }
[role="status"] { max-width: 32ch; margin: 20px auto 0; }
[role="status"]:empty { display: none; }
iframe { width: 100%; height: 100%; border: 0; position: fixed; inset: 0; }
[hidden] { display: none !important; }