@layer components{.piC4uW_chatroom-list-container{flex-direction:column;gap:24px;width:100%;display:flex}.piC4uW_search-bar{background-color:var(--gray-3);border:1px solid var(--gray-6);border-radius:12px;align-items:center;gap:12px;width:100%;height:52px;padding:0 16px;transition:all .2s;display:flex;position:relative}.piC4uW_search-bar:focus-within{background-color:var(--gray-1);border-color:var(--lime-9-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--lime-9-primary) 15%, transparent)}.piC4uW_search-icon{color:var(--gray-9);font-size:20px}.piC4uW_search-input{flex:1;min-width:0}.piC4uW_search-input>label,.piC4uW_search-input>label:focus-within{box-shadow:none;background:0 0}.piC4uW_search-input input{padding:0;font-size:15px}.piC4uW_room-list{flex-direction:column;display:flex}.piC4uW_room-item{isolation:isolate;justify-content:space-between;align-items:center;gap:16px;transition:all .2s;display:flex;position:relative}.piC4uW_room-item:before{content:"";opacity:0;background-color:var(--gray-3);z-index:-1;border-radius:12px;width:calc(100% + 32px);height:100%;transition:opacity .2s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.piC4uW_room-item:hover:before{opacity:1}.piC4uW_room-link{width:0;color:inherit;flex-grow:1;align-items:center;gap:16px;padding:16px 0;text-decoration:none;display:flex}.piC4uW_avatar-area{flex-shrink:0;width:56px;height:56px}.piC4uW_avatar-image,.piC4uW_avatar-fallback{border:1px solid var(--gray-5);border-radius:20px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.piC4uW_avatar-image img{object-fit:cover}.piC4uW_avatar-fallback{background-color:var(--gray-4);font-size:22px;font-weight:var(--font-weight-semi-bold);color:var(--gray-11);line-height:1}.piC4uW_info-area{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.piC4uW_room-name{font-size:16px;font-weight:var(--font-weight-semi-bold);color:var(--gray-12);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.piC4uW_char-name{color:var(--gray-9);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.piC4uW_last-message{color:var(--gray-11);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.piC4uW_action-area{z-index:2;position:relative}.piC4uW_more-btn{color:var(--gray-11);background-color:#0000;border:none;border-radius:8px;width:32px;height:32px}.piC4uW_more-btn:hover{background-color:var(--gray-4);color:var(--gray-12)}.piC4uW_empty{text-align:center;color:var(--gray-9);padding:60px;font-size:18px}@media (max-width:767px){.piC4uW_room-item:before{border-radius:0}}}
@layer pages{.SmIVlG_chat-page-container{padding-top:20px;padding-bottom:40px}.SmIVlG_grid-inner{flex-direction:column;gap:24px;display:flex}@media (max-width:767px){.SmIVlG_chat-page-container{padding-top:16px}.SmIVlG_page-title{font-size:20px}}}