.g420-chat-sheet{width:min(440px,calc(100vw - 24px));max-height:min(82dvh,760px);margin:auto;padding:0;border:1px solid #72598780;border-radius:20px;background:#201b2c;color:#f5efff;box-shadow:0 20px 70px #0009;font:400 15px/1.45 Roboto,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain}
.g420-chat-sheet::backdrop{background:#09071199;backdrop-filter:blur(5px)}
.g420-chat-sheet [hidden],.g420-has-chat-tools [hidden]{display:none!important}
.g420-chat-sheet>header{position:sticky;top:0;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 17px;background:#211b2ef5;border-bottom:1px solid #ffffff12;z-index:1}
.g420-chat-sheet h2{font:600 18px/1.3 Roboto,system-ui,sans-serif;margin:0;color:inherit}.g420-chat-sheet-body{display:flex;flex-direction:column;gap:12px;padding:16px}.g420-chat-sheet-body>img{max-width:100%;height:auto}.g420-chat-sheet-status{margin:0;padding:0 16px 14px;color:#ffb7c5}.g420-chat-sheet-status:empty{display:none}
.g420-chat-sheet button{font:500 15px/1.3 Roboto,system-ui,sans-serif;cursor:pointer;min-height:42px;border-radius:11px;border:1px solid #ffffff18;color:#f3eaff;background:#30263f;padding:10px 13px}.g420-chat-sheet button:disabled{opacity:.45;cursor:default}.g420-chat-sheet .g420-chat-primary,.g420-chat-primary{background:#8753b5;color:#fff;border:0;border-radius:12px;padding:10px 15px;min-height:42px;cursor:pointer}.g420-chat-sheet .g420-chat-subtle{background:transparent;color:#d2b6ec}.g420-chat-sheet .g420-sheet-close{font-size:13px;background:transparent;padding:6px 10px;min-height:36px;border:0}.g420-sheet-action{text-align:left}
.g420-chat-sheet label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#d9c8e7}.g420-chat-sheet label:has(input[type=checkbox]){flex-direction:row;align-items:center;justify-content:space-between;min-height:36px}.g420-chat-sheet input,.g420-chat-sheet textarea{min-width:0;box-sizing:border-box;width:100%;font:400 16px/1.4 Roboto,system-ui,sans-serif;color:#fff;background:#100d18;border:1px solid #695278;border-radius:10px;padding:10px;min-height:44px}.g420-chat-sheet input[type=checkbox]{width:22px;min-height:22px;accent-color:#b38dd5}.g420-chat-sheet a{color:#d8b3fa}
.g420-chat-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto}.g420-chat-tools button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#cdb0e8;cursor:pointer;font:600 17px/1 system-ui}.g420-chat-tools .g420-tool-add{font-size:27px}.g420-chat-tools button:hover{background:#9f6fbd20}.g420-compose-note{flex-basis:100%;width:100%;margin:0;color:#d6b9ed;font:400 12px/1.4 Roboto,system-ui,sans-serif}.g420-compose-note:empty{display:none}.g420-compose-previews{display:flex;flex-wrap:wrap;gap:7px;width:100%;flex-basis:100%;max-height:180px;overflow:auto}.g420-compose-previews:empty{display:none}.g420-file-preview{display:flex;align-items:center;gap:7px;position:relative;max-width:100%;border:1px solid #7b5b9355;border-radius:9px;padding:6px;background:#20192b;color:#e7d9f0}.g420-file-preview>img{width:48px;height:48px;border-radius:6px;object-fit:cover}.g420-file-preview>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.g420-file-preview>audio{width:220px;height:38px}.g420-file-remove{padding:2px!important;width:28px!important;min-height:28px!important;height:28px!important;border:0!important;background:transparent!important;color:#ffc9d4!important;cursor:pointer}
.g420-chat-extras:empty{display:none}.g420-chat-extras{margin-top:6px}.g420-chat-album{display:grid;gap:5px}.g420-chat-album.has-many{grid-template-columns:repeat(2,minmax(0,1fr))}.g420-chat-media{min-width:0;max-width:100%;overflow:hidden;border-radius:10px}.g420-chat-media audio{width:min(100%,320px);height:44px}.g420-chat-media video{width:100%;max-height:320px;background:#100d18}.g420-chat-media img{display:block;width:100%;max-height:320px;object-fit:contain}.g420-chat-media.is-sticker img{width:150px;height:150px;object-fit:contain}.g420-media-open{display:block;width:100%;border:0!important;background:transparent!important;padding:0!important;cursor:zoom-in}.g420-media-caption{display:block;font-size:12px;color:inherit;opacity:.8;margin-bottom:5px}.g420-chat-document{display:block;border:1px solid #ae88c766;border-radius:10px;padding:12px;color:#e7c8ff;text-decoration:none;overflow-wrap:anywhere}.g420-chat-media small{display:block;font-size:11px;opacity:.7}
.g420-rich-text{white-space:pre-wrap;overflow-wrap:anywhere}.g420-rich-text button{font:inherit}.g420-format-code{font-family:monospace;background:#0003;border-radius:4px;padding:1px 4px}.g420-format-quote{border-left:2px solid #b68bde;padding-left:6px;background:#b68bde13}.g420-format-spoiler{display:inline;border:0;border-radius:4px;padding:0 2px;color:transparent!important;text-shadow:none;background:#ab91bf77;cursor:pointer}.g420-format-spoiler>*{visibility:hidden}.g420-format-spoiler.revealed{color:inherit!important;background:#ab91bf15}.g420-format-spoiler.revealed>*{visibility:visible}.g420-format-link{color:#c9a3ed;text-decoration:underline}
.g420-chat-poll{display:flex;flex-direction:column;gap:7px;padding:8px 0;min-width:220px;max-width:100%}.g420-chat-poll>small{font-size:12px;opacity:.8}.g420-poll-option{position:relative;display:flex;justify-content:space-between;gap:9px;min-height:42px;width:100%;padding:9px 11px;border:1px solid #b998d14d;border-radius:10px;background:linear-gradient(to right,#b78ddd38 var(--poll-fill),transparent var(--poll-fill));color:inherit;text-align:left;cursor:pointer;font:400 14px/1.4 Roboto,system-ui,sans-serif}.g420-poll-option[aria-pressed=true]{border-color:#ceb0eb;background-color:#b087cd2b}.g420-poll-answer{color:#bce991}.g420-poll-edit-options{display:flex;flex-direction:column;gap:8px}.g420-poll-preview{font-size:13px;color:#d7b7ee}
.g420-link-card{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-left:3px solid #b287d1;border-radius:7px;background:#b287d117;color:inherit!important;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.g420-link-card>img{max-width:100%;max-height:180px;object-fit:cover;border-radius:6px}.g420-link-card>small{color:#c3a4dc;font-size:11px}.g420-link-card>strong{font-size:13px}.g420-link-card>span{font-size:12px;opacity:.8}
.g420-library-tabs{display:flex;gap:8px}.g420-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.g420-library-grid>p{grid-column:1/-1}.g420-library-item{padding:5px!important;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:center}.g420-library-item img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.g420-library-item span{font-size:11px}.g420-record-actions{display:flex;flex-wrap:wrap;gap:8px}.g420-record-actions audio{width:100%}
@media(max-width:480px){.g420-chat-tools{gap:0}.g420-chat-tools button{width:32px;height:32px;min-height:32px;font-size:15px}.g420-chat-sheet{border-radius:18px}.g420-chat-sheet-body{padding:13px}.g420-file-preview>span{max-width:120px}.g420-chat-poll{min-width:min(220px,60vw)}}
@media(prefers-reduced-motion:reduce){.g420-chat-sheet::backdrop{backdrop-filter:none}}
.g420-chat-tools>button{white-space:nowrap}
.g420-attachment-photo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.g420-attachment-photo-actions>*{flex:1;min-width:125px}
.g420-attachment-tile{position:relative}.g420-attachment-tile>video{width:100%;height:100%;object-fit:cover;border-radius:inherit}.g420-attachment-tile .g420-attachment-remove{position:absolute;top:5px;right:5px;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:50%;background:#17121de8;color:#fff;font-size:20px}
.g420-attachment-reorder{position:absolute;bottom:5px;left:5px;right:5px;display:flex;justify-content:space-between;gap:6px}.g420-attachment-reorder button{min-height:26px;height:26px;min-width:30px;padding:2px 6px!important;background:#17121de8!important;border:0!important;color:#fff!important;border-radius:6px!important}.g420-attachment-reorder button:disabled{opacity:.35}
.g420-attachment-tile:has(.g420-attachment-reorder)>.g420-attachment-index{right:auto;left:6px}
/* A conversation-wide keyboard in the layout, never anchored to its emoji toggle. */
:is(#community-panel,#shortcut-dialog[data-panel=chat]) .g420-community-media-keyboard:not([hidden]){position:relative!important;inset:auto!important;box-sizing:border-box;flex:0 0 auto;align-self:stretch;width:100%!important;max-width:100%!important;min-width:0!important;max-height:var(--g420-media-keyboard-height,360px)!important;margin:0;border-radius:0!important}
.g420-community-media-keyboard[hidden]{display:none!important}