.message-composer{position:relative}
.chat-attachment-menu{position:absolute;left:12px;bottom:calc(100% + 10px);z-index:12;display:grid;grid-template-columns:repeat(3,82px);gap:5px;padding:7px;border:1px solid rgba(40,40,38,.09);border-radius:18px;background:rgba(250,250,248,.96);box-shadow:0 14px 35px rgba(25,25,23,.13);backdrop-filter:blur(20px)}
.chat-attachment-menu[hidden]{display:none}
.chat-attachment-menu button{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center!important;width:82px!important;height:62px!important;padding:9px 10px!important;border:0!important;border-radius:13px!important;background:#f0f0ed!important;color:#292927!important;text-align:left!important}
.chat-attachment-menu button span{font-size:17px;line-height:1}.chat-attachment-menu button strong{margin-top:5px;font:500 11px/1 -apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}.chat-attachment-menu button small{margin-top:4px;color:#999994;font:400 8px/1 sans-serif}
.chat-recording{position:absolute;inset:0;z-index:14;display:flex;align-items:center;gap:8px;padding:0 8px 0 14px;border-radius:inherit;background:#f7f7f4}
.chat-recording[hidden]{display:none}.chat-recording>i{width:7px;height:7px;border-radius:50%;background:#d84d4d;animation:chat-record-pulse 1s ease-in-out infinite}.chat-recording>span{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.chat-recording>strong{flex:1;color:#8d8d88;font:400 9px/1 sans-serif;letter-spacing:.1em;text-transform:uppercase}.chat-recording button{width:auto!important;height:34px!important;padding:0 11px!important;border-radius:17px!important;font-size:10px!important}.chat-recording #chatSendRecording{background:#292927!important;color:white!important}
@keyframes chat-record-pulse{50%{opacity:.28}}
.chat-media-message{margin-top:3px}.chat-image-fold{display:flex;align-items:center;gap:11px}.chat-image-stack{position:relative;width:116px;height:116px;flex:0 0 116px;border-radius:12px;background:#ecece8;box-shadow:4px 4px 0 #e4e4e0,8px 8px 0 #efefeb,0 5px 14px rgba(20,20,18,.07);touch-action:pan-y;user-select:none}.chat-image-stack>button[data-chat-photo]{position:absolute;inset:0;display:none;width:116px;height:116px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#ecece8;will-change:transform}.chat-image-stack>button.is-active,.chat-image-stack>button.is-behind,.chat-image-stack:not(.is-ready)>button:first-child{display:block}.chat-image-stack>button.is-active{z-index:2}.chat-image-stack>button.is-behind{z-index:1;transform:scale(.94)}.chat-image-stack>button.is-dragging{transition:none}.chat-image-stack>button.is-settling{transition:transform .2s cubic-bezier(.22,.75,.28,1)}.chat-image-stack img{display:block;width:116px;height:116px;object-fit:cover;pointer-events:none}.chat-image-count{position:absolute;right:7px;bottom:7px;z-index:4;padding:3px 6px;border-radius:9px;background:rgba(20,20,18,.68);color:#fff;font:500 8px/1 sans-serif}.chat-image-toggle{padding:8px 2px!important;border:0!important;background:transparent!important;color:#9c9c97!important;font:400 9px/1 sans-serif!important;letter-spacing:.08em!important}
.chat-image-fold.is-expanded{align-items:flex-start}.chat-image-fold.is-expanded .chat-image-stack{display:grid;grid-template-columns:repeat(3,74px);gap:6px;width:234px;height:auto;background:transparent;box-shadow:none;touch-action:auto}.chat-image-fold.is-expanded .chat-image-stack>button[data-chat-photo]{position:relative;display:block;width:74px;height:74px;transform:none!important;border-radius:9px}.chat-image-fold.is-expanded .chat-image-stack img{width:74px;height:74px}.chat-image-fold.is-expanded .chat-image-count{display:none}
.message.mine .chat-image-stack{margin-left:auto}.message:has(.chat-media-message){padding:6px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important}.message:has(.chat-media-message)>time{padding:2px 4px 0}
.chat-voice{display:flex;align-items:center;gap:10px;width:174px;min-height:50px;padding:8px 13px;border:1px solid rgba(45,45,42,.1);border-radius:16px;background:#fff;color:#333330;text-align:left}.message.mine .chat-voice{background:#292927;color:#fff}.chat-voice>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(120,120,115,.11);font-size:13px}.chat-voice>div{flex:1}.chat-voice strong{display:block;font:500 11px/1.2 sans-serif}.chat-voice small{display:block;margin-top:5px;opacity:.58;font:400 9px/1 sans-serif}.chat-voice.is-playing>span{animation:chat-record-pulse .85s ease-in-out infinite}
.chat-media-loading{width:116px;height:116px;display:grid;place-items:center;border-radius:12px;background:#ecece8;color:#8c8c87;font:400 9px/1.4 sans-serif;text-align:center}
#chatMediaViewer{position:fixed;inset:0;z-index:1000;display:none;width:100%;height:100%;padding:max(20px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom));border:0;background:rgba(14,14,13,.92);backdrop-filter:blur(12px)}#chatMediaViewer.open{display:grid;place-items:center}#chatMediaViewer img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}

/* Keep Beauty and its library inside the current conversation. */
.chat-room>.theme-share-sheet,.chat-room>.theme-library-sheet{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;z-index:40!important}