:root{--chat-surface:#211731;--chat-surface-soft:#291d3b;--chat-line:rgba(255,255,255,.105)}body.modern-chat{background:radial-gradient(circle at 12% 5%,rgba(145,87,222,.2),transparent 34rem),radial-gradient(circle at 88% 88%,rgba(42,142,188,.13),transparent 32rem),#171020}.modern-chat .chat{background:linear-gradient(155deg,rgba(37,25,53,.97),rgba(25,18,38,.98));border-color:rgba(255,255,255,.11)}.modern-chat .compact-heading{background:rgba(42,29,60,.94)}.modern-chat .messages{background:linear-gradient(180deg,rgba(50,35,69,.38),rgba(31,22,45,.28))}.modern-chat .message .body,.modern-chat .message.is-own .body,.modern-chat .message--admin .body,.modern-chat .message--presenter:not(.is-own) .body,.message:not(.is-own)>.body,.message.is-own>.body,.message--admin:not(.is-own)>.body{border:0!important;background:transparent!important;box-shadow:0 .9rem 1rem -.95rem rgba(0,0,0,.75)!important}.modern-chat .message .body{padding:.48rem .55rem .65rem}.modern-chat .message.is-own .body{box-shadow:0 .9rem 1rem -.95rem rgba(137,78,220,.7)!important}.modern-chat .message--admin .body{box-shadow:0 .9rem 1rem -.95rem rgba(255,69,132,.55)!important}.modern-chat .message{animation:light-message-in .18s cubic-bezier(.2,.75,.25,1) both}.modern-chat .message.is-own{animation-name:light-message-own-in}.online-person .online-settings-button{width:2rem;height:2rem;display:grid!important;place-items:center;padding:0!important;margin-left:.15rem;border:1px solid rgba(155,107,255,.35)!important;border-radius:.65rem!important;background:rgba(155,107,255,.13)!important;color:#d8c8ff!important;font-size:0!important}.online-person .online-settings-button:after{content:'⚙';font-size:.9rem}.online-person .online-settings-button:hover{background:rgba(155,107,255,.25)!important}.chat-heading-actions>#openChatSettings{display:none!important}@keyframes light-message-in{from{opacity:0;transform:translate3d(-10px,5px,0)}to{opacity:1;transform:none}}@keyframes light-message-own-in{from{opacity:0;transform:translate3d(10px,5px,0)}to{opacity:1;transform:none}}@media(max-width:600px){body.modern-chat{background:#171020}.modern-chat .messages{background:linear-gradient(180deg,rgba(48,33,67,.42),rgba(28,20,41,.3))}.modern-chat .message .body{padding:.42rem .45rem .58rem}}@media(prefers-reduced-motion:reduce){.modern-chat .message{animation:none}}
.modern-chat .message,.modern-chat .message.is-own{display:grid!important;grid-template-columns:2rem minmax(0,1fr)!important;justify-content:start!important;align-items:start!important;gap:.55rem!important;margin:0!important;padding:.42rem .15rem!important;border-bottom:1px solid rgba(255,255,255,.055)}.modern-chat .message:last-child{border-bottom:0}.modern-chat .message.is-own>.avatar,.modern-chat .message>.avatar{grid-column:1!important;grid-row:1!important;width:1.9rem!important;height:1.9rem!important;margin:0!important}.modern-chat .message.is-own>.body,.modern-chat .message>.body{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-self:stretch!important;flex-wrap:wrap!important;gap:.18rem .45rem!important;width:100%!important;max-width:none!important;min-height:1.9rem!important;padding:.12rem 0 .22rem!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.modern-chat .message.is-own .meta,.modern-chat .message .meta{justify-content:flex-start!important;flex:0 0 auto;gap:.3rem!important}.modern-chat .message .body>p,.modern-chat .message.is-own .body>p{display:inline!important;flex:0 1 auto;margin:0!important;text-align:left!important}.modern-chat .message .body>.message-gifs{display:inline-flex!important;flex:0 1 auto;margin:0!important}.modern-chat .message .message-gif{width:62px;height:62px}.modern-chat .message .reply-preview,.modern-chat .message .message-reply,.modern-chat .message .message-reactions{flex:0 0 100%}.modern-chat .message:hover{background:rgba(255,255,255,.018)}.modern-chat .message,.modern-chat .message.is-own{animation-name:compact-message-in!important}@keyframes compact-message-in{from{opacity:0;transform:translate3d(-7px,3px,0)}to{opacity:1;transform:none}}@media(max-width:600px){.modern-chat .message,.modern-chat .message.is-own{grid-template-columns:1.75rem minmax(0,1fr)!important;gap:.45rem!important;padding:.34rem 0!important}.modern-chat .message.is-own>.avatar,.modern-chat .message>.avatar{width:1.7rem!important;height:1.7rem!important}.modern-chat .message.is-own>.body,.modern-chat .message>.body{min-height:1.7rem!important;gap:.12rem .35rem!important}.modern-chat .message .message-gif{width:56px;height:56px}.modern-chat .message .meta time{font-size:.57rem}.modern-chat .message .badge{padding:.1rem .28rem;font-size:.5rem}}
.modern-chat .message>.message-reactions{grid-column:2!important;grid-row:auto!important;justify-self:start!important;margin:.1rem 0 .2rem!important;box-shadow:none!important}
.modern-chat .message,.modern-chat .message.is-own{align-items:center!important}
.modern-chat .message>.avatar,.modern-chat .message.is-own>.avatar{align-self:center!important}
.modern-chat .message.is-own{grid-template-columns:minmax(0,1fr) 2rem!important}
.modern-chat .message.is-own>.avatar{grid-column:2!important;grid-row:1!important}
.modern-chat .message.is-own>.body{grid-column:1!important;grid-row:1!important;justify-self:end!important;width:auto!important;max-width:min(92%,58rem)!important;justify-content:flex-end!important}
.modern-chat .message.is-own .meta{justify-content:flex-end!important}
.modern-chat .message.is-own>.message-reactions{grid-column:1!important;justify-self:end!important}
@media(max-width:600px){.modern-chat .message.is-own{grid-template-columns:minmax(0,1fr) 1.75rem!important}.modern-chat .message.is-own>.body{max-width:94%!important}}
.modern-chat .message .badge{display:none!important}
.modern-chat .message.is-on-air{position:relative;border-bottom-color:#ffd36d30;background:linear-gradient(90deg,#ffc85c0b,transparent 48%)!important}
.modern-chat .message.is-on-air.is-own{background:linear-gradient(270deg,#ffc85c0b,transparent 48%)!important}
.modern-chat .message.is-on-air>.avatar{border-color:#ffd36d!important;box-shadow:0 0 0 3px #ffc85c16,0 0 1.15rem #ffc85c55!important;animation:dj-avatar-pulse 1.8s ease-in-out infinite}
.modern-chat .message.is-on-air .nick{color:#ffd877!important;text-shadow:0 0 .9rem #ffbd4f80!important}
.modern-chat .on-air-label{display:inline-flex!important;align-items:center;gap:.25rem;padding:.18rem .42rem!important;border:1px solid #ffc85c42;border-radius:999px;background:#ffc85c18!important;color:#ffe096!important;font-size:.52rem!important;font-weight:950;letter-spacing:.08em}.modern-chat .on-air-label:before{content:'●';color:#ffcf5b;font-size:.55rem;animation:dj-live-dot 1.15s ease-in-out infinite}
@keyframes dj-avatar-pulse{50%{box-shadow:0 0 0 5px #ffc85c0c,0 0 1.5rem #ffc85c70}}@keyframes dj-live-dot{50%{opacity:.35}}
.modern-chat .message .message-reply-quote{flex:0 0 100%!important;max-width:100%!important;box-shadow:none!important}
.modern-chat .message .reaction-picker{flex:0 0 100%!important;box-shadow:none!important}