/* Composers share the same live optical material as the headers. */
body .phone-shell .chat-compose{gap:10px;align-items:center;z-index:20}
body .phone-shell .chat-compose .add{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #0000000b;box-shadow:0 3px 9px -4px #11111120}
body .phone-shell .chat-compose .add>svg{width:23px;height:23px;stroke-width:1.65}
body .phone-shell .chat-compose>.compose-field{position:relative;display:flex;align-items:center;flex:1;min-width:0;height:44px;border-radius:24px;padding:0 15px;font:400 17px/1 -apple-system,BlinkMacSystemFont,Arial,sans-serif;letter-spacing:-.3px;color:#a0a2a8;border:1px solid #00000010;box-shadow:0 3px 9px -4px #11111120}
body .phone-shell .chat-compose .waveform-icon{margin-left:auto;width:23px;height:21px;stroke-width:2.5;stroke:#9fa3ad}
body .phone-shell .wabi-compose{height:54px;padding:7px;gap:10px;z-index:20;border:1px solid #0000000b;box-shadow:0 3px 10px -5px #11111124;border-radius:29px}
body .phone-shell .wabi-compose>.compose-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:linear-gradient(#ffffffd9,#eeeeefb0);border:1px solid #ffffffc0;box-shadow:inset 0 1px 1px #fff,0 1px 3px #00000008;color:#323438}
body .phone-shell .wabi-compose .compose-plus-control>svg{width:21px;height:21px;stroke-width:1.65}
body .phone-shell .wabi-compose .compose-mic-control{margin-left:auto}
body .phone-shell .wabi-compose .mic-icon{width:19px;height:19px;margin:0;stroke-width:1.65;stroke:#55595f;color:#55595f}
body .phone-shell .wabi-compose>.compose-placeholder{font:400 17px/1.2 Selecta,Arial,sans-serif;color:#96999f}
body .phone-shell :is(.chat-compose,.wabi-compose) .lg-material,body .phone-shell :is(.chat-compose,.wabi-compose) .lg-material>*{position:absolute;inset:0;width:100%;height:100%;min-width:0;margin:0;padding:0;border:0;border-radius:inherit;pointer-events:none}
body .phone-shell :is(.chat-compose,.wabi-compose) .lg-optics{fill:initial;stroke:none}
body .phone-shell :is(.chat-compose,.wabi-compose) .lg-frost{background-color:#ffffff80}
body .phone-shell :is(.messages,.wabi-content){bottom:30px;padding-bottom:80px;scroll-padding-bottom:80px;overflow-anchor:none;overscroll-behavior:contain}
body .phone-shell :is(.messages,.wabi-content)>[hidden]{display:none!important}
body .phone-shell :is(.messages,.wabi-content):focus-visible{outline:1px solid #92969c;outline-offset:2px;border-radius:6px}
@media(prefers-reduced-transparency:reduce){body .phone-shell :is(.chat-compose,.wabi-compose) .lg-frost{background:#fafbfc}}
@media(forced-colors:active){body .phone-shell .wabi-compose>.compose-icon,body .phone-shell .chat-compose>.compose-field,body .phone-shell .chat-compose .add{border:1px solid ButtonText;background:Canvas;color:CanvasText}}
/* Reserve room for the native-style bubble tails inside the scroll viewport. */
body .phone-shell .messages{padding-inline:10px;overflow-x:hidden}