.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chat-ball{position:fixed;right:25px;bottom:25px;z-index:90;width:66px;height:66px;border:2px solid #fff4e9;border-radius:50%;background:#c3417b;color:#fff7ef;box-shadow:0 6px 0 #8f2a591c,0 10px 30px #99517a33;display:grid;place-items:center;transform:rotate(-6deg);touch-action:manipulation}.chat-ball>span{position:relative;display:block}.chat-ball svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chat-ball i{position:absolute;right:-6px;top:-11px;font-family:Georgia;font-size:18px;font-style:normal;color:#ffe5a4}.chat-ball>b{position:absolute;top:-4px;right:-3px;border-radius:20px;min-width:23px;height:23px;padding:4px;background:#ffe4a2;border:2px solid #fff7ef;color:#974867;font-size:10px;line-height:12px}.chat-ball.ringing{background:#8b5aa8;box-shadow:0 0 0 7px #d8bfec66,0 10px 30px #99517a33}.chat-panel{position:fixed;z-index:91;right:25px;bottom:104px;width:390px;max-width:calc(100vw - 24px);height:590px;max-height:calc(100dvh - 125px);border:1px solid #e8bdd3;border-radius:27px;background:#fff9f0;box-shadow:0 15px 60px #7e34503b;overflow:hidden;display:flex;flex-direction:column;color:#62344f}.chat-panel[hidden],.chat-call[hidden],.chat-ball b[hidden]{display:none!important}.chat-head{display:flex;align-items:center;gap:9px;padding:16px 15px 14px;background:#f8dbe9;border-bottom:1px dashed #ddadc5;flex-shrink:0}.chat-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:14px;background:#fff2df;transform:rotate(-6deg);color:#ac4e7c;font-size:28px;flex-shrink:0}.chat-person{flex:1;min-width:0}.chat-person b{display:block;font-family:Manrope;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-person small{display:block;margin-top:4px;color:#a2708a;font-size:8px}.chat-icon{width:32px;min-width:32px;height:37px;min-height:37px!important;display:grid;place-items:center;background:transparent;color:#a34c7a;padding:5px;border-radius:11px;border:1px solid #e7bbd044}.chat-icon:hover{background:#fff2e7}.chat-icon svg,.chat-compose button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.chat-mode{font-size:9px;padding:10px 14px;display:flex;gap:8px;justify-content:space-between;align-items:center;color:#a27891;background:#fff5e5;flex-shrink:0}.chat-mode button{font-size:9px;color:#a74477;background:#f4e1ed;padding:7px 9px;border-radius:20px;min-height:30px!important}.chat-messages{flex:1;min-height:75px;overflow-y:auto;padding:17px 16px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;background-image:radial-gradient(#e7cdd733 .7px,transparent .7px);background-size:8px 8px}.chat-message{max-width:87%;align-self:flex-start;background:#efe2f5;border:1px solid #e4d2ee;border-radius:17px 17px 17px 4px;padding:11px 13px}.chat-message.mine{align-self:flex-end;background:#f8d9e7;border-color:#edc5d8;border-radius:17px 17px 4px 17px}.chat-message p{margin:0;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#653d55}.chat-message small{display:block;margin-top:7px;font-size:8px;color:#aa8296;text-align:right}.chat-empty{margin:auto;text-align:center;padding:12px}.chat-empty>span{font-size:46px;color:#d697b8}.chat-empty h3{font-family:Georgia;font-style:italic;font-weight:400;font-size:21px;line-height:1.4;color:#9b5e7c}.chat-empty p{font-size:11px;line-height:1.8;color:#b18a9e}.chat-compose{display:flex;gap:9px;padding:13px 14px 15px;border-top:1px dashed #e8c4d6;flex-shrink:0;background:#fffaef}.chat-compose textarea{font-family:'DM Sans',sans-serif;width:100%;min-height:42px;max-height:96px;resize:none;border-radius:15px;border:1px solid #e8c8d8;padding:11px 12px;font-size:13px;line-height:1.45;background:#fffdf6}.chat-compose button{width:43px;min-width:43px;height:43px;background:#b9427b;color:#fff4e5;border-radius:14px;display:grid;place-items:center;padding:0}.chat-compose button:disabled{opacity:.5}.chat-error:empty{display:none}.chat-error{font-size:10px;line-height:1.5;padding:9px 14px;margin:0;background:#fcebcf;color:#9b665b;flex-shrink:0}.chat-call{padding:12px;border-bottom:1px dashed #e6bed1;background:#f3e1f0;flex-shrink:0}.chat-video-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:65px;height:150px;background:#59374e;border-radius:16px;overflow:hidden}.remote-video{width:100%;height:100%;object-fit:contain}.local-video{position:absolute;right:9px;bottom:9px;width:74px;height:60px;object-fit:cover;border-radius:10px;border:2px solid #ffe9f2;background:#744f64;transform:scaleX(-1)}.audio-avatar{display:none;font-size:36px;color:#ecc5dd}.audio-only .chat-video-stage{height:68px;background:#e7c7dc}.audio-only .local-video{display:none}.audio-only .remote-video{position:absolute;width:1px;height:1px;opacity:0}.audio-only .audio-avatar{display:block}.call-status{font-size:11px;text-align:center;margin:10px 0;color:#93637d;line-height:1.5}.call-controls{display:flex;justify-content:center;gap:10px}.call-controls button{font-size:11px;padding:10px 15px;min-height:38px!important;border-radius:20px}.call-answer{background:#6d8c64;color:#fff8ed}.call-end{background:#bb4577;color:#fff7ed}.call-controls .chat-icon{background:#fff8ee}.call-controls .chat-icon[aria-pressed="true"]{background:#cfb2c7;opacity:.8}
@media(max-width:620px){.chat-ball{right:18px;bottom:calc(92px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));width:56px;height:56px;min-height:56px!important}.chat-ball svg{width:24px;height:24px}.chat-panel{left:12px;right:12px;width:auto;bottom:calc(92px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));height:570px;max-height:calc(100dvh - 112px - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.chat-panel:not([hidden])~.chat-ball{visibility:hidden}.chat-compose textarea{font-size:16px}.chat-head{padding:13px 11px;gap:6px}.chat-person b{font-size:13px}.chat-icon{min-width:30px;width:30px}.chat-video-stage{height:140px}}
@media(max-height:500px){.chat-panel{height:calc(100dvh - 25px);max-height:none;bottom:12px;right:12px}.chat-video-stage{height:90px}.chat-head{padding-top:9px;padding-bottom:9px}.chat-mode{padding-top:6px;padding-bottom:6px}}
.chat-ball{width:44px;height:44px;min-height:44px!important;transform:none;cursor:grab;transition:box-shadow .2s}.chat-ball svg{width:20px;height:20px}.chat-ball i{font-size:13px;right:-4px;top:-8px}.chat-ball.dragging{cursor:grabbing;box-shadow:0 5px 22px #82325155}.chat-ball>b{min-width:18px;height:18px;line-height:10px;padding:2px;top:-3px;font-size:9px}#chat-root:has(.chat-panel:not([hidden])) .chat-ball{visibility:hidden}#chat-root[data-dock="left"] .chat-panel{right:auto;left:20px}#chat-root [hidden]{display:none!important}.chat-panel{--chat-head:#f8dbe9;--chat-paper:#fff9f0;--chat-mine:#f8d9e7;--chat-other:#efe2f5;--chat-ink:#653d55;--chat-accent:#b9427b;background:var(--chat-paper)}.chat-panel[data-theme="lilac"]{--chat-head:#e9dff3;--chat-paper:#faf7fd;--chat-mine:#e5d7ef;--chat-other:#ece5d8;--chat-accent:#8c69a6}.chat-panel[data-theme="honey"]{--chat-head:#f5e4bd;--chat-paper:#fffbee;--chat-mine:#f1dfb0;--chat-other:#e2e9d2;--chat-accent:#947746}.chat-panel[data-theme="night"]{--chat-head:#393149;--chat-paper:#282435;--chat-mine:#655070;--chat-other:#403b52;--chat-ink:#f5e6ed;--chat-accent:#b48baf}.chat-head{background:var(--chat-head)}.chat-panel[data-theme="night"] .chat-person b,.chat-panel[data-theme="night"] .chat-empty h3{color:#f5e6ed}.chat-panel[data-theme="night"] .chat-person small,.chat-panel[data-theme="night"] .chat-empty p{color:#c6afc8}.chat-message{background:var(--chat-other)}.chat-message.mine{background:var(--chat-mine)}.chat-message p{color:var(--chat-ink)}.chat-messages{background-color:var(--chat-paper);background-size:cover;background-position:center}.chat-tools{display:flex;justify-content:space-around;gap:6px;background:var(--chat-paper);padding:6px 10px;border-top:1px dashed #dcb9ca;flex-shrink:0}.chat-tools button{padding:5px 7px;font-size:15px;min-height:34px!important;background:transparent;color:var(--chat-accent);display:flex;align-items:center;gap:5px}.chat-tools button span{font-size:10px}.chat-tools button[aria-expanded="true"]{background:#ecdbe9;border-radius:20px}.chat-tray{flex-shrink:0;max-height:205px;overflow:auto;padding:9px 12px;background:#fff7ec;border-top:1px dashed #ddadc5}.tray-title{display:flex;align-items:center;justify-content:space-between;font-family:Georgia;font-style:italic;font-size:13px;color:#9b6380}.tray-title button{background:transparent;padding:0 9px;font-size:22px;color:#9b6380;min-height:28px!important}.sticker-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.sticker-picker button{padding:0;background:transparent;border-radius:15px}.sticker-picker button:hover{background:#f6e6ed}.love-sticker{width:135px;max-width:100%;height:auto}.sticker-picker .love-sticker{width:90px}.chat-message.sticker-message{background:transparent;border:none;padding:0}.theme-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.theme-swatches button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:50px;background:transparent;border:1px solid transparent;padding:5px;border-radius:12px;font-size:9px;color:#925870}.theme-swatches button[aria-pressed="true"]{border-color:#ba7ea0}.theme-swatches i{width:24px;height:24px;display:block;border-radius:50%;background:linear-gradient(135deg,#f8dbe9 50%,#fff9f0 50%);box-shadow:0 0 0 2px #fff}.theme-lilac i{background:linear-gradient(135deg,#c4a9df 50%,#eee4f4 50%)}.theme-honey i{background:linear-gradient(135deg,#d7b56b 50%,#fff4d5 50%)}.theme-night i{background:linear-gradient(135deg,#655070 50%,#282435 50%)}.wallpaper-actions{display:flex;justify-content:center;gap:9px}.wallpaper-actions button,.voice-draft button{padding:6px 9px;border-radius:15px;background:#f1dae5;color:#a24e77;font-size:10px;min-height:32px!important}.chat-tray>small{display:block;text-align:center;font-size:9px;color:#ad8a9c;margin:7px 0 0}.voice-draft{padding:10px 12px;background:#f6e5ef;flex-shrink:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:10px;color:#9c6380}.voice-draft audio{width:100%;height:32px}.voice-draft>div{display:flex;gap:8px;justify-content:center;width:100%}.recording-dot{width:7px;height:7px;border-radius:50%;background:#bd507e}.voice-message{min-width:185px}.voice-play{display:flex;align-items:center;gap:9px;background:transparent;color:var(--chat-ink);font-size:17px;padding:6px 0;min-height:34px!important}.voice-play span{font-size:11px}.voice-message audio{max-width:100%;width:235px;height:35px}.voice-message>small{font-size:9px;text-align:left}.chat-message .message-time{color:var(--chat-accent)}.chat-compose button{background:var(--chat-accent)}
@media(max-width:620px){#chat-root[data-dock="left"] .chat-panel{left:12px;right:12px}.chat-ball{width:44px;height:44px;min-height:44px!important}.chat-ball svg{width:20px;height:20px}.chat-panel{height:590px}.chat-tray{max-height:190px}}
@media(prefers-reduced-motion:reduce){.chat-ball{transition:none}}

.chat-mode[hidden]{display:none!important}.local-video{transform:none}.local-video.front-camera{transform:scaleX(-1)}.chat-video-stage.self-main .local-video{position:static;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent}.chat-video-stage.self-main .remote-video{position:absolute;right:9px;bottom:9px;width:74px;height:60px;object-fit:cover;border-radius:10px;border:2px solid #ffe9f2;background:#744f64}.call-controls .chat-icon{padding:6px;min-width:34px;width:34px}.call-controls .chat-icon:disabled{opacity:.45}.call-controls{gap:7px}