*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;-webkit-text-size-adjust:100%}
body{font-family:"Sora",system-ui,sans-serif;min-height:100%}
.haze-bg{position:fixed;inset:0;background:#F2C14E}
.haze-wrap{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:24px 16px}
.haze-card{width:100%;max-width:348px;background:#fff;color:#161616;border-radius:20px;padding:32px 22px 18px;box-shadow:0 16px 36px rgba(0,0,0,.14);text-align:center}
.haze-badge{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;background:#F2C14E;color:#161616;display:grid;place-items:center;font-weight:800;font-size:1.02rem}
.haze-card h1{font-size:1.2rem;line-height:1.32;font-weight:800}
.haze-sub{margin-top:8px;font-size:.82rem;color:#585858;font-weight:500}
.haze-row{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:22px}
.haze-no,.haze-yes{border:0;border-radius:12px;padding:14px 8px;font:inherit;font-weight:800;cursor:pointer}
.haze-no{background:#f3f3f3;color:#161616}
.haze-yes{background:#F2C14E;color:#161616}
.haze-yes:disabled{opacity:.7;cursor:wait}
.haze-no:active,.haze-yes:active{transform:scale(.97)}
.haze-links{margin-top:18px;font-size:.68rem;font-weight:700}
.haze-links a{color:#0a7040;text-decoration:none}
.hidden{display:none}
@media(max-width:360px){.haze-row{grid-template-columns:1fr}}