.notices{--notice-bg:#181a20f2;--notice-text:#e9ecf1;--notice-muted:#8b93a1;--notice-room:#3ccf8e;--notice-dm:#5b9cf5;--notice-danger:#f06a6a;--notice-voice-fill:#167f50;--notice-danger-fill:#d23c3c;flex-direction:column;gap:6px;width:320px;max-width:calc(100vw - 24px);font-family:inherit;display:flex}.notice{background:var(--notice-bg);color:var(--notice-text);border-radius:12px;transition:opacity .3s;animation:.2s cubic-bezier(.2,.8,.2,1) notice-in;display:flex}.notice.is-leaving{opacity:0;pointer-events:none}.notice__main{min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;gap:10px;padding:10px 4px 10px 12px;display:flex}.notice__avatar{color:#0b0c0f;width:30px;height:30px;font-size:13px;font-weight:var(--weight-strong);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.notice__avatar img{object-fit:cover;width:100%;height:100%}.notice__body{flex-direction:column;gap:2px;min-width:0;display:flex}.notice__head{align-items:baseline;gap:6px;min-width:0;margin-bottom:1px;display:flex}.notice__head strong{font-size:13px;font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.notice__head em{max-width:55%;color:var(--notice-muted);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:11px;font-style:normal;overflow:hidden}.notice--dm .notice__head em{color:var(--notice-dm)}.notice__text{color:#cfd5de;white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.notice__more{color:var(--notice-muted);font-size:11.5px;font-weight:var(--weight-medium)}.notice__close{width:26px;height:26px;color:var(--notice-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;margin:6px 6px 0 0;padding:0;transition:opacity .12s;display:grid}.notice:hover .notice__close,.notice__close:focus-visible{opacity:1}.notice__close:hover{color:var(--notice-text);background:#ffffff14}.notice__main:hover .notice__more{color:var(--notice-text)}@media (hover:none){.notice__close{opacity:1}}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.notice{animation:none}}.notice--call .notice__head em{color:var(--notice-room)}.notice__call{align-items:center;gap:8px;padding:0 12px 0 4px;display:flex}.notice__accept,.notice__decline{color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:transform .12s;display:grid}.notice__accept{background:var(--notice-voice-fill)}.notice__decline{background:var(--notice-danger-fill)}.notice__accept:hover,.notice__decline:hover{transform:scale(1.08)}.notice--missed .notice__head em{color:var(--notice-danger)}.notice__callback{background:var(--notice-voice-fill);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;transition:transform .12s;display:grid}.notice__callback:hover{transform:scale(1.08)}.notice__close--inline{margin:0}.presence-lines{--presence-text:#e9ecf1;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;margin:0;padding:0;list-style:none;display:flex}.presence-line{--presence-tone:#3ccf8e;max-width:320px;color:var(--presence-text);align-items:center;gap:6px;padding:2px 4px;font-size:13px;animation:.2s ease-out presence-in,.6s ease-in 3s forwards presence-out;display:flex}.presence-line--leave{--presence-tone:#f06a6a}.presence-line__icon{color:var(--presence-tone);flex:none;place-items:center;display:inline-grid}.presence-line__text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.presence-line strong{color:var(--presence-tone);font-weight:var(--weight-strong)}@keyframes presence-in{0%{opacity:0;transform:translateY(8px)}}@keyframes presence-out{to{opacity:0;transform:translateY(-18px)}}@media (prefers-reduced-motion:reduce){.presence-line{animation:1ms linear 3s forwards presence-out}}
