.chat-extras-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:20px;background:rgba(35,19,39,.55);backdrop-filter:blur(8px);overscroll-behavior:contain}
.chat-extras-panel{width:min(100%,470px);max-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:20px;border-radius:25px;background:#fff9fd;color:#452e48;box-shadow:0 20px 70px #24102f55}
.chat-extras-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.chat-extras-panel h3{font-size:21px;margin:0}.chat-extras-panel header button{flex:none;border:0;border-radius:50%;width:40px;height:40px;background:#f5e6f2;color:#783c78;font-size:26px}
#chatExtrasContent{display:grid;gap:12px}#chatExtrasContent textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ddc9dd;border-radius:15px;font:inherit;font-size:16px;background:#fff;color:#38283c;resize:vertical}#chatExtrasContent p{font-size:14px;line-height:1.6;margin:0}#chatExtrasContent input[type=file]{max-width:100%;font-size:14px}#chatExtrasContent label{display:grid;gap:8px}#chatExtrasError{color:#ac2451;font-size:14px;line-height:1.5}#chatExtrasError:empty{display:none}.voice-draft-player{box-sizing:border-box;padding:18px;border-radius:18px;background:#f1e5f7;color:#63286e;min-height:76px}.voice-draft-player .chat-voice-time{font-size:12px}.voice-draft-player .chat-voice-toggle{width:44px;height:44px;flex-basis:44px}
.wallpaper-preview{display:grid;place-items:center;height:190px;border-radius:18px;background-color:#f0dfed;background-size:cover;background-position:center;color:#fff;font-weight:800;text-shadow:0 1px 5px #000}.chat-messages.custom-wallpaper{background-size:cover!important;background-position:center!important}.chat-messages.custom-wallpaper .chat-date-separator,.chat-messages.custom-wallpaper .chat-new-marker{background:#38203dbb;color:#fff}.chat-messages.custom-wallpaper .chat-empty{background:#fffdf9dd;border-radius:18px;color:#452e48}
.gallery-tabs{display:flex;gap:8px}.gallery-tabs button{padding:10px 20px;border:0;border-radius:20px;background:#f1e4f0;color:#663865;font:inherit}.gallery-tabs button[aria-pressed=true]{background:#963b96;color:#fff}.shared-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-photo{padding:0;aspect-ratio:1;border:0;border-radius:12px;background:#ecdfea;overflow:hidden}.gallery-photo img{width:100%;height:100%;object-fit:cover}.gallery-voice,.shared-media-grid>p{grid-column:1/-1}.gallery-voice{padding:12px;border-radius:15px;background:#f4eaf6}.gallery-voice .chat-voice-time{font-size:11px}.chat-replied:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chat-message.reply-ready::before{content:'↩';color:var(--brand);font-size:24px}.chat-jump-highlight .chat-bubble{outline:3px solid #f1ae45;box-shadow:0 0 24px #f1ae4566}.chat-edited{flex:none;white-space:nowrap;font-size:8px;font-style:italic;opacity:.78}.chat-more-menu{max-height:70dvh;overflow:auto}.chat-action-sheet{max-height:calc(100dvh - 90px)}
@media(prefers-reduced-motion:no-preference){.chat-jump-highlight{animation:jumpFocus 1.8s ease}@keyframes jumpFocus{0%,100%{filter:brightness(1)}40%{filter:brightness(1.16)}}}
@media(max-width:380px){.chat-extras-overlay{padding:12px}.chat-extras-panel{padding:16px}.shared-media-grid{gap:5px}}