.hank-reminder-center-toggle{position:fixed;right:max(14px,env(safe-area-inset-right));top:max(70px,calc(env(safe-area-inset-top) + 54px));z-index:10002;display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:6px 8px;border:1px solid rgba(94,190,255,.68);border-radius:999px;background:rgba(7,18,31,.97);color:#f5fbff;box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:pointer}
.hank-reminder-center-toggle[hidden]{display:none!important}.hank-reminder-center-icon{font-size:18px;line-height:1;color:#8bd5ff}.hank-reminder-center-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d93025;color:white;font-size:12px;font-weight:800}
.hank-reminder-surface{position:fixed;right:max(14px,env(safe-area-inset-right));top:max(122px,calc(env(safe-area-inset-top) + 106px));z-index:10001;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));max-height:min(70vh,620px);overflow:auto;padding:2px;pointer-events:none}.hank-reminder-surface[hidden]{display:none!important}
.hank-reminder-card{pointer-events:auto;display:grid;gap:8px;padding:14px 16px;border:1px solid rgba(94,190,255,.62);border-radius:12px;background:rgba(7,18,31,.98);color:#f5fbff;box-shadow:0 12px 36px rgba(0,0,0,.38)}
.hank-reminder-agent{font-weight:700;letter-spacing:.04em;color:#8bd5ff}.hank-reminder-message{line-height:1.4;overflow-wrap:anywhere}.hank-reminder-time{font-size:.82rem;opacity:.74}.hank-reminder-dismiss{justify-self:end}
.hank-reminder-notification-optin{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:10003;display:flex;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(94,190,255,.52);border-radius:12px;background:rgba(7,18,31,.97);color:#f5fbff;box-shadow:0 12px 36px rgba(0,0,0,.38)}.hank-reminder-notification-optin span{flex:1;line-height:1.35}
@media(max-width:600px){.hank-reminder-center-toggle{top:max(58px,calc(env(safe-area-inset-top) + 44px));right:max(10px,env(safe-area-inset-right))}.hank-reminder-surface{left:12px;right:12px;top:max(108px,calc(env(safe-area-inset-top) + 94px));width:auto;max-height:60vh}.hank-reminder-notification-optin{left:16px;right:16px;width:auto}}
