:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0e4145; color: #111; }
.card { width: min(520px, calc(100vw - 40px)); box-sizing: border-box; padding: 36px 28px; border-radius: 18px; background: white; box-shadow: 0 12px 40px rgba(0,0,0,.12); text-align: center; }
h1 { margin: 0 0 12px; font-size: clamp(28px, 5vw, 42px); line-height: 1.1; }
.muted { margin: 0 0 20px; color: #555; }
.buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
button { border: 0; border-radius: 999px; padding: 14px 28px; font-size: 18px; font-weight: 700; cursor: pointer; background: #111; color: #fff; }
button.secondary { background: #e8e8e8; color: #111; }
button:disabled { opacity: .6; cursor: not-allowed; }
.message { min-height: 28px; margin: 24px 0 0; font-size: 18px; font-weight: 600; }
.empty { color: #fff; font-size: clamp(28px, 5vw, 42px); font-weight: 700; text-align: center; }