@import url('./fonts.css');
:root{font-family:'Open Sans',sans-serif;color:var(--text);background:var(--bg);font-size:13px}*{box-sizing:border-box}body{margin:0}button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), input:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), select:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), textarea:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font:inherit}button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), a:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), input:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), textarea:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), select:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){-webkit-tap-highlight-color:transparent}button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), a:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){touch-action:manipulation}button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){cursor:pointer}a:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){color:inherit;text-decoration:none}button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){color:inherit}button:disabled:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){opacity:.5;cursor:wait}input:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), textarea:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), select:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){outline:none;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-2);padding:12px;color:var(--text)}input:focus:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), textarea:focus:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), select:focus:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){border-color:var(--text-3)}button:focus-visible:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), a:focus-visible:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){outline:2px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.workspace:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){display:flex;height:100dvh;min-height:550px}.sidebar:where(.app-sidebar, .app-sidebar *){width:208px;flex-shrink:0;background:var(--bg-soft);border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column}.logo:where(.app-sidebar, .app-sidebar *){display:block;padding:0 5px 34px}.logo img:where(.app-sidebar, .app-sidebar *){width:161px;height:auto}.logo>span:where(.app-sidebar, .app-sidebar *){display:block;font-size:9px;letter-spacing:3px;color:var(--text-3);margin:9px 0 0 38px}.nav-item:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){display:flex;align-items:center;width:100%;border:0;background:transparent;border-radius:9px;text-align:left;gap:12px;padding:12px 10px;margin:3px 0;font-size:12px;color:var(--text-2)}.nav-item>span:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){font-size:20px;width:20px;text-align:center}.nav-item.active:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){background:var(--surface-3);color:var(--text);font-weight:600}.nav-item:hover:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){background:var(--surface-2)}.nav-item b:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){margin-left:auto;font-size:10px}.nav-divider:where(.app-sidebar, .app-sidebar *){height:1px;background:var(--line);margin:23px 10px}.sidebar-bottom:where(.app-sidebar, .app-sidebar *){margin-top:auto}.sidebar-bottom>a:first-child:where(.app-sidebar, .app-sidebar *){display:block;color:var(--text-3);font-size:11px;padding:18px 6px}.profile:where(.app-sidebar, .app-sidebar *){display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 2px 0}.profile strong:where(.app-sidebar, .app-sidebar *), .profile small:where(.app-sidebar, .app-sidebar *){display:block}.profile small:where(.app-sidebar, .app-sidebar *){font-size:10px;color:var(--muted);margin-top:3px}.avatar:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){height:37px;width:37px;flex-shrink:0;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:600;font-size:16px}.main:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:95px;flex-shrink:0;padding:22px 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--text-3)}.topbar h1{font-size:22px;letter-spacing:-.8px;margin:4px 0 0;font-weight:600}.top-actions:where(.topbar, .topbar *), .row:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){display:flex;align-items:center;gap:16px}#connection:where(.app-sidebar, .app-sidebar *){font-size:10px;color:var(--text-3)}#connection:where(.app-sidebar, .app-sidebar *)::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--presence-offline);margin-right:6px}#connection.online:where(.app-sidebar, .app-sidebar *)::before{background:var(--presence-online)}.primary:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), .secondary:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), .subtle:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 17px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);font-size:12px;font-weight:600}.primary:hover:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){background:var(--accent-hover)}.secondary:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){border-color:var(--border-strong);background:var(--surface);color:var(--text)}.subtle:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){background:transparent;border:0;color:var(--text-3);font-size:11px}.icon-button:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){border:0;background:transparent;border-radius:8px;padding:7px 10px;font-size:18px}.icon-button:hover:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){background:var(--surface-2)}.chat-columns{display:flex;flex:1;min-height:0}.conversation-list:where(.chat-columns, .chat-columns *, .support-page, .support-page *){width:330px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding-top:22px}.search:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;align-items:center;margin:0 20px;background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--text-3)}.search input:where(.chat-columns, .chat-columns *, .support-page, .support-page *){border:0;background:transparent;width:100%;font-size:11px;padding:11px 8px}.inbox:where(.chat-columns, .chat-columns *, .support-page, .support-page *){overflow:auto;flex:1;padding:0 10px}.chat-item:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;align-items:center;gap:11px;border:0;background:transparent;width:100%;padding:15px 12px;text-align:left;border-radius:10px;margin-bottom:4px}.chat-item:hover:where(.chat-columns, .chat-columns *, .support-page, .support-page *){background:var(--surface-2)}.chat-item.active:where(.chat-columns, .chat-columns *, .support-page, .support-page *){background:var(--brand-soft)}.chat-item .avatar:where(.chat-columns, .chat-columns *, .support-page, .support-page *){width:41px;height:41px}.chat-item .summary:where(.chat-columns, .chat-columns *, .support-page, .support-page *){min-width:0;flex:1}.chat-item strong:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item p:where(.chat-columns, .chat-columns *, .support-page, .support-page *){margin:5px 0 0;color:var(--text-3);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-meta:where(.chat-columns, .chat-columns *, .support-page, .support-page *){align-self:flex-start;text-align:right;color:var(--text-3);font-size:9px}.badge:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:block;width:18px;padding:2px 0;background:var(--brand-strong);color:var(--accent-text);border-radius:6px;margin:8px 0 0 auto}.conversation:where(.chat-columns, .chat-columns *, .support-page, .support-page *){flex:1;min-width:0;background:var(--bg);display:flex}.welcome:where(.chat-columns, .chat-columns *, .support-page, .support-page *){margin:auto;text-align:center;padding:36px;max-width:550px}.welcome-symbol:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:37px;font-weight:300;background:var(--brand-soft);width:82px;height:82px;border-radius:26px;margin:0 auto 32px;color:var(--brand)}.welcome h2:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:38px;letter-spacing:-1.6px;line-height:1.2;margin:15px 0}.welcome p:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:13px;line-height:1.8;color:var(--text-3);max-width:320px;margin:0 auto 26px}.welcome-notes:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;gap:20px;justify-content:center;margin-top:52px;font-size:10px;color:var(--text-3)}.thread:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;flex-direction:column;flex:1;min-width:0}.thread-header:where(.chat-columns, .chat-columns *, .support-page, .support-page *){height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:18px 25px;gap:13px}.thread-header h2:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:14px;margin:0;font-weight:600}.thread-header p:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:12px;color:var(--text-3);margin:3px 0 0}.thread-header>button:last-child:where(.chat-columns, .chat-columns *, .support-page, .support-page *){margin-left:auto}.messages:where(.chat-columns, .chat-columns *, .support-page, .support-page *){overflow:auto;flex:1;padding:18px 28px;scroll-behavior:smooth;background:var(--chat-bg)}#older:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;margin:auto}.message-row:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;margin:15px 0;align-items:flex-end;gap:8px}.message-row.own:where(.chat-columns, .chat-columns *, .support-page, .support-page *){justify-content:flex-end}.bubble:where(.chat-columns, .chat-columns *, .support-page, .support-page *){max-width:min(85%,550px);background:var(--bubble-in);border:1px solid var(--bubble-in-border);border-radius:13px 13px 13px 3px;padding:11px 14px;position:relative;overflow-wrap:anywhere}.own .bubble:where(.chat-columns, .chat-columns *, .support-page, .support-page *){background:var(--bubble-out);border-color:var(--bubble-out-border);border-radius:13px 13px 3px 13px}.sender:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:10px;color:var(--brand);font-weight:600;margin-bottom:5px}.message-text:where(.chat-columns, .chat-columns *, .support-page, .support-page *){white-space:pre-wrap;line-height:1.65;font-size:13px}.message-time:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:9px;color:var(--bubble-meta);text-align:right;margin-top:6px}.message-actions:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.message-actions button:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:9px;border:0;background:transparent;color:var(--bubble-meta);padding:2px}.message-actions button:hover:where(.chat-columns, .chat-columns *, .support-page, .support-page *){color:var(--brand-strong)}.reply-quote:where(.chat-columns, .chat-columns *, .support-page, .support-page *){border-left:2px solid var(--quote-accent);padding-left:8px;font-size:10px;color:var(--bubble-meta);margin:0 0 8px}.composer{display:flex;align-items:flex-end;border:1px solid var(--border-strong);border-radius:13px;margin:8px 24px 0;padding:8px;gap:10px}.composer textarea{resize:none;flex:1;border:0;background:transparent;max-height:130px;min-height:36px;padding:8px}.send:where(.rich-composer, .rich-composer *, .attachment-panel, .attachment-panel *, .attachment-drafts, .attachment-drafts *, .composer, .composer *, .composer-hint, .composer-hint *){border:0;background:var(--brand-strong);color:var(--accent-text);border-radius:9px;width:37px;height:37px;font-size:22px}.composer-hint{font-size:9px;color:var(--text-3);margin:8px 26px 15px}.typing:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:10px;color:var(--text-3);height:14px;margin:5px 28px}.reply:where(.chat-columns, .chat-columns *, .support-page, .support-page *){margin:0 24px;background:var(--brand-soft);padding:7px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-3)}.content-page:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){overflow:auto}.page-intro h2:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:38px;font-weight:600;letter-spacing:-1.6px;line-height:1.22;margin:14px 0}.page-intro p:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){color:var(--text-3);line-height:1.8;max-width:560px;margin-bottom:24px}.panel:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){border:1px solid var(--line);border-radius:15px;padding:24px;margin:0 0 22px;min-width:0}.panel h3:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:18px;letter-spacing:-.5px;font-weight:600;margin:12px 0}.panel p:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){color:var(--text-3);font-size:12px;line-height:1.8}.panel pre:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:10px;padding:18px;font-size:11px;line-height:1.7;max-height:300px;overflow:auto}.text-link:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:11px;color:var(--brand);display:inline-block;margin:15px 0 0}.muted:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){color:var(--text-3);font-size:11px;line-height:1.7}.empty-list:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){text-align:center;padding:40px 25px}.notice:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){padding:12px 25px;background:var(--warning-soft);color:var(--warning);border-bottom:1px solid var(--border);font-size:12px}.notice a:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){text-decoration:underline}.mobile-only:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){display:none}dialog:where(.app-dialog, .app-dialog *){border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;padding:28px;width:460px;max-width:calc(100% - 28px);box-shadow:0 24px 100px var(--shadow-color)}dialog:where(.app-dialog, .app-dialog *)::backdrop{background:var(--overlay);backdrop-filter:blur(3px)}.dialog-title:where(.app-dialog, .app-dialog *){display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-title h2:where(.app-dialog, .app-dialog *){font-size:20px;letter-spacing:-.6px;margin:0}dialog label:where(.app-dialog, .app-dialog *){display:block;font-size:11px;color:var(--text-3);margin:15px 0}dialog label input:where(.app-dialog, .app-dialog *), dialog select:where(.app-dialog, .app-dialog *){display:block;width:100%;margin-top:7px}dialog textarea:where(.app-dialog, .app-dialog *){width:100%}.person:where(.app-dialog, .app-dialog *){display:flex;align-items:center;gap:9px;padding:9px;border:0;border-radius:8px;background:var(--brand-soft);width:100%;margin-bottom:5px;text-align:left}.selected-people:where(.app-dialog, .app-dialog *){display:flex;flex-wrap:wrap;gap:6px}.selected-people button:where(.app-dialog, .app-dialog *){background:var(--brand-soft);border:0;border-radius:15px;padding:7px 10px;font-size:10px}.error:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:12px;color:var(--danger)}
@media(max-width:1100px){.sidebar:where(.app-sidebar, .app-sidebar *){width:175px;padding:25px 10px}.logo img:where(.app-sidebar, .app-sidebar *){width:145px}.conversation-list:where(.chat-columns, .chat-columns *, .support-page, .support-page *){width:280px}.topbar{padding:22px}.welcome h2:where(.chat-columns, .chat-columns *, .support-page, .support-page *){font-size:31px}}
@media(max-width:760px){.workspace:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){min-height:0;height:100dvh}.sidebar:where(.app-sidebar, .app-sidebar *){position:fixed;bottom:0;left:0;right:0;width:100%;height:62px;z-index:10;padding:4px 8px;border-right:0;border-top:1px solid var(--line)}.sidebar nav:where(.app-sidebar, .app-sidebar *){display:flex;justify-content:space-around}.logo:where(.app-sidebar, .app-sidebar *), .sidebar-bottom:where(.app-sidebar, .app-sidebar *), .nav-divider:where(.app-sidebar, .app-sidebar *){display:none}.nav-item:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){width:auto;flex:1;display:flex;flex-direction:column;gap:1px;padding:4px 1px;font-size:8px;margin:0}.nav-item>span:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){font-size:18px}.nav-item b:where(.app-sidebar, .app-sidebar *, .mobile-profile-links, .mobile-profile-links *){display:none}.main:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){padding-bottom:62px}.topbar{height:78px;padding:15px 18px}.topbar h1{font-size:19px}.top-actions:where(.topbar, .topbar *){gap:8px}#connection:where(.app-sidebar, .app-sidebar *){font-size:0}#connection:where(.app-sidebar, .app-sidebar *)::before{width:7px;height:7px}.top-actions .primary:where(.topbar, .topbar *){font-size:10px;padding:10px}.conversation-list:where(.chat-columns, .chat-columns *, .support-page, .support-page *){width:100%;border:0;padding-top:14px}.conversation:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:none}.chat-open .conversation-list:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:none}.chat-open .conversation:where(.chat-columns, .chat-columns *, .support-page, .support-page *){display:flex;width:100%}.mobile-only:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){display:block}.thread-header:where(.chat-columns, .chat-columns *, .support-page, .support-page *){height:66px;padding:10px 12px;gap:8px}.messages:where(.chat-columns, .chat-columns *, .support-page, .support-page *){padding:12px}.composer{margin:5px 12px 0}.composer-hint{margin-left:15px}.bubble:where(.chat-columns, .chat-columns *, .support-page, .support-page *){max-width:92%}.message-actions:where(.chat-columns, .chat-columns *, .support-page, .support-page *){gap:12px}.page-intro h2:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:29px}.row:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){flex-wrap:wrap}.welcome-notes:where(.chat-columns, .chat-columns *, .support-page, .support-page *){flex-direction:column;gap:10px}}

