.header-tools{position:fixed;right:2.7%;top:76px;z-index:65;display:flex;align-items:center;gap:14px}
.sound-control{display:flex;align-items:center;gap:6px;height:28px;background:#0b080bf0;border:1px solid #3a2730;padding:0 6px}
.sound-control .icon-button{padding:2px;border:0;color:#d8bbc6}
.sound-control .ui-icon{height:16px;width:16px}
.sound-control input{width:78px;min-height:22px;accent-color:#d94869;cursor:pointer;margin:0;padding:0}
.sound-control output{font:8px var(--font-mono);color:#b7a0a9;min-width:25px;text-align:right}
.sound-muted-mark{display:none}#toggle-sound[aria-pressed=false] .sound-waves{display:none}#toggle-sound[aria-pressed=false] .sound-muted-mark{display:block}#toggle-sound[aria-pressed=false]{color:#84616f}
.notifications-panel{position:relative}.notifications-panel>summary{position:relative;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#120b10;border:1px solid #56303e;color:#d5afbd}.notifications-panel>summary::-webkit-details-marker{display:none}
.notifications-panel summary .ui-icon{width:17px;height:17px}.notifications-panel summary>b{position:absolute;top:-7px;right:-7px;min-width:15px;height:15px;box-sizing:border-box;padding:2px;background:#cb254c;color:white;font:8px var(--font-mono);text-align:center}.notifications-panel summary>b[hidden]{display:none}
.notifications-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:min(330px,90vw);max-height:65dvh;overflow:auto;padding:13px;background:#130b11fa;border:1px solid #78364c;box-shadow:0 12px 40px #000c;box-sizing:border-box}
.notifications-dropdown header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.notifications-dropdown header strong{font:13px var(--font-ui);color:#e4cdd6}.notifications-dropdown header button{font-size:8px}.notifications-dropdown header button:disabled{opacity:.4}
.profile-notification{display:grid;grid-template-columns:27px minmax(0,1fr);gap:3px 8px;padding:10px 0;width:100%;border:0;border-top:1px solid #38232d;background:none;text-align:left;color:#d9c5ce;cursor:pointer}
.profile-notification img{grid-row:1/4;width:27px;height:27px;object-fit:cover;border:1px solid #68404d;border-radius:0}.profile-notification strong{font:600 11px var(--font-ui)}.profile-notification span{font:11px/1.5 var(--font-ui);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-notification time{font:8px var(--font-mono);color:#8c707d}.profile-notification:hover{color:#fff;background:#39102166}
#notifications-status{font:10px/1.5 var(--font-ui);color:#b892a1;margin:8px 0 0}
.profile-notification-toast{position:fixed;inset:auto 3% 22px auto;margin:0;z-index:23000;max-width:min(360px,90vw);padding:14px 18px;background:#2c1020;border:1px solid #c84068;color:#ffe1ec;box-shadow:0 0 30px #000a;font:12px/1.5 var(--font-ui);text-align:left;cursor:pointer}
#unread-count:not(:empty){color:#ffbacd;font-weight:700}
@media(max-width:600px){.header-tools{top:52px;right:3%;gap:7px}.sound-control{gap:3px;padding:0 4px}.sound-control input{width:48px}.sound-control output{font-size:7px;min-width:22px}.notifications-dropdown{right:-115px}.profile-notification-toast{bottom:12px}}