body{position:relative;isolation:isolate;background:#090511;overflow:hidden}
body::before,body::after{position:fixed;z-index:0;pointer-events:none;content:""}
body::before{inset:-25%;background:radial-gradient(circle at 18% 30%,#713cff55 0,transparent 26%),radial-gradient(circle at 82% 70%,#ff3f9b44 0,transparent 24%),radial-gradient(circle at 52% 46%,#2bc9ff26 0,transparent 30%);filter:blur(32px);animation:music-aurora 18s ease-in-out infinite alternate}
body::after{inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,#b878ff13 19px 21px,transparent 22px 38px),linear-gradient(180deg,transparent 10%,#9b6bff16 48%,#ff65b318 55%,transparent 90%);mask-image:linear-gradient(to bottom,transparent 5%,#000 35%,#000 70%,transparent 98%);transform-origin:center;animation:music-spectrum 9s ease-in-out infinite}
body>main{position:relative;z-index:1}
.chat{position:relative;background:linear-gradient(180deg,#181028e8,#10091ee0);backdrop-filter:blur(15px)}
.chat::before{position:absolute;z-index:0;right:-8%;bottom:12%;left:-8%;height:32%;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 24px,#c489ff12 25px 27px,transparent 28px 47px);content:"";transform:scaleX(1.2);animation:music-wave 7s ease-in-out infinite}
.chat>*{position:relative;z-index:1}
.messages{background:linear-gradient(90deg,#08041138,transparent 24%,transparent 76%,#08041138)}
@keyframes music-aurora{0%{transform:translate3d(-3%,-2%,0) scale(.96) rotate(-2deg)}50%{transform:translate3d(3%,2%,0) scale(1.04) rotate(2deg)}100%{transform:translate3d(-1%,5%,0) scale(1.08) rotate(-1deg)}}
@keyframes music-spectrum{0%,100%{opacity:.45;transform:translateY(2%) scaleY(.82)}35%{opacity:.75;transform:translateY(-1%) scaleY(1.08)}70%{opacity:.55;transform:translateY(1%) scaleY(.92)}}
@keyframes music-wave{0%,100%{opacity:.35;transform:translateY(7%) scaleX(1.15) scaleY(.86)}50%{opacity:.7;transform:translateY(-5%) scaleX(1.28) scaleY(1.08)}}
@media(max-width:600px){body::after{background-size:auto;opacity:.55;animation-duration:14s}.chat::before{height:24%;opacity:.45}.chat{backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){body::before,body::after,.chat::before{animation:none!important}}
@media(max-width:600px){body{background-attachment:scroll!important}body::before{inset:0!important;animation:none!important;filter:none!important;opacity:.32!important}body::after,.chat::before{display:none!important}.chat{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modern-chat .compact-heading,.modern-chat .composer{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modern-chat .message{animation:none!important}.modern-chat .message .body,.modern-chat .message.is-own .body{box-shadow:inset 0 1px rgba(255,255,255,.05),0 .25rem .65rem rgba(0,0,0,.14)!important}.modern-chat dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.modern-chat .radio-drawer{box-shadow:-.7rem 0 1.8rem rgba(0,0,0,.35)!important}}