.attach-button:where(.rich-composer, .rich-composer *, .attachment-panel, .attachment-panel *, .attachment-drafts, .attachment-drafts *, .composer, .composer *, .composer-hint, .composer-hint *){border:0;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong);font-size:22px;padding:8px 12px;cursor:pointer}.attachment-drafts{display:flex;gap:6px;flex-wrap:wrap;padding:0 12px;max-height:100px;overflow:auto}.attachment-drafts button{border:1px solid var(--border-strong);border-radius:8px;background:var(--brand-soft);padding:6px;font-size:11px;max-width:100%;overflow-wrap:anywhere}

@media(min-width:761px){.sidebar .logo:where(.app-sidebar, .app-sidebar *){padding-bottom:24px}.sidebar .nav-item:where(.app-sidebar, .app-sidebar *){gap:9px;padding:7px 10px;margin:1px 0;line-height:18px;border-radius:7px}.sidebar .nav-item>span:where(.app-sidebar, .app-sidebar *){font-size:18px;line-height:18px}.sidebar .nav-divider:where(.app-sidebar, .app-sidebar *){margin:10px}}

#create-dialog .create-menu__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
#create-dialog .create-menu__choices[hidden], #create-dialog [hidden] { display:none; }
#create-dialog .create-menu__choice { display:flex; flex-direction:column; align-items:flex-start; gap:9px; min-width:0; padding:18px; border:1px solid var(--border); border-radius:16px; background:var(--surface); color:var(--text); text-align:left; cursor:pointer; }
#create-dialog .create-menu__choice:hover, #create-dialog .create-menu__choice:focus-visible { background:var(--surface-2); border-color:var(--border-strong); }
#create-dialog .create-menu__choice svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
#create-dialog .create-menu__choice strong { font-size:15px; }
#create-dialog .create-menu__choice span { font-size:12px; line-height:1.5; color:var(--text-2); }
#create-dialog .create-menu__back { padding:8px 0; border:0; background:none; color:var(--text-2); cursor:pointer; }

