.ob-chat{--violet:#5a4790;--line:rgba(100,74,155,0.16);--muted:#8a7a8a;--live:#16a34a;--rose:#d0688a;display:flex;flex-direction:column;block-size:100%;min-block-size:0;background:#fff;font-family:Poppins,system-ui,sans-serif}.ob-chat-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:9px 12px;background:#fdfcfe;border-block-end:1px solid var(--line);flex:0 0 auto}.ob-chat-room{flex:0 1 auto;inline-size:auto;min-inline-size:0;inline-size:min(150px,100%);justify-self:start;min-block-size:34px;padding:0 26px 0 9px;text-overflow:ellipsis;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:#4a3a5c;cursor:pointer}.ob-chat-online{justify-self:end;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--live);white-space:nowrap}.ob-chat-dot{position:relative;inline-size:8px;block-size:8px;animation:obChatBeat 1.8s ease-in-out infinite}.ob-chat-dot,.ob-chat-dot:after{border-radius:50%;background:var(--live)}.ob-chat-dot:after{content:"";position:absolute;inset:0;animation:obChatRing 1.8s ease-out infinite}@keyframes obChatBeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.82)}}@keyframes obChatRing{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.8);opacity:0}}@media (prefers-reduced-motion:reduce){.ob-chat-dot,.ob-chat-dot:after{animation:none}}.ob-chat-list{flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 14px 10px;scrollbar-width:thin}.ob-chat-empty{color:var(--muted);text-align:center;font-size:13px;margin-block:28px 0}.ob-chat-msg{padding:7px 10px;margin-inline:-10px;border-radius:12px;transition:background-color .18s ease}@media (hover:hover){.ob-chat-msg:hover{background:rgba(90,71,144,.035)}}.ob-chat-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}.ob-chat-who{border:none;background:none;padding:0;font:inherit;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--violet);cursor:pointer;transition:color .16s ease}@media (hover:hover){.ob-chat-who:hover{color:#6e59a8}}.ob-chat-who>span[aria-hidden]{font-size:11px;opacity:.9}.ob-chat-days,.ob-chat-time{font-size:11px;font-weight:500;color:var(--muted)}.ob-chat-lang{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:0 3px}.ob-chat-tools{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px}.ob-chat-tr{margin:2px 0 0;font-size:11.5px;line-height:1.3}.ob-chat-tr button{padding:2px 0;border:0;background:none;color:#6e5aa8;font:inherit;font-weight:600;cursor:pointer;min-block-size:24px}.ob-chat-tr button:hover{text-decoration:underline}.ob-chat-tr-busy{color:#9a8faa}.ob-chat-body{margin:3px 0 0;font-size:13.5px;line-height:1.5;color:#2a2028;overflow-wrap:anywhere}.ob-chat-at{color:var(--violet);font-weight:600}.ob-chat-at.is-real{border:none;background:none;padding:0;font:inherit;font-weight:700;color:var(--violet);cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--violet) 35%,transparent);text-underline-offset:2px}.ob-chat-mentions{justify-self:center;display:inline-flex;align-items:center;min-block-size:22px;padding:0 8px;border-radius:999px;background:color-mix(in oklab,var(--violet) 12%,transparent);color:var(--violet);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.ob-chat-like,.ob-chat-reply{display:inline-flex;align-items:center;gap:3px;border:none;background:none;padding:3px 6px;font:inherit;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:999px;transition:color .16s ease,background-color .16s ease}.ob-chat-like svg,.ob-chat-reply svg{transition:transform .16s ease}@media (hover:hover){.ob-chat-like:hover,.ob-chat-reply:hover{background:rgba(90,71,144,.08);color:var(--violet)}.ob-chat-like:hover svg{transform:scale(1.12)}}.ob-chat-like:active svg{transform:scale(.9)}.ob-chat-like.is-on{color:var(--rose)}.ob-chat-like.is-on svg{fill:currentColor;animation:obChatPop .32s ease}@keyframes obChatPop{0%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ob-chat-like svg,.ob-chat-like.is-on svg,.ob-chat-reply svg{animation:none;transition:none}}.ob-chat-profile{position:absolute;inset-block-end:60px;inset-inline:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 28px rgba(100,74,155,.18)}.ob-chat-profile-name{margin:0;font-size:15px;font-weight:700;color:#2a2028}.ob-chat-profile-sub{margin:2px 0 8px;font-size:12px;color:var(--muted)}.ob-chat-profile-act{display:flex;gap:8px}.ob-chat-profile-act button{flex:1 1 auto;min-block-size:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit;font-size:12.5px;font-weight:600;color:var(--violet);cursor:pointer}.ob-chat-composer{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fdfcfe;border-block-start:1px solid var(--line);flex:0 0 auto}.ob-chat-composer input{flex:1 1 auto;min-inline-size:0;min-block-size:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:13.5px}.ob-chat-composer input:focus-visible{outline:2px solid var(--violet);outline-offset:1px}.ob-chat-send{flex:0 0 auto;display:grid;place-items:center;inline-size:40px;block-size:40px;border:none;border-radius:50%;background:var(--violet);color:#fff;cursor:pointer;box-shadow:0 2px 10px rgba(100,74,155,.35);transition:background .16s ease,box-shadow .16s ease}.ob-chat-send:disabled{background:#eee9f0;color:#b9aec4;box-shadow:none;cursor:default}@media (hover:hover){.ob-chat-send:not(:disabled):hover{background:#4a3a7c}}.ob-chat-send:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.ob-chat-emo-btn{flex:0 0 auto;display:grid;place-items:center;inline-size:40px;block-size:40px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--muted);cursor:pointer}.ob-chat-emo-btn.is-on{border-color:var(--violet);color:var(--violet)}.ob-chat-emo-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.ob-chat-emoji{flex:0 0 auto;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px 12px;border-block-start:1px solid var(--line);background:#fdfcfe}.ob-chat-emoji button{min-block-size:34px;border:none;border-radius:8px;background:none;font-size:18px;line-height:1;cursor:pointer}@media (hover:hover){.ob-chat-emoji button:hover{background:rgba(100,74,155,.09)}}.ob-chat-notice{margin:0;padding:0 12px 8px;font-size:11.5px;color:var(--muted)}@media (max-width:460px){.ob-chat-room{inline-size:100%}.ob-chat-composer,.ob-chat-top{padding-inline:10px}.ob-chat-list{padding-inline:11px}.ob-chat-emoji{grid-template-columns:repeat(8,1fr);padding-inline:10px}}.ob-chat.is-page{position:relative;border:1px solid var(--line);border-radius:12px;overflow:hidden}@media (min-width:900px){.ob-chat.is-page .ob-chat-composer,.ob-chat.is-page .ob-chat-top{padding:12px 20px}.ob-chat.is-page .ob-chat-list{padding:10px 22px 14px}.ob-chat.is-page .ob-chat-body{font-size:14.5px;line-height:1.5}.ob-chat.is-page .ob-chat-msg{padding-block:9px}.ob-chat.is-page .ob-chat-who{font-size:13.5px;max-inline-size:24ch}.ob-chat.is-page .ob-chat-composer input{min-block-size:44px;font-size:14.5px}.ob-chat.is-page .ob-chat-emoji{grid-template-columns:repeat(16,1fr);padding-inline:20px}}.ob-chat-who{max-inline-size:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center}.ob-chat-av{position:relative;display:inline-block;vertical-align:middle;inline-size:24px;block-size:24px;margin-inline-end:7px;flex:none}.ob-chat-av-fallback,.ob-chat-av-img{display:block;inline-size:24px;block-size:24px;border-radius:50%;object-fit:cover;background:rgba(90,71,144,.09);box-shadow:0 0 0 1px var(--line),0 1px 3px rgba(90,71,144,.12);transition:transform .18s ease,box-shadow .18s ease}.ob-chat-av-fallback{display:grid;place-items:center;font-size:13px;line-height:1;color:#8f83a8;background:linear-gradient(150deg,rgba(90,71,144,.13),rgba(208,104,138,.08))}@media (hover:hover){.ob-chat-msg:hover .ob-chat-av-fallback,.ob-chat-msg:hover .ob-chat-av-img{transform:scale(1.06);box-shadow:0 0 0 1px rgba(90,71,144,.24),0 2px 6px rgba(90,71,144,.16)}}@media (prefers-reduced-motion:reduce){.ob-chat-av-fallback,.ob-chat-av-img{transition:none}}.ob-chat-av-dot{position:absolute;inset-block-end:-1px;inset-inline-end:-1px;inline-size:8px;block-size:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #fff}.ob-chat-profile-top{display:flex;gap:12px;align-items:flex-start;margin-block-end:10px}.ob-chat-profile-av{position:relative;flex:none;inline-size:52px;block-size:52px}.ob-chat-profile-av .ob-chat-av-fallback,.ob-chat-profile-av .ob-chat-av-img{inline-size:52px;block-size:52px;font-size:26px}.ob-chat-av-edit,.ob-chat-profile-av .ob-chat-av-dot{inline-size:12px;block-size:12px}.ob-chat-av-edit{position:absolute;inset-block-start:-2px;inset-inline-end:-2px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--violet);cursor:pointer;box-shadow:0 0 0 1.5px #fff,0 1px 3px rgba(90,71,144,.22);transition:transform .16s ease,box-shadow .16s ease}@media (hover:hover){.ob-chat-av-edit:hover{transform:scale(1.1);box-shadow:0 0 0 1.5px #fff,0 2px 8px rgba(90,71,144,.28)}}.ob-chat-av-edit:disabled{opacity:.5;cursor:default}.ob-chat-profile-av .ob-chat-av-edit{inset-block-start:-3px;inset-inline-end:-3px;inline-size:20px;block-size:20px}.ob-chat-profile-id{min-inline-size:0}.ob-chat-profile-stats{display:flex;align-items:center;gap:4px;margin-block-start:5px;font-size:11.5px;font-weight:600;color:var(--muted)}.ob-chat-profile-stats svg{color:var(--rose);fill:currentColor;opacity:.9}.ob-chat-av-fallback{color:#9b8f9d}.ob-chat-av-edit{text-decoration:none}.ob-chat-older{align-self:center;display:block;margin:6px auto 12px;padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--violet);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.ob-chat-older:disabled{opacity:.6;cursor:default}.ob-chat-profile-link{flex:1 1 auto;justify-content:center;min-block-size:34px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12.5px;font-weight:600;color:var(--violet);text-decoration:none;cursor:pointer}.ob-chat-profile-link,.ob-chat-stat{display:inline-flex;align-items:center}.ob-chat-stat{gap:3px;font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap}.ob-chat-stat svg{color:var(--muted);opacity:.85}@keyframes obChatArrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes obChatArriveWash{0%{opacity:1}to{opacity:0}}.ob-chat-msg{position:relative;animation:obChatArrive .32s cubic-bezier(.22,.61,.36,1) both}.ob-chat-msg:before{content:"";position:absolute;inset:-1px -6px;z-index:0;border-radius:12px;background:rgba(90,71,144,.07);animation:obChatArriveWash .9s ease-out both;pointer-events:none}.ob-chat-msg>*{position:relative;z-index:1}.ob-chat-list.is-cold .ob-chat-msg{animation-delay:calc(var(--i, 0) * 40ms)}@keyframes obChatDrift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.06)}}.ob-chat.is-page:before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 35% at 25% 20%,rgba(90,71,144,.05),transparent 70%),radial-gradient(35% 30% at 80% 85%,rgba(208,104,138,.04),transparent 70%);animation:obChatDrift 34s ease-in-out infinite alternate}.ob-chat.is-page>*{position:relative;z-index:1}.ob-chat.is-page>.ob-chat-top{z-index:4}@keyframes obChatCount{0%{transform:scale(1)}30%{transform:scale(1.16);color:#16a34a}to{transform:scale(1)}}.ob-chat-onnum{display:inline-block;animation:obChatCount .4s ease}@keyframes obChatShimmer{0%{background-position:-160px 0}to{background-position:220px 0}}.ob-chat-skel{height:44px;margin:8px 0;border-radius:12px;background:linear-gradient(90deg,rgba(90,71,144,.05) 25%,rgba(90,71,144,.1) 37%,rgba(90,71,144,.05) 63%);background-size:400px 100%;animation:obChatShimmer 1.4s linear infinite}@media (prefers-reduced-motion:reduce){.ob-chat-list.is-cold .ob-chat-msg,.ob-chat-msg,.ob-chat-msg:before,.ob-chat-onnum,.ob-chat-skel,.ob-chat.is-page:before{animation:none}}.ob-chat-composer{position:relative}.ob-chat-tagpop{position:absolute;inset-inline:8px;inset-block-end:calc(100% + 6px);z-index:6;max-block-size:232px;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 -8px 34px rgba(90,71,144,.16)}.ob-chat-tagopt{display:flex;align-items:center;gap:9px;inline-size:100%;padding:7px 9px;border:none;border-radius:10px;background:none;font:inherit;color:#2a2330;text-align:start;cursor:pointer;transition:background .12s ease}.ob-chat-tagopt.is-active,.ob-chat-tagopt:hover{background:rgba(90,71,144,.09)}.ob-chat-tagname{font-size:13.5px;font-weight:600;color:var(--violet)}@media (prefers-reduced-motion:reduce){.ob-chat-tagopt{transition:none}}.ob-chat-gold{--gold:#a07615;--gold-line:rgba(176,132,36,0.34);position:relative;display:inline-flex;align-items:center;gap:3px;padding:0 6px;border:1px solid var(--gold-line);border-radius:999px;background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(212,175,55,.05));font-size:10px;font-weight:650;line-height:16px;letter-spacing:.005em;color:var(--gold);white-space:nowrap;overflow:hidden;max-inline-size:18ch;text-overflow:ellipsis}.ob-chat-gold svg{flex:none;color:var(--gold);opacity:.95}.ob-chat-gold:after{content:"";position:absolute;inset-block:0;inset-inline-start:-60%;inline-size:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(0);animation:obChatGoldSheen 8s ease-in-out infinite;pointer-events:none}@keyframes obChatGoldSheen{0%,72%{transform:translateX(0)}88%,to{transform:translateX(420%)}}.ob-chat-profile-stats .ob-chat-gold{margin-inline-start:2px;font-size:10.5px;line-height:17px}@media (prefers-reduced-motion:reduce){.ob-chat-gold:after{animation:none;opacity:0}}.ob-chat-count{padding:2px 16px 6px;font-size:11px;font-weight:500;color:var(--muted);text-align:end}.ob-chat-count.is-over{color:#b26a00;font-weight:600}