/* Reuses the app's QuickPopup artwork, cream surface and warm orange action. */
.waitlist-dialog{position:fixed;inset:0;border:0;padding:24px;margin:auto;width:min(100%,520px);max-width:100%;max-height:100dvh;background:transparent;color:var(--ink);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bbaa8b transparent}
.waitlist-dialog::backdrop{background:rgba(11,31,25,.7)}
.waitlist-shell{position:relative;padding-top:106px;isolation:isolate}
.waitlist-topper{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(340px,85%);height:auto;z-index:2;pointer-events:none}
.waitlist-panel{position:relative;padding:38px 32px 24px;border-radius:28px;background:#fff9e9;box-shadow:0 14px 50px #071b1940;overflow:hidden;text-align:center}
.waitlist-panel:before{content:'';position:absolute;inset:auto 0 0;height:155px;background:url('assets/waitlist-leaf-header.png') center bottom/100% auto no-repeat;opacity:.38;pointer-events:none;z-index:0}
.waitlist-panel>*{position:relative;z-index:1}
.waitlist-panel h2{font-size:34px;line-height:1.12;text-wrap:balance;outline:none}
.waitlist-panel p{color:#655342;font-size:15px;line-height:1.6;margin-top:14px;text-wrap:pretty}
.waitlist-form{text-align:left;margin-top:24px}
.waitlist-form label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}
.waitlist-form input[type=email]{display:block;width:100%;min-height:56px;border:1px solid #a3937c;border-radius:12px;padding:15px 16px;background:#fffdf7;color:var(--ink);font:16px Arial,sans-serif;caret-color:#285845}
.waitlist-form input::placeholder{color:#756754}
.waitlist-form input:focus-visible{outline:3px solid #356951;outline-offset:3px}
.waitlist-form input[aria-invalid=true]{border:2px solid #a33429}
.waitlist-form input::selection{background:#d8e8be}
.waitlist-panel .waitlist-consent{font-size:12px;line-height:1.55;margin-top:12px;color:#655342}
.waitlist-consent a{text-underline-offset:3px}
.waitlist-panel .waitlist-error{color:#9a3028;font-size:13px;line-height:1.5;margin-top:12px}
.waitlist-error:empty{display:none}
.waitlist-primary{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:22px;padding:14px 20px;border:0;border-radius:14px;background:linear-gradient(#ffd48b,#ffae35);box-shadow:0 4px 0 #d47a18;color:#3d201b;font:600 18px/1.3 Fredoka,Arial,sans-serif;cursor:pointer;transition:filter .15s,transform .15s}
.waitlist-primary:hover{filter:brightness(1.04)}
.waitlist-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #d47a18}
.waitlist-primary[aria-disabled=true]{cursor:wait}
.waitlist-primary[aria-disabled=true]:before{content:'';width:16px;height:16px;border:2px solid #3d201b55;border-top-color:#3d201b;border-radius:50%;animation:waitlist-spin .8s linear infinite}
.waitlist-secondary{display:block;min-height:44px;margin:16px auto 0;padding:10px 20px;border:0;background:transparent;color:#624832;font-size:14px;font-weight:700;cursor:pointer}
.waitlist-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.waitlist-panel button:focus-visible,.waitlist-panel a:focus-visible{outline:3px solid #356951;outline-offset:4px}
.waitlist-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.waitlist-success{padding:5px 0 8px}
.waitlist-success .waitlist-primary{margin-top:28px}
.waitlist-open .cloud-track,.waitlist-open .chimney-wisp,.waitlist-open .content-pattern:before,.waitlist-open .cream:before{animation-play-state:paused}
@keyframes waitlist-spin{to{transform:rotate(360deg)}}
@keyframes waitlist-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){html:not(.motion-off) .waitlist-dialog[open] .waitlist-shell{animation:waitlist-enter .26s cubic-bezier(.16,1,.3,1)}}
@media(max-width:599px){.waitlist-dialog{width:100%;margin:auto 0 0;padding:16px 0 0;max-height:100dvh}.waitlist-shell{padding-top:100px}.waitlist-topper{width:min(320px,84%)}.waitlist-panel{border-radius:28px 28px 0 0;padding:32px 24px max(20px,env(safe-area-inset-bottom))}.waitlist-panel h2{font-size:30px}.waitlist-panel p{font-size:14px}.waitlist-panel .waitlist-consent{font-size:12px}.waitlist-form{margin-top:22px}}
@media(max-height:600px){.waitlist-shell{padding-top:62px}.waitlist-topper{width:210px}.waitlist-panel{padding-top:24px}.waitlist-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.waitlist-dialog *{animation:none!important;transition:none!important}}

.waitlist-dialog .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.motion-off .waitlist-dialog *,.clouds-paused .waitlist-dialog *{animation:none!important;transition:none!important}
.waitlist-open .chimney-smoke *,.waitlist-open .waterfall-motion *{animation-play-state:paused!important}

.actions .android{font-size:12px;line-height:1.35;padding-inline:12px}