#create-dialog .create-menu__bot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--border); }
#create-dialog .create-menu__bot span { min-width:0; overflow-wrap:anywhere; }
#create-dialog .create-menu__bot button { flex-shrink:0; background:none; border:0; color:var(--text-2); cursor:pointer; }

#create-dialog .create-menu__username { display:flex; align-items:center; width:100%; border:1px solid var(--border-strong); border-radius:10px; background:var(--surface); overflow:hidden; }
#create-dialog .create-menu__username input { flex:1; min-width:0; width:0; margin:0; border:0; border-radius:0; background:transparent; }
#create-dialog .create-menu__suffix { flex:none; padding:0 12px 0 6px; color:var(--text-3); font-size:13px; user-select:none; }
#create-dialog .create-menu__username:focus-within { outline:2px solid var(--border-strong); outline-offset:2px; }

/* iOS zooms into a focused field whose text is under 16px and never zooms back out. On touch every
   field asks for 16px; the desk keeps the compact sizes. */
@media (max-width:768px), (hover:none) and (pointer:coarse){input:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), textarea:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), select:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *), [contenteditable="true"]:where(.app-shell, .app-shell *, .app-dialog, .app-dialog *, .public-embedded, .public-embedded *, .studio-embedded, .studio-embedded *){font-size:16px!important}}