#chat-room{display:flex;flex-direction:column;height:100%;min-height:0;padding:var(--sp-4) var(--sp-5);gap:var(--sp-3)}@media(max-width:767.98px){#chat-room{padding:var(--sp-3)}}#chat-room .chat-room__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2)}#chat-room .chat-room__count{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}#chat-room .chat-room__count:focus-visible,#chat-room .chat-room__count:hover{background:var(--bg-icon);color:#fff}#chat-room .chat-room__count:focus-visible .chat-room__count-caret,#chat-room .chat-room__count:focus-visible .chat-room__count-num,#chat-room .chat-room__count:focus-visible>svg:first-child,#chat-room .chat-room__count:hover .chat-room__count-caret,#chat-room .chat-room__count:hover .chat-room__count-num,#chat-room .chat-room__count:hover>svg:first-child{color:#fff}#chat-room .chat-room__count>svg:first-child{color:var(--text-muted)}#chat-room .chat-room__count-num{font-weight:700;color:var(--text-primary)}#chat-room .chat-room__count-caret{font-size:var(--fs-2xs);color:var(--text-muted);transition:transform .15s ease}#chat-room .chat-room__count-caret.is-open{transform:rotate(180deg)}#chat-room .chat-room__meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary)}#chat-room .chat-room__state{color:var(--text-muted);white-space:nowrap}#chat-room .chat-room__state--warn{color:var(--az-accent)}#chat-room .chat-room__state--error{color:var(--color-danger)}#chat-room .chat-room__notice{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:0;font-size:var(--fs-sm);color:var(--text-secondary)}#chat-room .chat-room__notice svg{flex-shrink:0;color:var(--az-accent)}#chat-room .chat-room__body{position:relative;display:flex;flex:1;min-height:0}#chat-room .chat-room__messages{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:0}#chat-room .chat-room__empty{padding:var(--sp-6) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}#chat-room .chat-room__message{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:calc(var(--fs-base)*var(--chat-fs, 1));line-height:1.5;border-radius:0}#chat-room .chat-room__message:hover{background:var(--bg-subtle-hover)}#chat-room .chat-room__time{flex-shrink:0;font-size:var(--fs-2xs);color:var(--text-muted);font-variant-numeric:tabular-nums}#chat-room .chat-room__badge{flex-shrink:0;align-self:center;width:var(--sp-5);height:var(--sp-5);object-fit:contain}#chat-room .chat-room__name{flex-shrink:0;font-weight:600;color:var(--title-color,var(--text-secondary))}#chat-room .chat-room__content{color:var(--text-primary);word-break:break-word;overflow-wrap:anywhere}#chat-room .chat-room__system{padding:var(--sp-2) var(--sp-3);text-align:center;font-size:var(--fs-xs);font-style:italic;color:var(--text-muted)}#chat-room .chat-room__participants{position:absolute;inset:0;z-index:20;display:flex}#chat-room .chat-room__jump{position:absolute;bottom:var(--sp-4);left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--az-accent);color:var(--btn-primary-text);font-size:var(--fs-sm);font-weight:600;border:none;border-radius:0;cursor:pointer;box-shadow:0 var(--sp-1) var(--sp-3) var(--shadow-color)}#chat-room .chat-room__jump:hover{background:var(--az-accent-hover)}#chat-room .chat-room__footer{position:relative;display:flex;flex-direction:column;gap:var(--sp-2)}#chat-room .chat-room__input-row{display:flex;align-items:stretch;gap:var(--sp-2)}#chat-room .chat-room__input{flex:1;min-width:0;padding:var(--sp-3) var(--sp-4);background:var(--bg-input);color:var(--text-primary);font-size:var(--fs-base);border:1px solid var(--border-strong);border-radius:0}#chat-room .chat-room__input::placeholder{color:var(--text-muted)}#chat-room .chat-room__input:disabled{opacity:.6;cursor:not-allowed}#chat-room .chat-room__send{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:var(--sp-7);padding:0 var(--sp-4);background:var(--az-accent);color:var(--btn-primary-text);font-size:var(--fs-base);font-weight:600;border:none;border-radius:0;cursor:pointer}#chat-room .chat-room__send:hover:not(:disabled){background:var(--az-accent-hover)}#chat-room .chat-room__send:disabled{background:var(--bg-subtle);color:var(--text-muted);cursor:not-allowed}#chat-room .chat-room__cooldown{font-variant-numeric:tabular-nums}#chat-room #emojiPicker{flex-shrink:0;position:static}#chat-room #emojiPicker>button{display:inline-flex;align-items:center;justify-content:center;width:var(--sp-7);height:100%;min-height:var(--sp-7);background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer}#chat-room #emojiPicker>button:active,#chat-room #emojiPicker>button:focus,#chat-room #emojiPicker>button:hover{background:var(--bg-subtle-hover);color:var(--text-link)}#chat-room #emojiPicker>aside{position:absolute;top:auto;bottom:calc(100% + var(--sp-2));left:var(--sp-3);right:var(--sp-3);width:auto!important;height:min(340px,50vh)!important;max-width:none;border-radius:0;--epr-width:auto;--epr-height:340px;--epr-picker-border-radius:0}#chat-room .chat-room__blocked{padding:var(--sp-4);text-align:center;background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:0;font-size:var(--fs-sm);color:var(--color-danger)}#chat-room.chat-room--popup{flex:1;min-height:0}.chat-menu__trigger,.chat-modal__close,.chat-participants__close,.chat-room__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--sp-6);height:var(--sp-6);background:rgba(0,0,0,0);border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--fs-base);border-radius:0}.chat-menu__trigger:hover,.chat-modal__close:hover,.chat-participants__close:hover,.chat-room__icon-btn:hover{background:var(--bg-icon);color:#fff}.chat-participants{display:flex;flex:1;min-width:0;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-default)}.chat-participants__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3);border-bottom:1px solid var(--border-default)}.chat-participants__title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.chat-participants__body{flex:1;min-height:0;overflow-y:auto}.chat-participants__empty{padding:var(--sp-6) var(--sp-4);text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.chat-participants__list{display:flex;flex-direction:column}.chat-participants__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.chat-participants__item:hover{background:var(--bg-subtle-hover)}.chat-participants__avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--sp-6);height:var(--sp-6);background:var(--bg-subtle);color:var(--text-muted);overflow:hidden}.chat-participants__avatar img{width:100%;height:100%;object-fit:cover}.chat-participants__info{display:flex;flex-direction:column;flex:1;min-width:0}.chat-participants__name{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.chat-participants__name,.chat-participants__sid{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-participants__sid{font-size:var(--fs-2xs);color:var(--text-muted)}.chat-participants__level{flex-shrink:0;padding:0 var(--sp-2);font-size:var(--fs-2xs);font-weight:600;color:var(--az-accent);border:1px solid var(--border-default)}.chat-menu{position:relative;display:inline-flex}.chat-menu__dropdown{position:absolute;top:calc(100% + var(--sp-2));right:0;z-index:30;min-width:160px;padding:var(--sp-2) 0;background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:0 var(--sp-1) var(--sp-3) var(--shadow-color)}.chat-menu__item{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-4);background:rgba(0,0,0,0);border:none;cursor:pointer;font-size:var(--fs-sm);color:var(--text-secondary);text-align:left}.chat-menu__item svg{width:var(--sp-4);color:var(--text-muted)}.chat-menu__item:hover{background:var(--bg-subtle-hover);color:var(--text-primary)}.chat-menu__item:hover svg{color:var(--az-accent)}.chat-menu__divider{height:1px;margin:var(--sp-2) 0;background:var(--border-default)}.chat-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--overlay-color)}.chat-modal__panel{display:flex;flex-direction:column;width:min(420px,100%);max-height:min(560px,100dvh - 2rem);background:var(--bg-page);border:1px solid var(--border-default);box-shadow:0 var(--sp-2) var(--sp-5) var(--shadow-color)}.chat-modal__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--border-default)}.chat-modal__title{font-size:var(--fs-lg);font-weight:700;color:var(--text-primary)}.chat-modal__body{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);overflow-y:auto}.chat-modal__loading{padding:var(--sp-5);text-align:center;font-size:var(--fs-sm);color:var(--text-muted)}.chat-modal__error{font-size:var(--fs-sm);color:var(--color-danger)}.chat-modal__foot{display:flex;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--border-default)}.chat-modal__btn{padding:var(--sp-2) var(--sp-5);font-size:var(--fs-sm);font-weight:600;border:1px solid rgba(0,0,0,0);border-radius:0;cursor:pointer}.chat-modal__btn--ghost{background:rgba(0,0,0,0);border-color:var(--border-strong);color:var(--text-secondary)}.chat-modal__btn--ghost:hover:not(:disabled){background:var(--bg-subtle-hover);color:var(--text-primary)}.chat-modal__btn--primary{background:var(--az-accent);color:var(--btn-primary-text)}.chat-modal__btn--primary:hover:not(:disabled){background:var(--az-accent-hover)}.chat-modal__btn:disabled{opacity:.6;cursor:not-allowed}.chat-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);cursor:pointer}.chat-toggle__text{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.chat-toggle__label{font-size:var(--fs-base);font-weight:600;color:var(--text-primary)}.chat-toggle__desc{font-size:var(--fs-2xs);color:var(--text-muted)}.chat-toggle__switch{position:relative;flex-shrink:0;width:44px;height:24px}.chat-toggle__switch input{position:absolute;inset:0;z-index:1;margin:0;opacity:0;cursor:pointer}.chat-toggle__switch input:disabled{cursor:not-allowed}.chat-toggle__slider{position:absolute;inset:0;background:var(--bg-subtle);border:1px solid var(--border-strong);transition:background .15s ease,border-color .15s ease}.chat-toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);transition:transform .15s ease,background .15s ease}input:checked+.chat-toggle__slider{background:var(--az-accent);border-color:var(--az-accent)}input:checked+.chat-toggle__slider:before{transform:translateX(20px);background:var(--btn-primary-text)}input:focus-visible+.chat-toggle__slider{outline:2px solid var(--az-accent);outline-offset:2px}.chat-popup{display:flex;height:100vh;height:100dvh}
/*# sourceMappingURL=1c2f53ce91442ef8.css.map*/