.friend-chat-dock{z-index:95;color:#173e32;background:#f7f7f2;border:1px solid #bfcfc4;border-radius:20px;flex-direction:column;width:min(370px,100vw - 28px);height:min(570px,100dvh - 110px);display:flex;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 18px 54px #173e3240}.friend-chat-dock>header{color:#fff;background:#173e32;justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;display:flex}.friend-chat-peer{min-width:0;color:inherit;text-align:left;align-items:center;gap:9px;display:flex}.friend-chat-peer i{color:#173e32;background:#eaf1eb;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-style:normal;font-weight:800;display:grid}.friend-chat-peer span{min-width:0;display:grid}.friend-chat-peer b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-chat-peer small{opacity:.74;font-size:10px}.friend-chat-dock>header>div{gap:3px;display:flex}.friend-chat-dock>header>div button{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.friend-chat-dock>header>div button:hover{background:#ffffff1b}.friend-chat-stream{overscroll-behavior:contain;flex:1;min-height:0;padding:14px 13px;overflow:auto}.friend-chat-stream article{flex-direction:column;align-items:flex-start;margin-bottom:11px;display:flex}.friend-chat-stream article.mine{align-items:flex-end}.friend-chat-stream article p{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:15px 15px 15px 3px;max-width:86%;margin:0 0 3px;padding:9px 12px;box-shadow:0 1px 3px #173e3215}.friend-chat-stream article.mine p{background:#dbe9df;border-radius:15px 15px 3px}.friend-chat-stream article small{color:#6c7a72;font-size:10px}.friend-chat-day{color:#7b857f;align-items:center;gap:8px;margin:9px 0;font-size:10px;display:flex}.friend-chat-day:before,.friend-chat-day:after{content:"";background:#dce3de;flex:1;height:1px}.friend-chat-day span{white-space:nowrap}.friend-chat-empty{text-align:center;color:#6c7a72;padding:30px 10px;font-size:13px}.friend-chat-error{color:#80382e;background:#fff0ed;margin:0;padding:8px 12px;font-size:12px}.friend-chat-dock>form{padding:10px 11px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dce4de}.friend-chat-dock textarea{resize:none;width:100%;height:56px;font:inherit;color:#173e32;box-sizing:border-box;border:1px solid #c8d4cc;border-radius:11px;padding:9px 10px}.friend-chat-dock>form>div{align-items:center;gap:8px;margin-top:7px;display:flex}.friend-chat-dock>form small{color:#7a857e;margin-left:auto;font-size:10px}.friend-chat-dock>form>div>button:last-child{color:#fff;background:#173e32;border-radius:10px;place-items:center;width:36px;height:34px;display:grid}.friend-chat-dock button:disabled{opacity:.42}.friend-chat-minimized{z-index:95;color:#fff;background:#173e32;border-radius:999px;align-items:center;gap:8px;max-width:230px;padding:12px 15px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #173e3240}.friend-chat-minimized span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.friend-chat-minimized b{background:#a42e40;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;display:grid}@media (max-width:700px){.friend-chat-dock{right:8px;bottom:calc(74px + env(safe-area-inset-bottom));border-radius:16px;width:calc(100vw - 16px);height:min(58dvh,520px)}.friend-chat-minimized{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}}.friend-chat-dock.expanded{width:min(760px,100vw - 32px);height:min(760px,100dvh - 44px)}.friend-chat-stream article>b{color:#5f6f66;margin:0 4px 4px;font-size:11px}.friend-chat-stream article.system{align-items:center}.friend-chat-stream article.system p{color:#53635a;text-align:center;background:#e9eee9;border-radius:12px;max-width:94%;font-size:12px}.chat-room-switcher{background:#fff;border-bottom:1px solid #dce4de;max-height:238px;padding:7px;overflow:auto}.chat-room-switcher>button{text-align:left;color:#173e32;border-radius:10px;align-items:center;gap:8px;width:100%;padding:9px 10px;display:flex}.chat-room-switcher>button:hover,.chat-room-switcher>button.active{background:#e8f0ea}.chat-room-switcher span{flex:1;min-width:0;display:grid}.chat-room-switcher b,.chat-room-switcher small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-room-switcher small{color:#6d7b73;font-size:10px}.chat-room-switcher em{color:#fff;background:#a42e40;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:10px;font-style:normal;display:grid}.chat-room-switcher>p{text-align:center;color:#718078;margin:14px;font-size:12px}@media (max-width:700px){.friend-chat-dock,.friend-chat-dock.expanded{height:min(66dvh,620px)}.friend-chat-peer i{font-size:10px}.friend-chat-dock>header{padding:9px}.friend-chat-dock>header>div{gap:0}.friend-chat-dock>header>div button{width:31px}}.friend-chat-dock>header{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.friend-chat-dock.dragged{bottom:auto;right:auto}@media (max-width:700px){.friend-chat-dock>header{cursor:default}.friend-chat-dock.dragged{right:8px!important;bottom:calc(74px + env(safe-area-inset-bottom))!important;top:auto!important;left:auto!important}}.friend-chat-leave{white-space:nowrap;border:1px solid #c9d4cc;align-items:center;gap:4px;padding:0 7px;font-size:11px;color:#6d3f3f!important;background:#fff!important;border-radius:8px!important;width:auto!important;height:30px!important;display:flex!important}.friend-chat-leave:hover{background:#fff1ef!important}