.msg-cosmic{position:relative;isolation:isolate;--msg-a:#8b5cf6;--msg-b:#3b82f6;--msg-c:#ec4899;--msg-glow:0 10px 34px color-mix(in srgb,var(--msg-a) 35%,transparent);--msg-glass:rgba(255,255,255,0.06);--msg-glass-2:rgba(255,255,255,0.1);--msg-line:rgba(255,255,255,0.14);--msg-spring:cubic-bezier(.34,1.56,.64,1);--msg-ease:cubic-bezier(.22,1,.36,1)}.msg-cosmic[data-theme=light]{--msg-glass:rgba(17,17,40,0.045);--msg-glass-2:rgba(17,17,40,0.08);--msg-line:rgba(17,17,40,0.12);--msg-glow:0 10px 28px color-mix(in srgb,var(--msg-a) 22%,transparent)}.msg-cosmic:after,.msg-cosmic:before{content:"";position:fixed;z-index:0;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.35;animation:msg-float 14s ease-in-out infinite}.msg-cosmic:before{width:380px;height:380px;top:-120px;right:-100px;background:radial-gradient(circle,var(--msg-a),transparent 70%)}.msg-cosmic:after{width:320px;height:320px;bottom:-100px;left:-80px;background:radial-gradient(circle,var(--msg-b),transparent 70%);animation-delay:-7s}.msg-cosmic[data-theme=light]:after,.msg-cosmic[data-theme=light]:before{opacity:.18}@keyframes msg-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-16px,22px) scale(1.08)}}.msg-glass-panel{position:relative;z-index:1;background:var(--msg-glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--msg-line);box-shadow:0 18px 40px -18px rgba(0,0,0,.45)}.msg-header{background:var(--msg-glass)!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 24px -12px rgba(0,0,0,.4);animation:msg-drop .5s var(--msg-ease) backwards}@keyframes msg-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}.msg-theme-toggle{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:var(--msg-glow),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .3s var(--msg-spring),box-shadow .3s}.msg-theme-toggle:hover{transform:scale(1.12) rotate(14deg)}.msg-theme-toggle:active{transform:scale(.9) rotate(-6deg)}.msg-tabs{position:relative;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:var(--msg-glass);border:1px solid var(--msg-line);backdrop-filter:blur(10px)}.msg-tab{position:relative;z-index:1;border-radius:999px!important;transition:color .25s,transform .15s}.msg-tab:active{transform:scale(.94)}.msg-tab--active{background:linear-gradient(135deg,var(--msg-a),var(--msg-b))!important;color:#fff!important;box-shadow:0 6px 18px color-mix(in srgb,var(--msg-a) 55%,transparent)}.msg-row{position:relative;transition:transform .28s var(--msg-spring),box-shadow .28s;animation:msg-rise .45s var(--msg-ease) backwards}.msg-row:hover{transform:translateY(-3px) scale(1.012);box-shadow:var(--msg-glow),0 4px 14px rgba(0,0,0,.25)}.msg-row:active{transform:scale(.985)}@keyframes msg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.msg-avatar-ring{position:relative;isolation:isolate;border-radius:50%}.msg-avatar-ring:before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:50%;background:conic-gradient(from 0deg,var(--msg-a),var(--msg-b),var(--msg-c),var(--msg-a));animation:msg-spin 6s linear infinite;opacity:0;transition:opacity .3s}.msg-avatar-ring--active:before,.msg-row:hover .msg-avatar-ring:before{opacity:1}@keyframes msg-spin{to{transform:rotate(1turn)}}.msg-online-dot{position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid #0b0620;animation:msg-pulse 2s ease-out infinite}.msg-cosmic[data-theme=light] .msg-online-dot{border-color:#f5f5fa}@keyframes msg-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.msg-cta{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--msg-spring),box-shadow .3s,filter .2s;box-shadow:var(--msg-glow)}.msg-cta:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s var(--msg-ease)}.msg-cta:hover:after{transform:translateX(130%)}.msg-cta:hover{transform:translateY(-3px);filter:brightness(1.08)}.msg-cta:active{transform:translateY(0) scale(.96)}.msg-bubble{position:relative;animation:msg-bubble-in .4s var(--msg-spring) backwards;transition:transform .2s var(--msg-spring),box-shadow .25s;box-shadow:0 6px 18px -10px rgba(0,0,0,.5)}.msg-bubble:hover{transform:translateY(-2px) scale(1.012);box-shadow:0 12px 26px -12px rgba(0,0,0,.55),var(--msg-glow)}@keyframes msg-bubble-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.msg-bubble--mine{box-shadow:0 8px 20px -10px color-mix(in srgb,var(--msg-a) 55%,transparent)}.msg-input-bar{position:relative;background:var(--msg-glass)!important;backdrop-filter:blur(20px) saturate(170%);-webkit-backdrop-filter:blur(20px) saturate(170%);transition:box-shadow .3s}.msg-input-bar:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 -8px 26px -10px color-mix(in srgb,var(--msg-a) 40%,transparent)}.msg-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%!important;width:42px;height:42px;background:var(--msg-glass-2)!important;border:1px solid var(--msg-line)!important;box-shadow:0 4px 10px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .2s var(--msg-spring),box-shadow .2s,color .2s}.msg-icon-btn:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 10px 22px -6px color-mix(in srgb,var(--msg-a) 55%,transparent);color:var(--msg-a)!important}.msg-icon-btn:active{transform:translateY(0) scale(.92);box-shadow:inset 0 3px 8px rgba(0,0,0,.35)}.msg-send-btn{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--msg-a),var(--msg-b))!important;background-size:200% 200%;animation:msg-gradient 6s ease infinite;box-shadow:0 8px 22px -6px color-mix(in srgb,var(--msg-a) 60%,transparent);transition:transform .2s var(--msg-spring),box-shadow .25s}.msg-send-btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-130%);transition:transform .6s var(--msg-ease)}.msg-send-btn:hover:after{transform:translateX(130%)}.msg-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px -8px color-mix(in srgb,var(--msg-a) 70%,transparent)}.msg-send-btn:active:not(:disabled){transform:scale(.94)}.msg-send-btn:disabled{opacity:.55;cursor:progress}@keyframes msg-gradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.msg-fab{position:relative;isolation:isolate;box-shadow:0 10px 28px -6px color-mix(in srgb,var(--msg-a) 60%,transparent),0 2px 10px rgba(0,0,0,.35);transition:transform .3s var(--msg-spring),box-shadow .3s}.msg-fab:before{content:"";position:absolute;inset:-10px;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--msg-a) 45%,transparent),transparent 70%);animation:msg-breathe 3.2s ease-in-out infinite}@keyframes msg-breathe{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.16)}}.msg-fab:hover{transform:scale(1.08) rotate(-6deg)}.msg-fab:active{transform:scale(.92)}.msg-fab-badge{animation:msg-badge-pop .35s var(--msg-spring);box-shadow:0 0 0 3px rgba(11,6,32,.8),0 0 14px rgba(239,68,68,.8)}@keyframes msg-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.msg-modal-backdrop{animation:msg-fade .25s ease}@keyframes msg-fade{0%{opacity:0}to{opacity:1}}.msg-modal{animation:msg-modal-in .35s var(--msg-spring) backwards;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 1px var(--msg-line)}@keyframes msg-modal-in{0%{opacity:0;transform:perspective(800px) rotateX(8deg) translateY(24px) scale(.94)}to{opacity:1;transform:none}}.msg-emoji-pop{animation:msg-emoji-in .22s var(--msg-spring) backwards;box-shadow:0 16px 34px -10px rgba(0,0,0,.55),var(--msg-glow)}@keyframes msg-emoji-in{0%{opacity:0;transform:translateY(8px) scale(.8)}to{opacity:1;transform:none}}.msg-scroll{scrollbar-width:thin;scrollbar-color:var(--msg-a) transparent}.msg-scroll::-webkit-scrollbar{width:6px}.msg-scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--msg-a),var(--msg-b));border-radius:999px}.msg-scroll::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion:reduce){.msg-avatar-ring:before,.msg-bubble,.msg-cosmic:after,.msg-cosmic:before,.msg-fab,.msg-fab:before,.msg-online-dot,.msg-row,.msg-send-btn{animation:none!important;transition:none!important}}.msg-icon-btn-sm{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 8px rgba(0,0,0,.3);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background-color .2s;cursor:pointer}.msg-icon-btn-sm:hover{transform:translateY(-2px) scale(1.08);background:rgba(124,58,237,.35)}.msg-icon-btn-sm:active{transform:scale(.9)}.icon-live{display:inline-flex;transition:transform .18s cubic-bezier(.34,1.56,.64,1),filter .2s,color .2s}.icon-live:hover{transform:translateY(-2px) scale(1.12)}.icon-live:active{transform:scale(.82) rotate(-6deg)}.icon-live.is-on{color:#22c55e!important;filter:drop-shadow(0 0 6px rgba(34,197,94,.6))}.msg-page-fill{height:100vh;height:100svh;height:100dvh;overscroll-behavior-y:none}.msg-scroll{overscroll-behavior:contain}.msg-composer{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom, 0px))}.msg-composer>:has(input:not([type=file]),textarea),.msg-composer>input:not([type=file]){flex:1 1 0;min-width:0}.msg-composer input:not([type=file]){width:100%;min-width:0;box-sizing:border-box;font-size:16px!important}.msg-composer .msg-icon-btn{flex-shrink:0}.msg-composer .msg-send-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0!important;border-radius:50%!important}[dir=rtl] .msg-composer .msg-send-btn svg{transform:scaleX(-1)}.msg-conv-header{gap:8px!important}.msg-page-fill>.msg-conv-header{padding-left:56px!important}.msg-conv-header>span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-header>button{flex-shrink:0;white-space:nowrap}.msg-conv-scroll .msg-bubble img,.msg-conv-scroll .msg-bubble video{max-height:320px;object-fit:contain}@media (max-width:767px){.msg-conv-header{padding-block:10px!important}.msg-conv-header>button{padding:6px 10px!important;min-height:36px;font-size:11px!important}.msg-conv-scroll .msg-bubble{max-width:88%!important}.msg-cosmic:after,.msg-cosmic:before{animation:none;filter:blur(48px)}}@media (min-width:900px){.msg-page-fill{align-items:center}.msg-page-fill>:not(.msg-theme-toggle){width:100%;max-width:880px}.msg-page-fill>.msg-conv-scroll{border-inline:1px solid var(--msg-line)}}@media (hover:none){.msg-bubble:hover,.msg-icon-btn:hover,.msg-row:hover,.msg-send-btn:hover:not(:disabled){transform:none}}