.haan-top-button,.haan-bell-button{position:fixed;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:2px solid #281b3b;border-radius:50%;background:#fff8eb;color:#281b3b;box-shadow:3px 3px 0 #3cbd83;z-index:901;touch-action:manipulation;cursor:pointer}.haan-top-button[hidden]{display:none}.haan-top-button{right:max(14px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom))}.haan-bell-button{left:max(14px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));background:#ffda3e;box-shadow:3px 3px 0 #e459a1}.haan-top-button svg,.haan-bell-button svg{width:22px;height:22px}.haan-bell-button span{position:absolute;top:-5px;right:-5px;background:#b62560;color:white;border-radius:20px;font:700 10px/18px Arial;min-width:18px}.haan-bell-button span[hidden]{display:none}.haan-bell-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:calc(100% - 32px);max-width:360px;max-height:75dvh;overflow:auto;background:#fff8eb;color:#281b3b;padding:22px 18px;border:2px solid #281b3b;border-radius:18px;box-shadow:5px 5px 0 #e459a1;font:14px/1.6 Arial,sans-serif}.haan-bell-dialog::backdrop{background:#20152988}.haan-bell-dialog h2{font:700 19px/1.4 Arial;margin:0 30px 12px}.haan-bell-close{position:absolute;right:6px;top:6px;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:24px}.haan-bell-note{font-size:12px;opacity:.8}.haan-bell-entry{padding:10px 0;margin:0;border-bottom:1px solid #dbc6d5}.haan-bell-entry b{display:block;font-size:13px;overflow-wrap:anywhere}.haan-bell-entry small{font-size:11px;opacity:.75}.haan-bell-read{min-height:44px;margin-top:14px;border:2px solid #281b3b;border-radius:10px;background:#ffda3e;color:#281b3b;padding:8px 14px;font:700 13px Arial}html[data-theme=dark] :is(.haan-top-button,.haan-bell-button,.haan-bell-dialog){background:#211f24;color:#f4e8ce;border-color:#a79883;box-shadow:3px 3px 0 #b32f67}