.notification-optin{position:fixed;z-index:900;right:max(20px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));display:flex;gap:16px;width:min(480px,calc(100vw - 40px));max-height:70dvh;overflow:auto;box-sizing:border-box;padding:24px;border:1px solid #74643e;border-radius:22px;background:#1b2118;color:#f1eddf;box-shadow:0 16px 64px #0008;font:15px/1.55 system-ui,sans-serif;isolation:isolate}
.notification-optin-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid #75633f;border-radius:12px;color:#e3c67e;font-weight:650;letter-spacing:-2px}
.notification-optin-copy{min-width:0}.notification-optin h2{margin:0 0 8px;color:#f1eddf;font:600 21px/1.25 system-ui,sans-serif;letter-spacing:-.4px}.notification-optin p{margin:0;color:#d0d0c2;font-size:14px}
.notification-optin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.notification-optin button{min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #86744b;border-radius:12px;font:600 13px/1.4 system-ui,sans-serif;text-align:center;cursor:pointer}.notification-optin-yes{background:#e3c67e;color:#171912}.notification-optin-no{background:transparent;color:#eee9da}.notification-optin button:focus-visible{outline:3px solid #f3d78d;outline-offset:3px}.notification-optin button:disabled{opacity:.6;cursor:wait}.notification-optin button[hidden]{display:none}.notification-optin .notification-optin-status:not(:empty){margin-top:14px}
body.identity-app .notification-optin{bottom:calc(88px + env(safe-area-inset-bottom))}
@media(max-width:560px){.notification-optin{right:14px;bottom:calc(16px + env(safe-area-inset-bottom));width:calc(100vw - 28px);padding:20px;gap:12px}.notification-optin-mark{display:none}.notification-optin-actions{gap:8px}.notification-optin-actions button{flex:1 1 160px}body.identity-app .notification-optin{bottom:calc(82px + env(safe-area-inset-bottom))}}
