.wake-gate[hidden] { display: none; }
.wake-gate { position: fixed; inset: 0; z-index: 1000; display: grid; grid-template-rows: auto 1fr; min-height: 100svh; padding: 24px clamp(20px, 5vw, 72px); background: #f7f6ef; color: #202821; }
.wake-brand { display: flex; align-items: center; gap: 12px; }
.wake-brand .mark { display: grid; width: 42px; aspect-ratio: 1; place-items: center; border-radius: 8px; background: #e3eee8; color: #22745f; font-size: 24px; }
.wake-brand .eyebrow, .wake-content .eyebrow { margin: 0 0 3px; color: #587166; font-size: 11px; font-weight: 700; letter-spacing: 0; }
.wake-brand strong { font-size: 17px; }
.wake-content { align-self: center; justify-self: center; width: min(100%, 460px); text-align: center; }
.wake-content h1 { margin: 14px 0 12px; font-size: 26px; }
.wake-content p { line-height: 1.7; }
.wake-detail { color: #5d6a60; font-size: 14px; }
.wake-spinner { display: block; width: 42px; height: 42px; margin: 0 auto 24px; border: 3px solid #c8d7ce; border-top-color: #21836b; border-radius: 50%; animation: wake-spin 850ms linear infinite; }
#wakeRetry { min-width: 132px; min-height: 46px; margin-top: 10px; }
@keyframes wake-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wake-spinner { animation: none; } }