.new-badge{display:inline-block!important;background:#93f5ae!important;color:#123a1e!important;border:0!important;font-size:10px!important;font-weight:800!important;padding:4px 8px!important;border-radius:20px!important;margin-left:9px;vertical-align:middle;text-transform:uppercase;letter-spacing:1px}
.notification-bell{display:inline-flex;justify-content:center;align-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #64748b66;border-radius:50%;background:var(--ui-bg,#202832);color:var(--ui-text,#eff4fa);cursor:pointer}
.chooser>.notification-bell{position:fixed;left:22px;top:calc(env(safe-area-inset-top) + 27px);z-index:10}
.notification-bell.subscribed{color:#93f5ae;border-color:#93f5ae99}.notification-bell:focus-visible,.notification-dialog button:focus-visible{outline:2px solid #58b6ff;outline-offset:3px}
.notification-dialog{box-sizing:border-box;position:fixed;width:420px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #64748b80;border-radius:20px;background:#202832;color:#eff4fa;font-family:Arial,sans-serif;box-shadow:0 20px 80px #0008}
.notification-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.notification-dialog h2{margin:0 28px 14px 0;font-size:24px;letter-spacing:-.6px}.notification-dialog p{font-size:14px;line-height:1.6}.notification-status{padding:12px;background:#ffffff09;border-radius:10px}.notification-dialog small{display:block;line-height:1.5;color:#a7b5c5;margin-top:18px;font-size:11px}.notification-close{position:absolute;right:14px;top:12px;border:0;background:none;color:inherit;font-size:27px;cursor:pointer}.notification-actions{display:flex;flex-wrap:wrap;gap:8px}.notification-actions button{font:600 13px Arial,sans-serif;padding:11px 14px;border:1px solid #58b6ff77;border-radius:9px;background:#b5daff;color:#173b5d;cursor:pointer}.notification-actions button:disabled{opacity:.5;cursor:default}.notification-actions .notification-test{background:none;color:inherit}
[data-theme=light] .notification-dialog,[data-theme=light] .notification-bell{background:#fff;color:#253448}[data-theme=light] .notification-bell.subscribed{color:#186937}[data-theme=light] .notification-dialog small{color:#536477}[data-theme=light] .notification-status{background:#eef3f9}
@media(max-width:560px){.chooser>.notification-bell{left:12px;top:calc(env(safe-area-inset-top) + 10px);width:32px;height:32px}.search-box .notification-bell{width:28px;height:28px;flex-basis:28px}.search-box{gap:6px}.notification-dialog{padding:24px}}
