@import url("./messenger-recorder.css");
.msg-app{--msg-green:#087f6b;--msg-ink:var(--text,#192d36);--msg-muted:var(--muted,#75848b);--msg-panel:var(--card,#fff);--msg-line:var(--border,#e2e9e7);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--msg-line);border-radius:22px;background:var(--msg-panel);color:var(--msg-ink);min-width:0;box-shadow:0 14px 44px #183b3310}.msg-app svg{width:21px;height:21px;flex-shrink:0}.msg-header{display:flex;align-items:center;gap:12px;padding:17px 20px;background:var(--msg-panel);border-bottom:1px solid var(--msg-line)}.msg-avatar{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;background:#e4f2ec;color:#087f6b;border-radius:14px}.msg-header strong{display:block;font-size:15px}.msg-header small{display:block;font-size:11px;color:var(--msg-muted);margin-top:3px}.msg-header-tools{margin-left:auto;display:flex;align-items:center;gap:8px}.msg-icon-button,.msg-tool{display:grid;place-items:center;min-width:38px;min-height:38px;padding:8px;border-radius:11px;border:0;background:transparent;color:var(--msg-muted);cursor:pointer}.msg-icon-button:hover{background:#719b8b12;color:var(--msg-green)}.msg-text-button{border:0;background:transparent;color:var(--msg-green);font-size:11px;padding:8px;cursor:pointer}.msg-demo-note{margin:0;padding:8px 20px;font-size:11px;line-height:1.5;color:var(--msg-muted);border-bottom:1px solid var(--msg-line)}.msg-thread{height:430px;min-height:220px;max-height:55dvh;overflow:auto;overscroll-behavior:contain;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:radial-gradient(circle at 18% 10%,#7ea78c09,transparent 50%),var(--msg-thread-bg,#f4f7f5);scrollbar-width:thin}.msg-bubble{max-width:min(85%,470px);padding:11px 13px 7px;background:var(--msg-panel);border:1px solid var(--msg-line);border-radius:4px 16px 16px 16px;box-shadow:0 2px 4px #29483606;overflow-wrap:anywhere}.msg-bubble.msg-mine{align-self:flex-end;background:var(--msg-mine,#e5f2e9);border-color:#bfd4c459;border-radius:16px 4px 16px 16px}.msg-bubble p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.7}.msg-sender{display:block;font-size:10px;font-weight:600;color:var(--msg-green);margin-bottom:5px}.msg-bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:5px;font-size:9px;line-height:1;color:var(--msg-muted)}.msg-bubble footer svg{width:13px;height:13px;color:#4e9484}.msg-empty{margin:auto;text-align:center;color:var(--msg-muted);padding:38px 20px;width:100%}.msg-empty>span{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 15px;border-radius:20px;background:#8caf9a14;color:#60927a}.msg-empty strong{display:block;font-weight:500;color:var(--msg-ink);font-size:15px}.msg-empty p{font-size:12px}.msg-composer{display:flex;align-items:flex-end;gap:9px;padding:14px 16px;background:var(--msg-panel);border-top:1px solid var(--msg-line)}.msg-attach-tools{display:flex;gap:1px;align-items:center}.msg-composer textarea{resize:vertical;min-height:42px;max-height:140px;flex:1;min-width:50px;border:1px solid var(--msg-line);background:var(--msg-thread-bg,#f6f8f6);color:var(--msg-ink);font:inherit;font-size:13px;line-height:1.6;border-radius:12px;padding:10px 12px;outline:none}.msg-composer textarea:focus{border-color:#8eb7a9;box-shadow:0 0 0 3px #8eb7a915}.msg-send{display:grid;place-items:center;border:0;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#087f6b;color:white;cursor:pointer}.msg-send:disabled{opacity:.4;cursor:default}.msg-status{margin:0;background:#b99b4213;color:var(--msg-ink);padding:10px 18px;font-size:12px}.msg-recovery{padding:12px 18px;background:#b99b4213;font-size:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.msg-previews{padding:12px 16px;display:flex;gap:10px;overflow:auto;border-top:1px solid var(--msg-line)}.msg-preview{min-width:160px;max-width:280px;padding:7px;border:1px solid var(--msg-line);border-radius:13px;display:flex;flex-direction:column;gap:6px;background:var(--msg-thread-bg,#f7f9f7)}.msg-preview img,.msg-preview video{height:130px;max-width:100%;object-fit:contain;border-radius:8px}.msg-preview audio{width:260px;max-width:100%;height:40px}.msg-preview small{display:block;font-size:10px;color:var(--msg-muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-preview>span{display:flex;gap:8px;font-size:12px;padding:10px}.msg-image{position:relative}.msg-image>img{display:block;max-width:100%;max-height:340px;border-radius:9px;object-fit:contain;background:#748f8012}.msg-download{display:block;color:var(--msg-green);font-size:11px;line-height:1.6;text-decoration:none;margin-top:6px}.msg-document{display:flex;gap:10px;align-items:center;min-width:170px}.msg-document>svg{color:#508878}.msg-document small{font-size:9px;color:var(--msg-muted)}.msg-audio{min-width:210px;max-width:100%}.msg-audio>span{font-size:11px;color:var(--msg-muted)}.msg-audio audio{display:block;margin-top:7px;width:290px;max-width:100%;height:38px}.msg-video video{display:block;max-width:100%;max-height:300px;border-radius:9px}.msg-video-circle video,.msg-circle-preview{width:220px!important;height:220px!important;border-radius:50%!important;object-fit:cover!important;background:#152b26}.msg-version-label{position:absolute;top:7px;left:7px;padding:4px 7px;font-size:9px;border-radius:6px;background:#10362dbd;color:#fff}.msg-version-links{display:flex;gap:12px;margin-top:7px;font-size:10px}.msg-version-links a{color:var(--msg-green)}.msg-uploaded{display:flex;gap:9px;padding:6px 16px;flex-wrap:wrap}.msg-uploaded>span{font-size:10px;color:var(--msg-green);display:flex;align-items:center;gap:4px}.msg-uploaded svg{width:12px;height:12px}.msg-recorder{display:flex;align-items:center;gap:14px;padding:16px;border-top:1px solid var(--msg-line)}.msg-record-live{width:86px;height:86px;background:#173f35;border-radius:14px;display:grid;place-items:center;overflow:hidden;color:#b6d8ca}.msg-record-live video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.msg-record-circle{border-radius:50%}.msg-recorder strong{font-size:13px;display:block}.msg-recorder span{font-size:20px;font-variant-numeric:tabular-nums;display:block;margin-top:4px;color:#c14848}.msg-recorder small{display:block;font-size:10px;color:var(--msg-muted);margin-top:5px}.msg-stop{display:grid;place-items:center;min-width:40px;height:40px;padding:8px;background:#b94545;color:#fff;border:0;border-radius:12px;margin-left:auto}.msg-editor{padding:15px;border-top:1px solid var(--msg-line);background:var(--msg-thread-bg,#f4f7f5)}.msg-editor header{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:13px}.msg-editor header span{color:var(--msg-muted);font-size:10px}.msg-editor canvas{display:block;width:auto;max-width:100%;max-height:50dvh;margin:auto;border-radius:9px;touch-action:none;cursor:crosshair}.msg-editor-tools{display:flex;align-items:center;gap:7px;margin-top:12px;flex-wrap:wrap}.msg-editor-tools label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--msg-muted)}.msg-editor-tools input[type=color]{width:30px;height:30px;padding:2px;border:0;background:transparent}.msg-editor-tools .primary,.msg-editor-tools .secondary{font-size:11px;padding:8px 12px}.msg-app button:focus-visible,.msg-app a:focus-visible{outline:3px solid #6aa68e;outline-offset:2px}:root[data-theme=dark] .msg-app{--msg-thread-bg:#101c21;--msg-mine:#193c32;--msg-panel:#18272e;--msg-ink:#e4eeee;--msg-muted:#93a8ac;--msg-line:#2b3e43}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .msg-app{--msg-thread-bg:#101c21;--msg-mine:#193c32;--msg-panel:#18272e;--msg-ink:#e4eeee;--msg-muted:#93a8ac;--msg-line:#2b3e43}}@media(max-width:650px){.msg-header{padding:13px 14px}.msg-thread{height:390px;padding:16px;max-height:52dvh}.msg-composer{flex-wrap:wrap;padding:10px;gap:7px}.msg-attach-tools{width:100%;justify-content:flex-start;gap:5px}.msg-composer textarea{order:2}.msg-composer>.msg-send{order:3}.msg-header strong{font-size:13px}.msg-header small{font-size:10px}.msg-header-tools{gap:1px}.msg-bubble{max-width:90%}.msg-demo-note{font-size:10px;padding:8px 14px}.msg-image>img{max-height:270px}.msg-video-circle video{width:180px!important;height:180px!important}.msg-editor-tools{gap:4px}.msg-preview audio{width:210px}.msg-app{border-radius:17px}}

/* A single quiet composer row keeps recording within thumb reach. */
.msg-app [hidden]{display:none!important}
.msg-composer-area{position:relative;background:var(--msg-panel)}
.msg-composer{flex-wrap:nowrap;align-items:center;padding:12px 14px;gap:7px}
.msg-composer textarea{resize:none;min-height:44px;height:44px;max-height:120px;border-radius:22px;font-size:14px;padding:11px 15px;order:initial;box-sizing:border-box;overflow:auto}
.msg-composer .msg-icon-button{width:44px;min-width:44px;height:44px;padding:10px;border-radius:50%}
.msg-record-start,.msg-composer>.msg-send{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:var(--msg-green);color:#fff;cursor:pointer;order:initial;padding:10px;transition:transform .22s cubic-bezier(.18,.86,.24,1),box-shadow .22s}
.msg-record-start:active,.msg-composer>.msg-send:active{transform:scale(.89)}
.msg-record-start:disabled{opacity:.4;cursor:default}
.msg-composer [data-msg-hold]{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.msg-attachment-menu{display:flex;gap:8px;position:absolute;bottom:calc(100% + 8px);left:12px;z-index:5;max-width:calc(100% - 24px);padding:10px;background:var(--msg-panel);border:1px solid var(--msg-line);border-radius:20px;box-shadow:0 10px 40px #102b3526;animation:msg-menu-in .2s ease-out both}
.msg-attachment-menu>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:78px;min-height:78px;border:0;border-radius:14px;padding:12px 9px;background:var(--msg-thread-bg);color:var(--msg-green);font:inherit;font-size:10px;cursor:pointer}
.msg-attachment-menu>button:hover{background:#7eaa9622}
.msg-attachment-menu>button svg{width:24px;height:24px}
body.msg-capture-open{overflow:hidden!important}
.msg-capture-portal{position:relative;z-index:20000}
.msg-capture-portal.is-closing{pointer-events:none}
.msg-capture-portal.is-closing .msg-capture-fullscreen{animation:msg-capture-exit .18s ease-in both}
.msg-capture-mounted,.msg-capture-mounted .msg-capture-frame{animation:none!important}
@keyframes msg-capture-exit{to{opacity:0;transform:translateY(8px) scale(.99)}}
@keyframes msg-menu-in{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.msg-composer{padding:10px 8px;gap:3px}.msg-composer textarea{font-size:16px;padding:10px 12px}.msg-composer .msg-icon-button{min-width:40px;width:40px}.msg-composer>.msg-send{order:initial}.msg-composer textarea{order:initial}.msg-attachment-menu>button{min-width:74px}.msg-app .msg-circle-start svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.msg-composer *,.msg-attachment-menu,.msg-capture-portal *{animation:none!important;transition:none!important}}

.msg-circle-message{position:relative;width:220px;max-width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#213c3c}
.msg-circle-message>video{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.msg-circle-play{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;border-radius:50%;background:linear-gradient(transparent 60%,#0005);color:#fff;cursor:pointer}
.msg-circle-play>svg{width:48px;height:48px;padding:12px;border-radius:50%;background:#0d282966;box-shadow:0 0 0 1px #fff3;transition:opacity .18s}
.msg-circle-pause-icon{display:none}
.msg-circle-message[data-playing=true] .msg-circle-play-icon{display:none}
.msg-circle-message[data-playing=true] .msg-circle-pause-icon{display:block}
.msg-circle-message[data-playing=true] .msg-circle-play>svg{opacity:0}
.msg-circle-message[data-playing=true] .msg-circle-play:hover>svg,.msg-circle-message[data-playing=true] .msg-circle-play:focus-visible>svg{opacity:1}
.msg-circle-duration{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:11px;font-variant-numeric:tabular-nums;color:#fff;pointer-events:none}
.msg-circle-message>.msg-circle-progress{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#70c4ec;stroke-width:1.6;transform:rotate(-90deg);pointer-events:none}
.msg-circle-seek{position:absolute;left:20%;bottom:22px;width:60%;height:44px;margin:0;padding:0;border:0;background:transparent;accent-color:#70c4ec;cursor:pointer;touch-action:pan-y;opacity:.8}
.msg-circle-seek:focus-visible{outline:2px solid #fff;outline-offset:1px;border-radius:8px;opacity:1}
.msg-circle-play:disabled{cursor:wait}
@media(max-width:650px){.msg-circle-message{width:190px}}
/* Keep small action labels legible in the dark theme without brightening send buttons. */
:root[data-theme=dark] .msg-app{--msg-green:#8bd9c3;--msg-action:#087f6b}
.msg-record-start,.msg-composer>.msg-send,.msg-capture-voice .msg-capture-send{background:var(--msg-action,var(--msg-green,#087f6b))}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .msg-app{--msg-green:#8bd9c3;--msg-action:#087f6b}}
.msg-pagination{text-align:center;padding:0 16px}.msg-pagination:has(button){padding-block:8px}.msg-unsent{margin:10px 16px;display:flex;flex-direction:column;align-items:stretch;gap:8px}.msg-unsent>small{color:var(--muted,#667085);font-size:12px}.msg-unsent>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.msg-unsent>div>span{flex:1;min-width:120px;overflow-wrap:anywhere}.msg-uploaded>.msg-text-button{margin-left:auto}

/* Conversation presentation: neutral surfaces, green reserved for sent messages. */
.msg-app,.messenger-workspace{--msg-green:#262626;--msg-action:#18824c;--msg-ink:#181818;--msg-muted:#727272;--msg-panel:#fff;--msg-line:#e3e3e3;--msg-thread-bg:#f4f3f0;--msg-mine:#d9f5cf;--msg-bubble:#fff;--msg-field:#ededed;--msg-glass:rgba(250,250,250,.88);color:var(--msg-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-theme=dark] .msg-app,:root[data-theme=dark] .messenger-workspace{--msg-green:#eee;--msg-action:#228e59;--msg-ink:#f1f1f1;--msg-muted:#a0a0a0;--msg-panel:#111;--msg-line:#2b2b2b;--msg-thread-bg:#0b0b0b;--msg-mine:#174c37;--msg-bubble:#252525;--msg-field:#292929;--msg-glass:rgba(20,20,20,.88)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .msg-app,:root:not([data-theme=light]) .messenger-workspace{--msg-green:#eee;--msg-action:#228e59;--msg-ink:#f1f1f1;--msg-muted:#a0a0a0;--msg-panel:#111;--msg-line:#2b2b2b;--msg-thread-bg:#0b0b0b;--msg-mine:#174c37;--msg-bubble:#252525;--msg-field:#292929;--msg-glass:rgba(20,20,20,.88)}}
.msg-app{isolation:isolate;border-radius:20px;box-shadow:none}
.msg-app--conversation{flex:1;min-height:0;height:100%;border:0;border-radius:0}
.msg-app--conversation .msg-thread{flex:1;min-height:0;height:auto;max-height:none}
.msg-header{position:relative;z-index:3;flex-shrink:0;min-height:66px;padding:9px 16px;gap:10px;background:var(--msg-glass);border-color:var(--msg-line);-webkit-backdrop-filter:blur(24px) saturate(.8);backdrop-filter:blur(24px) saturate(.8)}
.msg-header-copy{min-width:0}.msg-header strong{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.msg-header small{font-size:11px;color:var(--msg-muted);margin-top:2px}
.msg-avatar{width:39px;height:39px;border-radius:50%;background:var(--msg-field);color:var(--msg-ink);font-size:16px;font-weight:600}
.msg-back{border-radius:50%;width:40px;min-width:40px;height:40px;padding:8px;margin-left:-6px;color:var(--msg-ink);background:var(--msg-field)}
.msg-header-menu{position:relative;margin-left:auto;flex-shrink:0}.msg-header-menu>summary{border:1px solid var(--msg-line);background:var(--msg-field);border-radius:50%;width:40px;height:40px;color:var(--msg-ink);list-style:none}.msg-header-menu>summary::-webkit-details-marker,.msg-file-menu>summary::-webkit-details-marker{display:none}
.msg-menu-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:215px;max-width:calc(100vw - 40px);padding:6px;background:var(--msg-panel);border:1px solid var(--msg-line);border-radius:17px;box-shadow:0 10px 35px #0002}.msg-menu-panel button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;background:transparent;color:var(--msg-ink);text-align:left;border-radius:11px;font:inherit;font-size:14px;cursor:pointer}.msg-menu-panel button:hover{background:var(--msg-field)}
.msg-thread{padding:20px 22px;gap:8px;background-color:var(--msg-thread-bg);background-image:url('./messenger-wallpaper.svg');background-size:280px 280px;scroll-padding:20px}
:root[data-chat-wallpaper=off] .msg-thread{background-image:none}
.msg-bubble{position:relative;flex-shrink:0;max-width:min(84%,460px);padding:8px 11px 6px;border:0;border-radius:13px 13px 13px 3px;background:var(--msg-bubble);box-shadow:0 1px 1px #0000000a}
.msg-bubble.msg-mine{border:0;border-radius:13px 13px 3px 13px;background:var(--msg-mine)}
.msg-bubble p{font-size:16px;line-height:1.42}.msg-sender{font-size:11px;color:var(--msg-muted);margin-bottom:4px}.msg-bubble footer{font-size:10.5px;line-height:1.2;gap:4px;margin-top:4px;color:var(--msg-muted)}.msg-bubble footer svg{width:12px;height:12px;color:currentColor}
:root[data-chat-text=large] .msg-bubble p{font-size:19px;line-height:1.45}
.msg-bubble.msg-standalone-circle,.msg-bubble.msg-standalone-circle.msg-mine{background:transparent;box-shadow:none;padding:2px 0;border-radius:0;width:232px;max-width:80%}
.msg-standalone-circle>.msg-sender{padding-left:8px}.msg-standalone-circle>footer{width:max-content;margin-left:auto;padding:4px 8px;border-radius:10px;background:var(--msg-bubble);color:var(--msg-muted)}.msg-standalone-circle.msg-mine>footer{background:var(--msg-mine)}
.msg-circle-message{width:228px;max-width:100%;background:#242424;border:2px solid #92929255;box-sizing:border-box;box-shadow:0 1px 4px #0002}.msg-circle-play{background:linear-gradient(transparent 64%,#0006)}.msg-circle-play>svg{background:#0005}.msg-circle-duration{bottom:10px;font-size:11px;text-shadow:0 1px 3px #000}.msg-circle-message>video{max-height:none}
.msg-file-menu{position:relative;display:flex;justify-content:flex-end;margin:2px 0 0;min-height:22px}.msg-file-menu>summary{display:grid;place-items:center;width:32px;height:24px;margin-left:auto;cursor:pointer;color:var(--msg-muted);list-style:none;border-radius:12px}.msg-file-menu>summary>svg{width:20px;height:20px}.msg-file-menu[open]>summary{background:var(--msg-field)}.msg-file-menu-content{position:relative;padding:8px 0 3px;border-top:1px solid var(--msg-line);margin-top:4px}.msg-download,.msg-version-links a{color:var(--msg-ink);font-size:12px;line-height:1.5;word-break:break-word}.msg-version-links{flex-wrap:wrap;gap:10px}.msg-standalone-circle>.msg-file-menu{position:absolute;left:-38px;bottom:36px}.msg-standalone-circle:not(.msg-mine)>.msg-file-menu{left:auto;right:-38px}.msg-standalone-circle>.msg-file-menu>summary{width:32px;height:32px;background:var(--msg-bubble);border:1px solid var(--msg-line)}.msg-standalone-circle>.msg-file-menu[open]{position:relative;left:auto;right:auto;bottom:auto;display:block;padding:5px 8px;background:var(--msg-panel);border-radius:12px}.msg-standalone-circle>.msg-file-menu[open]>summary{margin-left:auto}
/* Voice playback: recorded sound, a played overlay, and one compact speed control. */
.msg-audio{--audio-accent:#168ac4;--audio-played:var(--msg-ink);width:292px;min-width:190px;max-width:100%;padding:1px 0}
.msg-audio audio{width:100%;margin:0;max-width:100%}
.msg-audio-custom{display:flex;align-items:center;gap:6px;min-height:55px}
.msg-audio-play{display:grid;place-items:center;width:40px;height:44px;flex-shrink:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--msg-ink);cursor:pointer;transition:background .16s ease,transform .16s ease;-webkit-tap-highlight-color:transparent}
.msg-audio-play:hover{background:#80808012}.msg-audio-play:active{transform:scale(.92)}
.msg-audio-play svg{width:25px;height:25px;fill:currentColor;stroke-width:2.5}
.msg-audio-pause-icon{display:none}.msg-audio[data-playing=true] .msg-audio-pause-icon{display:block}.msg-audio[data-playing=true] .msg-audio-play-icon{display:none}
.msg-audio-timeline{position:relative;flex:1;min-width:0;padding-bottom:16px}
.msg-audio-wave{position:relative;height:34px;color:var(--msg-muted)}
.msg-audio-wave svg{display:block;width:100%;height:34px;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;fill:none}
.msg-audio-wave-rest{opacity:.56}
.msg-audio-wave .msg-audio-wave-played{position:absolute;inset:0;color:var(--audio-played);clip-path:inset(0 calc(100% - var(--audio-progress,0%)) 0 0)}
.msg-audio-timeline input{position:absolute;top:-5px;left:0;width:100%;height:44px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;accent-color:var(--audio-accent);touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.msg-audio-timeline input:disabled{cursor:default}
.msg-audio-timeline input::-webkit-slider-runnable-track{height:2px;background:transparent}
.msg-audio-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:var(--audio-accent);margin-top:-4.5px;box-shadow:0 0 0 2px #168ac410}
.msg-audio-timeline input::-moz-range-track,.msg-audio-timeline input::-moz-range-progress{height:2px;background:transparent}
.msg-audio-timeline input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--audio-accent);box-shadow:0 0 0 2px #168ac410}
.msg-audio-clock{position:absolute;bottom:0;left:0;font-size:11px;line-height:14px;font-variant-numeric:tabular-nums;color:var(--msg-muted)}
.msg-audio-speed{display:grid;place-items:center;flex-shrink:0;width:46px;min-width:46px;height:44px;padding:0;border:0;border-radius:22px;background:transparent;color:var(--msg-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.msg-audio-speed>span{display:grid;place-items:center;min-width:40px;height:24px;padding:0 4px;box-sizing:border-box;border-radius:14px;background:#8080801f;font-size:11px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;transition:background .16s ease,transform .16s ease}
.msg-audio-speed:hover>span{background:#80808033}.msg-audio-speed:active>span{transform:scale(.92)}
.msg-audio-speed:disabled{opacity:.5;cursor:default}

.msg-composer-area{flex-shrink:0;background:var(--msg-glass);-webkit-backdrop-filter:blur(24px) saturate(.8);backdrop-filter:blur(24px) saturate(.8)}.msg-composer{background:transparent;padding:8px 10px;gap:5px;border-color:var(--msg-line)}.msg-composer textarea{min-height:40px;height:40px;border:1px solid var(--msg-line);background:var(--msg-field);border-radius:22px;color:var(--msg-ink);font-size:16px;padding:8px 13px;line-height:1.4}.msg-composer textarea:focus{border-color:#888;box-shadow:none}.msg-composer .msg-icon-button{width:38px;min-width:38px;height:42px;color:var(--msg-ink);padding:8px}.msg-composer .msg-record-start{background:var(--msg-ink);color:var(--msg-panel);width:40px;height:40px;min-width:40px}.msg-composer>.msg-send{background:var(--msg-action);color:white;width:40px;height:40px;min-width:40px}.msg-composer [disabled]{opacity:.4}.msg-icon-button:hover{background:var(--msg-field);color:var(--msg-ink)}
.msg-app .msg-attachment-menu{background:var(--msg-glass);border:1px solid var(--msg-line);border-radius:22px;box-shadow:inset 0 1px 0 #ffffff18,0 10px 30px #0002;-webkit-backdrop-filter:blur(24px) saturate(.7);backdrop-filter:blur(24px) saturate(.7)}.msg-app .msg-attachment-menu>button{background:var(--msg-field);color:var(--msg-ink);border-radius:15px;min-width:76px;min-height:76px;font-size:11px}.msg-app .msg-attachment-menu>button:hover{background:#8882}.msg-composer-area>[data-msg-draft-note]{display:block;padding:0 12px 5px;font-size:10px;color:var(--msg-muted)}
.msg-image>img{background:#8881;border-radius:8px}.msg-document>svg,.msg-uploaded>span{color:var(--msg-muted)}.msg-version-label{background:#111b}.msg-preview{background:var(--msg-field)}.msg-text-button{color:var(--msg-ink);font-size:12px}.msg-demo-note{font-size:10px;line-height:1.4;padding:6px 14px;background:var(--msg-panel)}.msg-status,.msg-recovery{background:var(--msg-field)}.msg-empty>span{background:var(--msg-field);color:var(--msg-muted)}.msg-empty p{font-size:13px;line-height:1.5}.msg-app button:focus-visible,.msg-app a:focus-visible,.msg-app summary:focus-visible,.msg-app input:focus-visible{outline:2px solid var(--msg-ink);outline-offset:3px}
.msg-inbox-header{padding:22px 20px 12px}.msg-inbox-header h1{margin:0;font-size:31px;letter-spacing:-1px;line-height:1.2}.msg-inbox-search{padding:0 16px 14px}.msg-inbox-search input{width:100%;box-sizing:border-box;border:0;border-radius:13px;min-height:40px;padding:9px 12px;background:var(--msg-field);color:var(--msg-ink);font:inherit;font-size:15px}.msg-chat-row{display:flex;align-items:center;gap:12px;min-height:76px;width:100%;padding:11px 16px;border:0;border-bottom:1px solid var(--msg-line);border-radius:0;background:transparent;color:var(--msg-ink);text-align:left;cursor:pointer}.msg-chat-row:hover,.msg-chat-row.active{background:var(--msg-field)}.msg-chat-avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--msg-field);color:var(--msg-ink);font-weight:600;font-size:17px}.msg-chat-copy{flex:1;min-width:0}.msg-chat-copy strong{display:block;font-size:16px;line-height:1.35;font-weight:600}.msg-chat-copy small{display:block;margin-top:4px;font-size:13px;color:var(--msg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-chat-time{font-size:11px;color:var(--msg-muted)}
@media(max-width:799px){.msg-app--conversation{border-radius:0}.msg-header{padding:8px 12px;min-height:62px}.msg-thread{padding:15px 12px;gap:7px}.msg-bubble{max-width:85%;padding:8px 10px 6px}.msg-bubble p{font-size:16px}.msg-circle-message{width:228px}.msg-bubble.msg-standalone-circle{width:230px;max-width:75%}.msg-composer{padding:7px 6px max(7px,env(safe-area-inset-bottom));gap:2px}.msg-composer textarea{font-size:16px}.msg-composer .msg-icon-button{width:35px;min-width:35px}.msg-demo-note{padding:5px 12px}.msg-audio{width:264px;min-width:180px}.msg-image>img{max-height:320px}.msg-app--conversation .msg-thread{height:auto;max-height:none;min-height:0}}
@media(max-width:370px){.msg-audio{width:224px}.msg-audio-custom{gap:4px}.msg-audio-play{width:36px}.msg-bubble.msg-standalone-circle{width:210px}.msg-circle-message{width:208px}.msg-header strong{font-size:15px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.msg-header,.msg-composer-area,.msg-app .msg-attachment-menu{background:var(--msg-panel)}}
@media(prefers-reduced-transparency:reduce){.msg-header,.msg-composer-area,.msg-app .msg-attachment-menu{background:var(--msg-panel);backdrop-filter:none;-webkit-backdrop-filter:none}.msg-thread{background-image:none}}
:root[data-motion=reduced] .msg-app *,:root[data-motion=reduced] .msg-capture-portal *{animation:none!important;transition:none!important;scroll-behavior:auto!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.msg-app *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.msg-record-start:active,.msg-composer>.msg-send:active{transform:none}}
@media(forced-colors:active){.msg-thread{background-image:none}.msg-bubble,.msg-bubble.msg-mine,.msg-header,.msg-composer textarea{border:1px solid CanvasText}.msg-audio-play,.msg-audio-speed,.msg-record-start,.msg-send{forced-color-adjust:auto}.msg-audio-speed>span{border:1px solid ButtonText}.msg-audio-wave-rest{opacity:.5}.msg-audio-wave-played{color:Highlight}.msg-circle-message{border-color:CanvasText}.msg-header,.msg-composer-area{background:Canvas;backdrop-filter:none}}
.msg-day{align-self:center;flex-shrink:0;margin:10px 0 6px;padding:4px 11px;border-radius:9px;background:var(--msg-glass);color:var(--msg-muted);font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 1px 2px #0000000a}
.msg-app .msg-capture-voice{background:var(--msg-panel);color:var(--msg-ink)}

.msg-bubble footer .msg-receipt{display:inline-flex;align-items:center}.msg-bubble footer .msg-receipt--viewed{color:#1680b8}.msg-bubble footer .msg-receipt--viewed svg{width:17px}
.msg-reply-quote{margin:0 0 7px;padding:7px 10px;border-left:3px solid var(--msg-action,#18824c);border-radius:6px;background:#738b7d12;max-width:100%;overflow:hidden}
.msg-reply-quote strong,.msg-reply-composer strong{display:block;font-size:11px;line-height:1.5;color:var(--msg-ink);font-weight:600}
.msg-reply-quote span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45;color:var(--msg-ink);white-space:pre-wrap}
.msg-bubble footer .msg-reply-button{display:inline-flex;align-items:center;gap:4px;min-width:32px;min-height:28px;margin:-3px auto -3px -4px;padding:4px 5px;border:0;border-radius:7px;background:transparent;color:var(--msg-muted);font:inherit;font-size:10px;cursor:pointer}
.msg-bubble footer .msg-reply-button svg{width:14px;height:14px}.msg-reply-button:hover{background:#738b7d15;color:var(--msg-ink)}
.msg-reply-composer{display:flex;align-items:center;gap:8px;padding:10px 12px 6px 17px;border-top:1px solid var(--msg-line)}
.msg-reply-composer>div{flex:1;min-width:0;padding-left:10px;border-left:3px solid var(--msg-action,#18824c)}
.msg-reply-composer span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.6;color:var(--msg-muted)}
.msg-reply-composer>.msg-icon-button{width:44px;min-height:44px}
.msg-standalone-circle>.msg-reply-quote{background:var(--msg-bubble)}.msg-standalone-circle.msg-mine>.msg-reply-quote{background:var(--msg-mine)}