.graph-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.graph-actions button,.graph-dialog button,#friendsTabs button,#friendsMore{font:inherit;font-size:13px;padding:9px 12px;border-radius:8px;border:1px solid #ffffff12;color:#efe2e7;background:#24212c;cursor:pointer}.graph-actions .graph-primary,.graph-dialog .graph-primary{background:#c93670;color:white;border-color:transparent}.graph-actions .graph-quiet{background:transparent;color:#99939f}.graph-danger{color:#efb5c4!important}.graph-friend-label{color:#f3b4cb;font-size:13px}.graph-muted,.graph-row small,.graph-dialog time{color:#96909e;font-size:12px}.graph-error{color:#e5b5c8;font-size:13px;line-height:1.5}.graph-error:empty{display:none}.graph-person{display:flex;align-items:center;gap:10px;min-width:0;color:#f4eaee;text-decoration:none}.graph-person>span:last-child{min-width:0}.graph-person strong,.graph-person small{display:block;overflow-wrap:anywhere}.graph-person strong{font-size:14px}.graph-person small{font-size:12px;color:#98919f;margin-top:3px}.graph-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#362129;color:#efb4ca;overflow:hidden}.graph-avatar img{width:100%;height:100%;object-fit:cover}.graph-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff0b}.graph-row-controls .graph-actions{justify-content:flex-end}.social-friends-page{max-width:920px;margin:auto}.social-friends-page h1{font-size:24px}#friendsTabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}#friendsTabs [aria-selected=true]{color:#f9bbd2;background:#c9367024}#friendsMessage{font-size:13px;color:#9d96a7}.social-friends-link,.graph-friends-link{color:#f3a9c4;font-size:13px}.social-relationship{margin-top:20px}.graph-dialog{color:#f4eaee;width:min(460px,calc(100vw - 28px));max-height:80dvh;overflow:auto;background:#111014;border:1px solid #ffffff14;border-radius:14px;padding:22px;box-shadow:0 18px 50px #0007}.graph-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.graph-dialog h2{font-size:18px;margin:0}.graph-confirm p{line-height:1.5}.graph-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.graph-inbox>.graph-friends-link{display:block;margin-bottom:14px}.graph-notification{padding:16px 0;border-bottom:1px solid #ffffff0c}.graph-notification.unread{box-shadow:inset 2px 0 #f07ba6;padding-left:12px}.graph-notification p{font-size:13px;color:#c4bdcd}.graph-notification .graph-actions{margin-top:12px}.graph-inbox-status{font-size:13px;color:#a49ba9}.graph-inbox>.graph-more{margin-top:16px}body .header .anime-desktop-nav .graph-bell,.graph-bell{position:relative;display:grid;place-items:center;min-width:40px;padding:8px;border:0;background:transparent;color:#cbb3bc}.graph-bell svg{width:22px;height:22px}.graph-unread{position:absolute;top:2px;right:0;min-width:16px;padding:1px 4px;border-radius:9px;background:#c93670;color:white;font-size:10px}.graph-mobile-bell{display:none}.graph-dialog :focus-visible,.graph-actions :focus-visible,#friendsTabs :focus-visible{outline:2px solid #f590b5;outline-offset:3px}.graph-actions button:disabled{opacity:.55;cursor:wait}@media(max-width:900px){.graph-mobile-bell{display:grid;position:fixed;right:16px;bottom:calc(94px + env(safe-area-inset-bottom));z-index:42;width:42px;height:42px;background:#2c1c22;border:1px solid #ffffff12;border-radius:12px}.graph-row{align-items:flex-start;flex-direction:column}.graph-row-controls .graph-actions{justify-content:flex-start}.graph-dialog{padding:18px}.graph-inbox{margin:auto auto calc(86px + env(safe-area-inset-bottom));max-height:70dvh}}@media(prefers-reduced-motion:reduce){.graph-dialog,.graph-actions *{transition:none!important}}

body .graph-actions button{font:inherit;font-size:13px;padding:9px 12px;border-radius:8px;border:1px solid #ffffff12;background:#24212c;color:#efe2e7}body .graph-actions button.graph-primary{background:#c93670;color:white;border-color:transparent}body .graph-actions button.graph-quiet{background:transparent;color:#aba1b5}.graph-menu{position:relative}.graph-menu summary{list-style:none;cursor:pointer;padding:4px 12px;border-radius:8px;background:#ffffff08;color:#bcb2c9;font-size:21px;line-height:24px}.graph-menu summary::-webkit-details-marker{display:none}.graph-menu-items{position:fixed;right:auto;top:0;z-index:60;display:grid;gap:4px;width:190px;padding:6px;background:#1d1417;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 12px 32px #0008}.graph-menu:not([open]) .graph-menu-items{display:none}.graph-menu-items button{width:100%;text-align:left}.graph-menu summary:focus-visible{outline:2px solid #f590b5;outline-offset:3px}

body .header .graph-desktop-bell{flex:none;margin-left:auto;margin-right:-28px;width:42px;height:42px;border-radius:10px;cursor:pointer;order:0}body.has-header-search .header:has(.graph-desktop-bell) .header-search{margin-left:0}.graph-bell:hover,.graph-bell[aria-expanded=true]{background:#ffffff0a;color:#f4eaee}.graph-bell:focus-visible{outline:2px solid #f590b5;outline-offset:3px}
@media(min-width:901px){body .graph-inbox{position:fixed;inset:var(--inbox-top,90px) 0 0 auto;margin:0;width:380px;max-width:calc(100vw - 24px);height:auto;max-height:none;box-sizing:border-box;border-radius:0;border-width:0 0 0 1px;z-index:55;overflow:auto;box-shadow:-16px 12px 40px #0005}body .graph-inbox[open]{animation:graph-inbox-enter 180ms ease-out}body .graph-inbox .graph-dialog-head{position:sticky;top:-22px;background:#111014;padding:14px 0;z-index:1}}
@media(max-width:1100px){body .header .graph-desktop-bell{margin-right:-10px}}
@media(max-width:900px){body .header .graph-desktop-bell{display:none}}
@keyframes graph-inbox-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){body .graph-inbox[open]{animation:none}}