#notifications-toggle{position:relative;gap:7px}
#notifications-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#notifications-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:var(--theme-red,#e50914);color:#fff;font-size:11px;font-weight:750}
#notifications-panel{position:fixed;right:18px;top:94px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 112px);overflow:auto;box-sizing:border-box;background:var(--theme-surface,#151a28);color:var(--theme-text,#f5f5f7);border:1px solid var(--theme-line,#ffffff24);border-radius:16px;padding:20px;z-index:120;box-shadow:0 18px 55px #0004;font-family:inherit}
#notifications-panel[hidden]{display:none}
#notifications-panel .notifications-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}
#notifications-panel .notifications-heading small{display:block;color:var(--theme-red,#f00820);font-size:10px;font-weight:750;letter-spacing:.12em;margin-bottom:6px}
#notifications-panel h2{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.025em}
#notifications-panel button{cursor:pointer;padding:9px 12px;margin:0;border:1px solid var(--theme-line,#ffffff24);border-radius:9px;background:var(--theme-field,#11141d);color:inherit;font:inherit;font-size:12px;line-height:1.4}
#notifications-panel button:hover{border-color:var(--theme-red,#f00820)}
#notifications-panel button:focus-visible{outline:2px solid var(--theme-red,#f00820);outline-offset:3px}
#notifications-panel button:disabled{opacity:.5;cursor:default}
#notifications-panel #notifications-close{flex-shrink:0}
#notifications-panel #notifications-status{font-size:13px;line-height:1.6;color:var(--theme-muted,#b2b5c2);margin:16px 0;overflow-wrap:anywhere}
#notifications-panel #notifications-retry{margin-bottom:14px}
#notifications-list article{display:flex;gap:12px;border-top:1px solid var(--theme-line,#ffffff24);padding:15px 0}
#notifications-list article[data-read=true]{opacity:.65}
#notifications-list img{width:56px;height:80px;object-fit:cover;border-radius:7px;flex-shrink:0}
#notifications-list article>div{min-width:0}
#notifications-list strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#notifications-panel #notifications-list .notification-open{display:block;border:0;background:transparent;padding:0;color:inherit;font-size:14px;font-weight:750;line-height:1.5;text-align:left;overflow-wrap:anywhere}
#notifications-panel #notifications-list .notification-open:hover{color:var(--theme-red,#e50914);text-decoration:underline}
#notifications-list time{display:block;font-size:11px;line-height:1.5;color:var(--theme-muted,#b2b5c2);margin:5px 0 9px}
#notifications-panel .notifications-push-settings{border-top:1px solid var(--theme-line,#ffffff24);padding-top:15px;margin-top:16px;display:flex;flex-wrap:wrap;gap:9px}
#notifications-panel .notifications-push-settings p{flex-basis:100%;margin:0;color:var(--theme-muted,#b2b5c2);font-size:12px;line-height:1.6}
#notifications-panel #notifications-push{background:var(--theme-red,#e50914);border-color:transparent;color:#fff}
#notifications-panel #notifications-push-status:empty{display:none}
@media(max-width:600px){#notifications-panel{right:12px;top:88px;max-height:calc(100dvh - 100px);padding:16px}#notifications-panel h2{font-size:17px}}