/* Quiet message cards: metadata stays outside ordinary message surfaces. */
html{min-height:100%;background:var(--q-bg)!important}body{min-height:100dvh;margin:0;display:flow-root;background:var(--q-bg)!important}
body #app{margin:24px auto;height:calc(100dvh - 48px)}
#app aside header{gap:12px;padding-inline:18px}#app aside header>div:nth-child(2){min-width:0;flex:1}#app aside header b{font-size:19px;white-space:nowrap}
#app aside header .theme-toggle.inside-header{position:static;flex:0 0 36px;width:36px;height:44px;margin:0;padding:0;display:grid;border:0;box-shadow:none;background:transparent!important;backdrop-filter:none}
#app aside header button:last-child{flex:0 0 36px;width:36px;margin:0}
@media(max-width:700px){body #app{margin:0;height:100dvh}#app aside header .theme-toggle.inside-header{display:grid}}
#app aside header button{color:var(--q-muted)!important;background:transparent!important;border-color:transparent!important}
:root{--q-mine:#292929;--q-mine-ink:#f5f5f5;--q-mine-muted:#c1c1c1}
:root[data-theme=dark]{--q-mine:#e1e1e1;--q-mine-ink:#202020;--q-mine-muted:#545454}
#messages .bubble.mine{color:var(--q-mine-ink)!important}
#messages .bubble:not(.media-bubble):not(.round-bubble){position:relative;overflow:visible;margin-bottom:22px;box-shadow:none;padding:13px 17px;border-color:transparent}
#messages .bubble:not(.media-bubble):not(.round-bubble)>time{position:absolute;left:3px;bottom:-20px;margin:0;padding:0;white-space:nowrap;background:none!important;color:var(--q-muted)!important;font-size:10px;line-height:16px}
#messages .bubble.mine:not(.media-bubble):not(.round-bubble)>time{left:auto;right:3px}
#messages .bubble.audio-bubble,#messages .bubble.document-bubble{width:300px;max-width:86%;background:var(--q-bubble)!important;color:var(--q-ink)!important}
#messages .bubble.audio-bubble.mine,#messages .bubble.document-bubble.mine{background:var(--q-mine)!important;color:var(--q-mine-ink)!important}
.voice-player,.document-name{color:inherit}.voice-player .voice-play{width:40px;height:40px;flex-basis:40px;background:var(--q-button)!important;color:var(--q-on)!important}.voice-play svg{width:21px;height:21px}.voice-wave i{background:var(--q-muted)}.voice-wave i.played{background:var(--q-ink)}.voice-meta,.document-size,.voice-speed{color:var(--q-muted)!important}.mine .voice-meta,.mine .document-size,.mine .voice-speed{color:var(--q-mine-muted)!important}.mine .voice-wave i{background:var(--q-mine-muted)}.mine .voice-wave i.played{background:var(--q-mine-ink)}.mine .voice-play{background:var(--q-mine-ink)!important;color:var(--q-mine)!important}
.document-icon{width:36px;height:40px;background:transparent!important;color:inherit!important}.document-icon svg{width:22px;height:22px}.document-icon svg path:last-child{stroke:var(--q-solid)}.document-name{font-size:13px;font-weight:600}.document-size{font-size:11px}.document-download{gap:12px}
.typing{padding-inline:28px;font-size:12px}.typing:not(:empty)::before{content:'···';font-weight:bold;letter-spacing:3px;margin-right:8px}