.notification-menu>summary{position:relative}.notification-popup{background:var(--news-surface);width:390px;max-height:75vh;color:var(--news-text-primary);border:1px solid var(--news-divider);border-radius:16px;position:absolute;top:calc(100% + 12px);right:0;overflow:auto;box-shadow:0 8px 30px #0002}.notification-popup>p,.notification-panel>p{margin:0;padding:16px;font-size:14px}.notification-popup header,.notification-panel>header{border-bottom:1px solid var(--news-divider);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.notification-popup h2,.notification-panel h1,.notification-panel h2{margin:0;font-size:19px;font-weight:600}.notification-popup button,.notification-panel button{color:var(--news-primary);background:var(--news-primary-hover);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:7px 10px;font-size:12px}.notification-panel button:disabled{opacity:.45;cursor:default}.notification-list{margin:0;padding:0;list-style:none}.notification-list li{border-bottom:1px solid var(--news-divider)}.notification-list li[data-unread=true]{background:var(--news-primary-hover)}.notification-list li[data-mention=true]{border-left:3px solid var(--news-primary)}.notification-list li>a{color:inherit;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;display:flex}.notification-list li>a:hover{background:var(--news-action-default-hover)}.notification-list .feed-avatar{background:var(--news-primary-hover);width:38px;height:38px;color:var(--news-primary);border-radius:50%;flex:0 0 38px;place-items:center;display:grid;overflow:hidden}.notification-list .feed-avatar img{object-fit:cover;width:100%;height:100%}.notification-list li>a>div{flex:1;min-width:0}.notification-text{font-size:14px;line-height:1.5;display:block}.notification-preview{-webkit-line-clamp:2;color:var(--news-text-secondary);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:5px;font-size:13px;display:-webkit-box;overflow:hidden}.notification-list time{color:var(--news-text-secondary);margin-top:6px;font-size:11px;display:block}.notification-unread-dot{background:var(--news-primary);border-radius:50%;flex:0 0 7px;width:7px;height:7px;margin-top:8px}.notification-mention{color:var(--news-primary);margin-bottom:4px;font-size:11px;display:inline-block}.notification-list .notification-mark{margin:0 16px 10px 66px;font-size:11px}.notification-all{text-align:center;color:var(--news-primary);padding:16px;font-size:13px;display:block}.notifications-screen{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;max-width:1050px;margin:auto;padding:24px 18px;display:grid}.notification-panel{border:1px solid var(--news-divider);background:var(--news-surface);border-radius:16px;overflow:hidden}.notification-panel nav{justify-content:space-between;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.notification-settings{padding:20px;scroll-margin-top:95px}.notification-settings fieldset{border:0;margin-top:18px;padding:0}.notification-settings legend{color:var(--news-text-secondary);margin-bottom:12px;font-size:13px}.notification-settings label{align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.notification-settings input{accent-color:var(--news-primary);width:17px;height:17px}.notification-settings .notification-frequency{flex-direction:column;align-items:stretch;margin-top:22px}.notification-settings select{border:1px solid var(--news-divider);background:var(--news-background);color:inherit;border-radius:9px;padding:9px}.notification-settings p{color:var(--news-text-secondary);font-size:12px;line-height:1.6}.notification-settings-dialog{border:0;border-radius:0}@media (max-width:959px){.notification-popup{top:calc(var(--tetana-header-height) + 6px);width:auto;position:fixed;left:8px;right:8px}.notifications-screen{grid-template-columns:1fr;padding:16px 8px}.notification-panel>header{flex-wrap:wrap}}