.chat-page{--chat-fz:.82rem;--chat-pad:.2rem .5rem;--chat-radius:.8rem;--chat-gap:.25rem;--chat-avatar:30px;--chat-stream-h:clamp(380px,70dvh,820px);min-height:100dvh}.x-small{font-size:.68rem;line-height:1.1}.fs-7{font-size:.82rem}.chat-badge{font-size:.58rem;padding:.15em .35em}.chat-live-badge{font-size:.55rem;padding:.15em .45em;vertical-align:middle}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--bs-secondary-bg);border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--bs-secondary)}.chat-header h1{line-height:1.1}.chat-room-select{max-width:160px}.chat-rules-btn{padding:.15rem .4rem}.chat-guest-alert{font-size:.82rem}.chat-guest-alert .alert-link{font-weight:600}.chat-side,.chat-main{height:var(--chat-stream-h)}.chat-card{height:100%;display:grid;grid-template-rows:1fr auto;overflow:hidden}.chat-stream{overflow-y:auto;padding:.65rem;display:flex;flex-direction:column;gap:var(--chat-gap);background:radial-gradient(circle at 0 0,var(--bs-tertiary-bg) 0,transparent 50%),var(--bs-body-bg);overscroll-behavior:contain;scroll-behavior:smooth}#chat-messages{display:contents}.chat-empty .display-6{color:var(--bs-secondary-color)}.chat-msg{display:flex;gap:.4rem;align-items:flex-end;max-width:100%}.chat-msg.is-mine{flex-direction:row-reverse}.chat-msg-avatar{flex:0 0 auto;line-height:0}.chat-msg-avatar img,.chat-msg-avatar>div{width:var(--chat-avatar)!important;height:var(--chat-avatar)!important;font-size:calc(var(--chat-avatar) * 0.42)!important}.chat-msg-bubble-wrap{display:flex;flex-direction:column;align-items:flex-start;max-width:min(82%,520px);min-width:0}.chat-msg.is-mine .chat-msg-bubble-wrap{align-items:flex-end}.chat-msg-meta{font-size:.65rem;margin-bottom:.1rem;padding-inline:.25rem;color:var(--bs-secondary-color);line-height:1.2}.chat-msg-name{color:var(--bs-emphasis-color);font-weight:600}.chat-msg-bubble{padding:var(--chat-pad);border-radius:var(--chat-radius);background:var(--bs-tertiary-bg);border:1px solid var(--bs-border-color-translucent);line-height:1.3;font-size:var(--chat-fz);box-shadow:0 1px 2px rgba(0,0,0,.04);max-width:100%;white-space:normal}.chat-msg-bubble .chat-msg-content{display:inline;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;hyphens:none}.chat-msg.is-other .chat-msg-bubble{border-bottom-left-radius:.25rem}.chat-msg.is-mine .chat-msg-bubble{background:var(--bs-primary);color:#fff;border-color:transparent;border-bottom-right-radius:.25rem}.chat-msg.is-mine .chat-msg-bubble a{color:#fff;text-decoration:underline}.chat-msg-bubble.is-deleted{opacity:.6;font-style:italic}.chat-msg.is-pending .chat-msg-bubble{opacity:.55}.chat-msg.is-failed .chat-msg-bubble{background:var(--bs-danger-bg-subtle);color:var(--bs-danger-text-emphasis)}.chat-msg-time{font-size:.58rem;color:var(--bs-secondary-color);margin-top:.1rem;padding-inline:.35rem;line-height:1}.chat-msg-bubble.is-spoiler{cursor:pointer;user-select:none;transition:background-color .15s}.chat-msg-bubble.is-spoiler.is-hidden .chat-msg-spoiler-mask{display:inline-flex;align-items:center}.chat-msg-bubble.is-spoiler:not(.is-hidden) .chat-msg-spoiler-mask{display:none!important}.chat-msg-bubble.is-spoiler:not(.is-hidden) .chat-msg-content{display:inline!important}.chat-msg-bubble.is-spoiler.is-hidden{background-image:linear-gradient(45deg,var(--bs-warning-bg-subtle) 25%,transparent 25%,transparent 50%,var(--bs-warning-bg-subtle) 50%,var(--bs-warning-bg-subtle) 75%,transparent 75%);background-size:14px 14px;color:var(--bs-warning-text-emphasis);font-weight:600}.chat-msg.is-mine .chat-msg-bubble.is-spoiler.is-hidden{background-image:none;background-color:rgba(255,255,255,.18);color:#fff}.chat-conn-pill{font-size:.62rem;font-weight:600;padding:.25em .5em;display:inline-flex;align-items:center}.chat-conn-pill .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:.3rem}.chat-conn-pill.is-online{background:var(--bs-success-bg-subtle);color:var(--bs-success-text-emphasis)}.chat-conn-pill.is-retrying{background:var(--bs-warning-bg-subtle);color:var(--bs-warning-text-emphasis);animation:chat-pulse 1s infinite}.chat-conn-pill.is-offline{background:var(--bs-secondary-bg);color:var(--bs-secondary-color)}@keyframes chat-pulse{50%{opacity:.55}}.chat-input-row{border-top:1px solid var(--bs-border-color);position:relative}.chat-form{display:flex;flex-direction:column;gap:.25rem}.chat-input-toolbar{display:flex;align-items:center;gap:.25rem;padding-inline:.15rem;color:var(--bs-secondary-color)}.chat-tool-btn{background:var(--bs-secondary-bg);border:1px solid var(--bs-border-color-translucent);padding:.25rem .55rem;border-radius:999px;font-size:.9rem;font-weight:600;line-height:1;cursor:pointer;color:var(--bs-emphasis-color);display:inline-flex;align-items:center;gap:.15rem;transition:background-color .15s,color .15s,transform .05s}.chat-tool-btn:hover{background:var(--bs-tertiary-bg);transform:translateY(-1px)}.chat-tool-btn:active{transform:translateY(0)}.chat-tool-btn .bi{font-size:1rem}.chat-tool-btn#chat-emoji-btn{color:var(--bs-warning-text-emphasis)}.chat-tool-btn.chat-tool-spoiler{color:var(--bs-secondary-color)}.chat-tool-btn.chat-tool-spoiler.is-active{background:var(--bs-warning);color:#000;border-color:var(--bs-warning);box-shadow:0 0 0 .15rem rgba(255,193,7,.25)}.chat-tool-lbl{font-size:.78rem}.chat-counter{font-size:.68rem;color:var(--bs-secondary-color);font-variant-numeric:tabular-nums}.chat-input-line{display:flex;align-items:flex-end;gap:.35rem}.chat-input-line .form-control{resize:none;min-height:36px;max-height:120px;padding:.4rem .65rem;line-height:1.35;border-radius:.85rem;font-size:.9rem}.chat-input-line .form-control:focus{box-shadow:none;outline:1px solid var(--bs-primary)}.chat-send-btn{width:36px;height:36px;flex:0 0 36px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center}.chat-emoji-pop{position:absolute;bottom:calc(100%+6px);left:.5rem;z-index:50;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.65rem;box-shadow:0 6px 18px rgba(0,0,0,.18);padding:.35rem;width:min(280px,calc(100vw - 1.25rem));max-height:220px;overflow-y:auto}.chat-emoji-pop button{background:transparent;border:0;padding:.15rem;border-radius:.25rem;width:30px;height:30px;font-size:1.05rem;cursor:pointer}.chat-emoji-pop button:hover{background:var(--bs-secondary-bg)}.chat-emoji-pop .emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.1rem}.chat-user .chat-user-name{font-size:.78rem}.chat-user .x-small{font-size:.58rem}@media (max-width:991.98px){.chat-page{--chat-fz:.82rem;--chat-pad:.3rem .5rem;--chat-radius:.8rem;--chat-avatar:28px;--chat-stream-h:calc(100dvh - 165px)}.chat-header h1{font-size:.98rem}.chat-live-badge{display:none}.chat-side,.chat-main{display:none}.chat-side[data-active="1"],.chat-main[data-active="1"]{display:block}.chat-msg-bubble-wrap{max-width:84%}.chat-msg-bubble{font-size:var(--chat-fz)}.chat-stream{padding:.5rem .55rem}.chat-msg{gap:.3rem}}@media (min-width:992px){.chat-side,.chat-main{display:block!important}}@media (max-width:380px){.chat-page{--chat-fz:.78rem;--chat-avatar:26px;--chat-stream-h:calc(100dvh - 155px)}.chat-page{padding-left:.35rem!important;padding-right:.35rem!important}.chat-header h1{font-size:.92rem}.chat-msg-bubble{padding:.28rem .45rem}.chat-msg-meta{font-size:.6rem}.chat-msg-time{font-size:.54rem}.chat-input-line .form-control{font-size:.82rem;min-height:32px}.chat-send-btn{width:32px;height:32px;flex:0 0 32px}.chat-tool-btn{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.chat-stream{scroll-behavior:auto}.chat-conn-pill.is-retrying{animation:none}}