:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#fafbfc;--border:#e3e5e9;--text:#1c1e26;--text-2:#5b6070;--text-3:#8a8f9e;--danger:#dc2626;--accent:oklch(.62 .1 190);--accent-soft:color-mix(in oklch, oklch(.62 .1 190) 16%, white);--radius:5px;--radius-lg:8px;--z-base:0;--z-drawer:100;--z-thread:200;--z-panel:300;--z-popover:400;--z-lightbox:500}*{box-sizing:border-box}html,body,#app{height:100dvh;margin:0}body{font:13.5px/1.4 Inter,system-ui,sans-serif;color:var(--text);background:var(--bg)}button{font:inherit;cursor:pointer;border-radius:var(--radius)}.app{height:100dvh;display:flex}.auth-failed{flex:1;display:grid;place-items:center;padding:24px}.auth-failed-card{width:min(420px,100%);padding:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center}.auth-failed-card h1{margin:0 0 8px;font-size:18px}.auth-failed-card p{margin:0 0 18px;color:var(--text-2)}.auth-failed-card button{padding:7px 12px;border:1px solid var(--accent);background:var(--accent);color:var(--surface)}.auth-failed-card button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sidebar{width:210px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .me{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;gap:6px;align-items:center}.sidebar .me .profile{min-width:0;display:flex;align-items:center;gap:6px;background:none;border:none;padding:0;text-align:left;color:inherit}.sidebar .me .name{font-weight:600}.sidebar .me .out{margin-left:auto;background:none;border:none;color:var(--text-3);font-size:11px}.sidebar .me .bots-link{margin-left:auto;background:none;border:none;color:var(--text-3);font-size:11px;padding:0}.sidebar .me .bots-link+.out{margin-left:0}.sidebar .me .out:hover{color:var(--danger)}.search{padding:8px 10px;border-bottom:1px solid var(--border)}.search input{width:100%;font-size:16px;line-height:1.4;font-family:inherit;padding:6px 9px;border:1px solid var(--border);border-radius:var(--radius)}.convhead{display:flex;align-items:center;padding:8px 12px 2px;color:var(--text-3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.convhead button,.dmsep button{margin-left:auto;background:none;border:none;color:var(--text-3);font-size:15px;line-height:1;padding:0 4px}.convhead button:hover,.dmsep button:hover{color:var(--accent)}.convs{flex:1;overflow:auto;padding:4px 6px}.conv{background:none;border:none;font:inherit;color:inherit;text-align:left;width:100%;display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:var(--radius);cursor:pointer;color:var(--text-2)}.conv .cname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv .unread{flex:0 0 auto;max-width:4.5em;margin-left:auto;overflow:hidden;text-overflow:ellipsis;padding:0 6px;border-radius:999px;font-size:10px;font-variant-numeric:tabular-nums}.conv .unread.channel{background:var(--surface-2);color:var(--text-3);border:1px solid var(--border)}.conv .unread.dm{background:var(--accent);color:var(--surface)}.conv .unread+.subadd{margin-left:0}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--accent-soft);color:var(--text);font-weight:600}.conv .subadd{margin-left:auto;visibility:hidden;background:none;border:none;color:var(--text-3);font-size:14px;padding:0 2px}.conv:hover .subadd,.conv:focus-within .subadd{visibility:visible}.archive-toggle{display:flex;gap:6px;align-items:center;padding:4px 12px;color:var(--text-3);font-size:11px}.archive-toggle input{accent-color:var(--accent)}.conv.archived{color:var(--text-3);font-style:italic}.conv{position:relative}.conv .channel-menu-button{background:none;border:0;color:var(--text-3);padding:0 2px}.channel-menu{position:absolute;right:4px;top:28px;z-index:var(--z-popover);display:flex;flex-direction:column;min-width:100px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 14px #0000002e}.channel-menu button{background:none;border:0;padding:6px 8px;text-align:left;color:var(--text)}.channel-menu button:hover{background:var(--surface-2)}.rename-input{min-width:0;width:100%}.archived-notice{padding:14px;border-top:1px solid var(--border);background:var(--surface);color:var(--text-3);text-align:center}.dmsep{display:flex;align-items:center;color:var(--text-3);font-size:11px;font-weight:600;text-transform:uppercase;padding:8px 8px 2px}.dmusers{display:flex;flex-direction:column;gap:6px;margin-top:12px}.dmusers button{width:100%;text-align:left;border:none;background:transparent;font:inherit;color:var(--text-2);padding:5px 8px;border-radius:var(--radius);cursor:pointer}.dmusers button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.dmusers button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dmusers button:disabled{opacity:.5;cursor:default}.muted{color:var(--text-3);padding:8px 0}.bot-badge{display:inline-block;flex:0 0 auto;color:var(--text-3);font-size:9px;font-weight:600;line-height:1;letter-spacing:.04em;text-transform:uppercase}.main{flex:1;display:flex;flex-direction:column;min-width:0}.header{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface);font-weight:700;display:flex;align-items:center;gap:8px}.header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archived-label{flex:0 0 auto;color:var(--text-3);font-size:10.5px;font-weight:600}.pins-button{margin-left:auto;flex:0 0 auto;white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);padding:4px 8px}.navtoggle{display:none;background:none;border:none;font-size:16px;line-height:1;padding:0 4px 0 0;color:var(--text-2)}.header .clear{margin-left:auto;background:none;border:none;color:var(--text-3);font-size:11px}.msgs{flex:1;overflow:auto;padding:10px 14px;display:flex;flex-direction:column;gap:5px;border:2px solid transparent}.msgs.drop{border-color:var(--accent);background:var(--accent-soft)}.daysep{display:flex;align-items:center;gap:8px;margin:5px 0;color:var(--text-3);font-size:10.5px;text-align:center}.daysep:before,.daysep:after{content:"";flex:1;border-top:1px solid var(--border)}.newsep{display:flex;align-items:center;gap:8px;margin:7px 0;color:var(--accent);font-size:10.5px;font-weight:600;text-transform:uppercase}.newsep:before,.newsep:after{content:"";flex:1;border-top:1px solid var(--accent)}.empty{margin:auto;color:var(--text-3)}.status{font-size:11px;color:var(--text-3);padding:2px 14px}.typing-indicator{min-height:18px;padding:1px 14px 0;color:var(--text-2);font-size:11px;font-style:italic}.errbar{width:100%;box-sizing:border-box;display:flex;align-items:center;padding:8px 14px;border-top:1px solid var(--border);background:#fef2f2;color:var(--danger);font-size:11px}.errbar .x{margin-left:auto;background:none;border:none;color:inherit}.msg{min-width:0;display:flex;gap:8px;align-items:flex-start}.msg.message-flash{animation:message-flash 1.8s ease-out;border-radius:var(--radius)}@keyframes message-flash{0%,25%{background:var(--accent-soft);box-shadow:0 0 0 5px var(--accent-soft)}to{background:transparent;box-shadow:none}}.latest{position:sticky;top:4px;z-index:1;align-self:center}.newer{align-self:center}.copy-failed{display:flex;flex-direction:column;gap:4px;padding:4px 8px;color:var(--danger);font-size:11px}.copy-failed input{width:260px;max-width:70vw;-webkit-user-select:all;user-select:all}.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;-webkit-user-select:none;user-select:none}.avatar-wrap{position:relative;flex:0 0 auto;display:inline-flex}.online-dot{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid var(--surface);border-radius:50%;background:var(--accent)}.mbody{min-width:0;display:flex;flex-direction:column;gap:1px}.mhead{display:flex;align-items:baseline;gap:6px;line-height:1.1}.mhead .who{font-weight:600;font-size:12.5px}.mhead .when{color:var(--text-3);font-size:10.5px;font-variant-numeric:tabular-nums}.brow{position:relative;min-width:0;display:flex;align-items:center}.bubble{min-width:0;max-width:min(640px,100%);background:var(--surface-2);border:1px solid var(--border);border-radius:3px 12px 12px;padding:5px 10px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.bubble p{margin:0}.bubble p+p{margin-top:.55em}.bubble code{padding:.08em .3em;border-radius:3px;background:color-mix(in oklch,var(--text) 7%,transparent);font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.bubble pre{max-width:100%;min-width:0;margin:.35em 0;padding:7px 9px;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);white-space:pre}.bubble pre code{padding:0;background:none;white-space:pre;overflow-wrap:normal;word-break:normal}.bubble blockquote{margin:.3em 0;padding-left:9px;border-left:3px solid var(--border);color:var(--text-2)}.bubble ul,.bubble ol{margin:.25em 0;padding-left:1.5em}.bubble li{margin:.08em 0}.bubble a{color:var(--accent);overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:2px}.bubble a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.mention{display:inline-block;padding:0 .2em;border-radius:3px;background:var(--surface);color:var(--accent);font-weight:600}.mention.me{background:var(--accent);color:var(--surface)}.bubble.own{background:var(--accent-soft);border-color:transparent}.bubble.gone{color:var(--text-3);font-style:italic;background:transparent;border-style:dashed}.bubble .edited{color:var(--text-3);font-size:10px;margin-left:5px;font-style:normal}.actions{position:absolute;left:calc(100% + 6px);top:50%;display:flex;gap:1px;opacity:0;pointer-events:none}.msg:hover .actions,.msg:focus-within .actions{opacity:1;pointer-events:auto}.actions button{background:none;border:none;font-size:13px;padding:1px 3px;color:var(--text-3);border-radius:var(--radius)}.actions button:hover{background:var(--surface-2);color:var(--accent)}.pin-indicator{color:var(--text-3);font-size:10px}.pins-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);border:0;background:#00000038}.pins-panel{position:fixed;z-index:var(--z-panel);top:0;right:0;bottom:0;width:min(440px,92vw);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px #00000024;outline:none}.pins-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.pins-heading button{border:0;background:none;color:var(--text-2)}.pins-list{overflow:auto;padding:12px;display:flex;flex-direction:column;gap:14px}.bots-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-panel);background:#00000038}.bots-panel{position:fixed;z-index:var(--z-panel);top:0;right:0;bottom:0;width:min(440px,92vw);display:flex;flex-direction:column;overflow:auto;background:var(--surface);border-left:1px solid var(--border);box-shadow:-8px 0 24px #00000024;outline:none}.bots-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border)}.bots-heading button{border:0;background:none;color:var(--text-2)}.bots-heading button:disabled{opacity:.45;cursor:default}.bot-create{display:flex;flex-direction:column;gap:10px;padding:14px;border-bottom:1px solid var(--border)}.bot-create .field{margin:0}.check{display:flex;align-items:center;gap:6px;color:var(--text-2);font-size:12px}.check input{accent-color:var(--accent)}.webhook-fields{display:flex;flex-direction:column;gap:10px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.webhook-fields fieldset{display:flex;gap:12px;margin:0;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius)}.webhook-fields legend{color:var(--text-3);font-size:11px}.bot-actions,.bot-entry-actions,.revoke-confirm,.token-row{display:flex;align-items:center;gap:8px}.bot-actions .primary,.token-once .primary{border:0;padding:7px 12px;background:var(--accent);color:#fff;font-weight:600}.bot-actions .msg{color:var(--text-3);font-size:11px}.bots-list{display:flex;flex-direction:column;padding:0 14px}.bot-entry{padding:12px 0;border-bottom:1px solid var(--border)}.bot-summary{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.bot-summary span,.bot-used{color:var(--text-3);font-size:11px}.bot-used{margin-top:2px}.bot-entry-actions,.revoke-confirm{margin-top:8px}.bot-entry-actions button,.revoke-confirm button,.token-row button{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);padding:5px 8px}.bot-entry-actions .danger-link,.revoke-confirm .danger{color:var(--danger)}.revoke-confirm{flex-wrap:wrap;color:var(--text-2);font-size:12px}.token-once{margin:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2)}.token-once p{margin:5px 0 12px;color:var(--danger);font-size:12px;font-weight:600}.token-once label{display:block;margin-bottom:4px;color:var(--text-2);font-size:11px}.token-msg{display:block;min-height:16px;color:var(--danger);font-size:11px}.token-close-note{display:block;margin-bottom:8px;color:var(--text-3);font-size:11px}.token-row{margin-bottom:12px}.token-row input{min-width:0;flex:1;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);font:12px ui-monospace,SFMono-Regular,Consolas,monospace;-webkit-user-select:all;user-select:all}.pin-entry{border-bottom:1px solid var(--border);padding-bottom:12px}.pin-meta{margin-bottom:7px;color:var(--text-3);font-size:11px}.pin-entry .jump{margin:6px 0 0 38px;border:0;background:none;color:var(--accent);font-size:11px}.pin-entry .jump:disabled{color:var(--text-3)}.rx{display:flex;flex-wrap:wrap;gap:3px;margin:1px 0 0}.rx .chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;padding:0 6px;border:1px solid var(--border);background:var(--surface-2);border-radius:999px;color:var(--text-2);cursor:pointer}.rx .chip.mine{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.rx .chip-static{cursor:default}.replies{background:none;border:none;font:inherit;color:inherit;text-align:left;width:100%;width:auto;align-self:flex-start;padding:0;font-size:11px;color:var(--accent);cursor:pointer;margin-top:1px}.replies:hover{text-decoration:underline}.editrow{display:flex;gap:6px;margin-top:2px}.editrow input{flex:1;font-size:16px;line-height:1.4;font-family:inherit;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius)}.composer{display:flex;flex-direction:column;gap:7px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface);outline:2px solid transparent;outline-offset:-2px}.composer.drop{outline-color:var(--accent);background:var(--accent-soft)}.compose-row{position:relative;display:flex;gap:8px;align-items:stretch}.composer textarea{flex:1;min-height:37px;font-size:16px;line-height:1.4;font-family:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);resize:none;overflow-y:auto}.composer button{background:var(--accent);color:#fff;border:none;padding:8px 14px;font-weight:600}.composer button:disabled{opacity:.5;cursor:default}.composer .paperclip{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);padding:7px 10px;font-size:17px;line-height:1}.mention-list{position:absolute;z-index:var(--z-popover);left:0;bottom:calc(100% + 5px);width:min(320px,100%);max-height:180px;overflow-y:auto;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:0 6px 20px #00000024}.mention-list button{display:block;width:100%;padding:6px 9px;text-align:left;background:transparent;color:var(--text);font-weight:400}.mention-list button[aria-selected=true]{background:var(--accent-soft);color:var(--text)}.pending{display:flex;gap:6px;overflow-x:auto;padding-bottom:1px}.attach-chip{position:relative;flex:0 0 190px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:5px 25px 5px 7px}.attach-chip.error{border-color:color-mix(in oklch,var(--danger) 45%,var(--border));background:#fef2f2}.attach-info{display:flex;gap:5px;color:var(--text-3);font-size:10px}.attach-name{min-width:0;flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip progress{display:block;width:100%;height:3px;margin-top:4px;accent-color:var(--accent)}.attach-error{display:block;color:var(--danger);font-size:10px;line-height:1.2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-chip .remove{position:absolute;right:3px;top:2px;background:none;color:var(--text-3);padding:2px 4px;font-size:10px}.attachments{display:flex;flex-direction:column;gap:6px;margin-top:5px;max-width:100%}.image-attachment{display:block;max-width:100%;padding:0;border:0;background:none;line-height:0;overflow:hidden}.image-attachment img,.attachments video{display:block;width:auto;height:auto;max-width:100%;max-height:320px;border-radius:var(--radius);object-fit:contain}.image-attachment img.missing-dimensions{min-height:140px}.file-card{display:flex;align-items:center;gap:8px;min-width:0;max-width:320px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);text-decoration:none}.file-card:hover{border-color:var(--accent)}.file-icon{color:var(--accent);font-size:20px}.file-meta{display:flex;min-width:0;flex-direction:column;color:var(--text-3);font-size:10px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px}.result{display:block;width:100%;background:none;border:0;text-align:left;font:inherit;color:inherit;border-radius:0;padding:7px 4px;border-bottom:1px solid var(--border);cursor:pointer}.result:hover{background:var(--surface-2)}.result .rconv{color:var(--accent);font-weight:600;font-size:11px}.result .who{font-weight:600;margin-left:6px}.result .snip{color:var(--text-2);margin-top:2px}.result mark{background:var(--accent-soft);color:var(--text);padding:0 1px;border-radius:3px}.epick{position:fixed;z-index:var(--z-popover);background:var(--surface);max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);border:1px solid var(--border-strong, #d2d5db);border-radius:var(--radius-lg);box-shadow:0 8px 30px #00000029;overflow:auto}.epick-loading{display:flex;width:350px;height:434px;align-items:center;justify-content:center;color:var(--text-3);font-size:11px}.epick .addtoggle{width:100%;text-align:left;background:var(--surface-2);border:none;border-top:1px solid var(--border);color:var(--text-2);padding:7px 10px;font-size:12px}.epick .addtoggle:hover{color:var(--accent)}.epick .addemoji{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.epick .addemoji input[type=text],.epick .addemoji input:not([type]){font-size:16px;line-height:1.4;font-family:inherit;padding:5px 8px;border:1px solid var(--border);border-radius:var(--radius)}.epick .addemoji .row{display:flex;gap:6px;align-items:center}.epick .addemoji .row button{background:var(--accent);color:#fff;border:none;padding:5px 10px;font-weight:600;font-size:12px}.epick .addemoji .row button[type=button]{background:var(--surface-2);color:var(--text-2)}.epick .addemoji .err{color:var(--danger);font-size:11px}.menu{position:fixed;z-index:var(--z-popover);background:var(--surface);border:1px solid var(--border-strong,#d2d5db);border-radius:var(--radius);box-shadow:0 6px 20px #00000024;padding:3px;display:flex;flex-direction:column;min-width:130px}.menu button{background:none;border:none;text-align:left;padding:6px 10px;font-size:12px;border-radius:var(--radius);color:var(--text)}.menu button:hover{background:var(--surface-2)}.menu button.del{color:var(--danger)}.menu .confirm{padding:6px 10px 3px;font-size:12px;color:var(--text-2)}.restore{background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;margin-left:6px}.restore:hover{text-decoration:underline}.cemoji{height:1.25em;width:auto;vertical-align:-.25em}.rx .cemoji{height:14px}.sidebar .me{cursor:pointer}.sidebar .me:hover{background:var(--surface-2)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161e59;display:flex;align-items:center;justify-content:center;z-index:var(--z-panel);cursor:pointer}.modal{width:340px;max-width:92vw;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000040;padding:16px}.modal .mtitle{font-weight:700;display:flex;align-items:center;margin-bottom:12px}.modal .mtitle .x{margin-left:auto;background:none;border:none;color:var(--text-3);font-size:14px}.avatar-edit{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1.5px dashed var(--border-strong,#d2d5db);border-radius:var(--radius-lg);margin-bottom:14px;text-align:center}.avatar-edit.drag{border-color:var(--accent);background:var(--accent-soft)}.avatar-edit .hint{font-size:12px;color:var(--text-2)}.avatar-edit .pick{color:var(--accent);cursor:pointer}.avatar-edit .pick:hover{text-decoration:underline}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2);margin-bottom:12px}.field input{font-size:16px;line-height:1.4;font-family:inherit;padding:7px 10px;border:1px solid var(--border-strong,#d2d5db);border-radius:var(--radius);color:var(--text)}.notification-setting{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:11px 0;margin-bottom:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.notification-setting .setting-label{font-size:12px;color:var(--text-2)}.notification-setting button{border:1px solid var(--border-strong,#d2d5db);background:var(--surface-2);color:var(--text);padding:7px 10px}.notification-setting button.enabled{border-color:var(--accent);background:var(--accent-soft)}.notification-setting button:disabled{cursor:default;opacity:.6}.notification-setting .setting-note{color:var(--text-3);font-size:11px}.notification-setting .setting-error{color:var(--danger);font-size:11px}.modal .row{display:flex;align-items:center;gap:10px}.modal .row .primary{background:var(--accent);color:#fff;border:none;padding:7px 16px;font-weight:600}.modal .row .msg{font-size:12px;color:var(--text-3)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-lightbox);display:flex;align-items:center;justify-content:center;padding:18px;background:#14161edb;cursor:pointer}.lightbox{display:flex;flex-direction:column;max-width:100%;max-height:100%;cursor:default;outline:none}.lightbox-head{display:flex;align-items:center;gap:12px;min-width:0;padding:7px 2px;color:#fff}.lightbox-head>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-head a{color:#fff}.lightbox-head .x{border:0;background:none;color:#fff;font-size:17px}.lightbox>img{display:block;min-width:0;min-height:0;max-width:calc(100vw - 36px);max-height:calc(100dvh - 75px);object-fit:contain}.thread{width:340px;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.thread .thead{padding:10px 14px;border-bottom:1px solid var(--border);font-weight:700;display:flex}.thread .thead .x{margin-left:auto;background:none;border:none;color:var(--text-3)}.thread .tmsgs{flex:1;overflow:auto;padding:10px 14px}@media(min-width:701px){.search input{font-size:13.5px;line-height:1.4;font-family:inherit}}@media(max-width:700px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(80vw,280px);z-index:var(--z-drawer);transform:translate(-100%);visibility:hidden;transition:transform .18s ease,visibility .18s;box-shadow:0 0 40px #0000002e}.sidebar.open{transform:translate(0);visibility:visible}.navscrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161e59;border:none;border-radius:0;z-index:calc(var(--z-drawer) - 1);cursor:pointer}.thread{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;z-index:var(--z-thread)}.composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.msgs{padding:10px}.navtoggle{display:inline-block}}@media(hover:none),(pointer:coarse){.mbody{flex:1}.brow{flex-direction:column;align-items:flex-start}.bubble{width:fit-content;max-width:100%}.actions{position:static;align-self:flex-end;margin-top:2px;opacity:1;pointer-events:auto}.actions button{min-width:32px;min-height:30px}}