/* Notifications open over the current page; all destinations remain normal links. */
.notification-bell{position:relative}.rail .notification-bell{width:100%;border:0;background:transparent;text-align:left;font:inherit;font-weight:700;cursor:pointer}.notification-bell[aria-expanded=true]{background:var(--fern-soft)}.notification-bell .badge{flex-shrink:0}.icon-btn.notification-bell .badge{position:absolute;right:-5px;top:-5px;min-width:18px;padding:2px 4px;font-size:10px}
.notification-popup{position:fixed;inset:72px 24px auto auto;margin:0;padding:0;width:470px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 20px 70px #17332330;overflow:hidden}
.notification-popup[open]{display:flex;flex-direction:column}.notification-popup::backdrop{background:#172b2324}.notification-popup-header{display:flex;align-items:center;gap:10px;padding:20px 20px 14px;flex:none}.notification-popup-header h2{flex:1;font-size:1.45rem}.notification-popup .icon-btn{flex-shrink:0}
.notification-tabs{display:flex;gap:3px;padding:0 16px 12px;flex:none;border-bottom:1px solid var(--line)}.notification-tabs button{flex:1;border:0;background:transparent;color:var(--ink-2);font-weight:700;font-size:.84rem;padding:9px 5px;border-radius:10px;cursor:pointer}.notification-tabs button[aria-selected=true]{background:var(--fern-soft);color:var(--fern)}
.notification-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;min-width:0;max-height:62dvh;padding:8px 12px;scrollbar-gutter:stable}.notification-loading{padding:24px}.notification-list{list-style:none;padding:0;margin:0}.notification-item{display:flex;align-items:flex-start;gap:10px;padding:16px 10px;border-bottom:1px solid var(--line);border-radius:12px}.notification-item:last-child{border-bottom:0}.notification-item.unread{background:#66865414}.notification-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--fern-soft);color:var(--fern)}.notification-link{display:flex;flex-direction:column;gap:5px;color:inherit;text-decoration:none;min-width:0;flex:1}.notification-link strong{font-size:.95rem;line-height:1.4}.notification-link span{font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.notification-link time{font-size:.75rem;color:var(--ink-3)}.notification-link:hover strong{text-decoration:underline}.notification-item.unread .notification-link strong::before{content:'';display:inline-block;width:6px;height:6px;background:var(--fern);border-radius:50%;margin:0 6px 2px 0}.notification-empty{text-align:center;padding:32px 16px;color:var(--ink-3);display:grid;justify-items:center;gap:12px}.notification-empty h3{color:var(--ink)}.notification-empty p{font-size:.875rem}.notification-earlier{margin:12px auto;display:flex}.notification-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);flex:none}.notification-settings{padding:6px 20px 20px}.notification-settings .panel{padding:18px}.notification-settings input[type=time]{max-width:100%;min-width:0}.notification-settings .two{grid-template-columns:1fr}.notification-popup :focus-visible{outline:3px solid var(--fern);outline-offset:2px}
@media(max-width:600px){.notification-popup{inset:64px 8px auto;margin:0;width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 80px);border-radius:20px}.notification-popup-header{padding:16px 16px 12px}.notification-scroll{max-height:calc(100dvh - 260px);padding:6px}.notification-item{gap:8px;padding:14px 8px}.notification-tabs{padding-inline:10px}.notification-settings{padding:4px 12px 16px}}