.direct-message-popup{position:fixed;z-index:90;right:clamp(14px,3vw,38px);top:clamp(76px,9vh,110px);display:grid;gap:9px;width:min(390px,calc(100vw - 28px));max-height:min(55dvh,470px);overflow:auto;padding:22px;border:1px solid color-mix(in srgb,var(--lime) 55%,#fff4);border-radius:22px;background:linear-gradient(145deg,#27213b,#11111b);box-shadow:0 24px 75px #000b,0 0 28px color-mix(in srgb,var(--lime) 13%,transparent);animation:direct-message-enter .32s cubic-bezier(.2,.8,.2,1)}
.direct-message-popup>span{color:var(--lime);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.direct-message-popup>strong{font-size:1.35rem}
.direct-message-popup p{margin:2px 0 7px;line-height:1.45;overflow-wrap:anywhere}
.direct-message-popup .btn{justify-self:start;padding:11px 16px}
.direct-popup-close{position:absolute;right:10px;top:8px;border:0;background:none;color:var(--muted);font-size:1.7rem;cursor:pointer}
@keyframes direct-message-enter{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}
.modal-card:has(.direct-message-inbox){max-height:85dvh;overflow:auto}
.direct-message-inbox h2{margin:4px 0 18px}
.direct-message-list{display:grid;gap:10px;max-height:60dvh;overflow:auto}
.direct-message-list article{padding:14px;border:1px solid #ffffff1a;border-radius:14px;background:#101019}
.direct-message-list header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.direct-message-list header strong{color:var(--lime)}
.direct-message-list time{color:var(--muted);font-size:.75rem;white-space:nowrap}
.direct-message-list p{margin:10px 0;line-height:1.45;overflow-wrap:anywhere}
.direct-message-list .btn{padding:8px 12px;font-size:.79rem}
.direct-message-compose select,.direct-message-compose textarea{width:100%;border:1px solid #ffffff1f;border-radius:13px;background:#0f0f17;color:var(--text);padding:14px;font:inherit}
@media(prefers-reduced-motion:reduce){.direct-message-popup{animation:none}}