.notification-page{--nm-text:#25324a;--nm-muted:#64748b;--nm-border:#dce3ed;--nm-surface:#fff;--nm-tint:#eef5ff;--nm-blue:#0066ff;color:var(--nm-text);max-width:960px;margin:0 auto;padding:24px 20px 64px}.notification-page a{color:var(--nm-blue)}.notification-heading,.notification-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.notification-heading h1,.notification-detail h1{font-size:28px;font-weight:600}.notification-toolbar button,.notification-primary,#notification-more{padding:10px 16px;border:1px solid var(--nm-border);border-radius:8px;background:var(--nm-surface);color:var(--nm-text);cursor:pointer}.notification-toolbar button[aria-pressed="true"],.notification-primary{background:var(--nm-blue);color:white;border-color:var(--nm-blue)}#notification-list{list-style:none;padding:0;margin:0}.notification-item{padding:20px;border:1px solid var(--nm-border);border-radius:12px;background:var(--nm-surface);margin-bottom:12px}.notification-item a{display:block}.notification-item h2{font-size:18px;line-height:1.5;font-weight:600}.notification-item p{margin:8px 0;overflow-wrap:anywhere}.notification-item time,.notification-detail time,.notification-kind{color:var(--nm-muted);font-size:13px}.notification-item.is-unread{border-left:4px solid var(--nm-blue);background:var(--nm-tint)}.notification-detail{padding:24px;background:var(--nm-surface);border:1px solid var(--nm-border);border-radius:12px}.notification-detail .notification-text{line-height:1.8;overflow-wrap:anywhere;margin:22px 0}.notification-entity{display:flex;align-items:center;gap:16px;border:1px solid var(--nm-border);padding:16px;border-radius:8px;margin:16px 0}.notification-entity p{margin:6px 0;overflow-wrap:anywhere}.notification-type-system_notice{border-top:4px solid var(--nm-blue)}.notification-type-content_update .notification-entity{background:var(--nm-tint)}.notification-primary{display:inline-block;margin-top:16px}#notification-error{color:var(--nm-muted);margin:16px 0}#notification-more{display:block;margin:24px auto}.notification-page [hidden],.notification-inbox-link[hidden],[data-notification-count][hidden]{display:none!important}.notification-inbox-link{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;color:inherit;font-size:14px;border-radius:8px;white-space:nowrap}.notification-inbox-link:hover{background:rgba(0,102,255,.08)}[data-notification-count]{display:inline-flex;justify-content:center;min-width:18px;padding:2px 5px;background:#e33b4e;color:#fff;border-radius:12px;font-size:11px;line-height:1.3}.notification-page a:focus-visible,.notification-page button:focus-visible,.notification-inbox-link:focus-visible{outline:2px solid #0066ff;outline-offset:3px}.notification-page button:disabled{opacity:.5;cursor:wait}[data-theme="dark"] .notification-page{--nm-text:#e5edf9;--nm-muted:#a6b3c8;--nm-border:#334057;--nm-surface:#1b2535;--nm-tint:#202f49;--nm-blue:#70a8ff}[data-theme="dark"] .notification-primary{color:#112033}@media(max-width:600px){.notification-page{padding:16px 12px 40px}.notification-heading h1,.notification-detail h1{font-size:23px}.notification-detail{padding:18px 14px}.notification-toolbar{flex-wrap:wrap}.notification-entity{padding:12px;gap:12px}.notification-heading{margin:18px 0}}

.notification-actor-item{list-style:none;margin:0 0 18px}.notification-actor-card{display:flex;gap:20px;padding:24px;border:1px solid var(--nm-border);border-radius:16px;background:var(--nm-surface);color:var(--nm-text)}.notification-actor-card.is-unread{border-color:#8eb4ff;background:var(--nm-tint)}.notification-actor-avatar{flex:0 0 64px}.notification-actor-avatar img{width:64px;height:80px;object-fit:cover;border-radius:12px}.notification-actor-body{flex:1;min-width:0}.notification-actor-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.notification-actor-heading h2{font-size:20px;line-height:1.5;margin:0;font-weight:700;overflow-wrap:anywhere}.notification-actor-heading>span{white-space:nowrap;color:var(--nm-blue);font-size:14px}.notification-actor-time{font-size:14px;color:var(--nm-muted);margin:10px 0 18px}.notification-video-card{display:flex;gap:20px;align-items:center;background:var(--nm-surface);border:1px solid var(--nm-border);padding:16px;border-radius:12px;color:var(--nm-text);text-decoration:none}.notification-page .notification-video-card{color:var(--nm-text)}.notification-video-card:hover{border-color:var(--nm-blue)}.notification-video-card:focus-visible,.actor-follow-button:focus-visible{outline:3px solid #80aaff;outline-offset:4px}.notification-video-cover{width:200px;flex:0 0 200px;position:relative}.notification-video-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.notification-video-cover>span{position:absolute;bottom:6px;right:6px;padding:2px 5px;border-radius:4px;background:#111b;color:#fff;font-size:14px}.notification-video-info{flex:1;min-width:0}.notification-video-label{color:var(--nm-blue);font-size:14px;font-weight:600}.notification-video-info h3{margin:10px 0;font-size:19px;overflow-wrap:anywhere}.notification-video-info p{margin:0;color:var(--nm-muted);font-size:14px}.notification-video-open{color:var(--nm-blue);white-space:nowrap;font-size:16px}.notification-detail .notification-actor-card h2{margin:0}
@media(max-width:640px){.notification-actor-card{padding:16px;gap:12px}.notification-actor-avatar{flex-basis:42px}.notification-actor-avatar img{width:42px;height:54px;border-radius:8px}.notification-actor-heading h2{font-size:16px}.notification-actor-heading{gap:8px}.notification-actor-heading>span{font-size:12px}.notification-actor-time{font-size:12px;line-height:1.7}.notification-video-card{gap:12px;padding:12px;flex-wrap:wrap}.notification-video-cover{flex:0 0 100%;width:100%}.notification-video-info h3{font-size:16px}.notification-video-open{font-size:14px}}