html.direct-chat-page-root,html.direct-chat-page-root body,html.direct-chat-page-root #root{box-sizing:border-box;inline-size:100%;block-size:100%;margin:0;overflow:hidden;overscroll-behavior:none}.direct-chat-page,.direct-chat-page__status{--direct-page-background: #f5f6fa;--direct-page-left-background: #eef0f8;--direct-page-text: #1e1e2e;--direct-page-secondary-text: #555770;--direct-page-border: #e4e6ef;--direct-page-accent: #6c5ce7;--direct-page-shadow: 0 2px 16px rgb(0 0 0 / 6%);--direct-page-scrollbar-thumb: rgb(85 87 112 / 45%);--direct-page-scrollbar-thumb-hover: rgb(85 87 112 / 70%);box-sizing:border-box;position:fixed;top:var(--direct-page-viewport-offset-top, 0);left:var(--direct-page-viewport-offset-left, 0);inline-size:var(--direct-page-viewport-width, 100dvw);block-size:var(--direct-page-viewport-height, 100dvh);min-block-size:0;color:var(--direct-page-text);background:var(--direct-page-background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.direct-chat-page{display:flex;overflow:hidden}.direct-chat-page__status{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem;text-align:center}.direct-chat-page__status p{margin:0}.direct-chat-page__status button{padding:.625rem 1rem;border:0;border-radius:.375rem;color:#fff;background:var(--direct-page-accent);font:inherit;cursor:pointer}.direct-chat-page__status button:disabled{cursor:not-allowed;opacity:.6}.direct-chat-page__connection-notice{margin:.5rem 0 0;color:var(--direct-page-secondary-text);font-size:.875rem;line-height:1.4;text-align:center}.direct-chat-page__welcome{position:relative;display:grid;flex:0 1 clamp(32rem,48vw,54rem);grid-template-rows:minmax(0,1fr) auto;justify-items:center;min-block-size:0;overflow:hidden;padding:3rem 2.25rem;background:var(--direct-page-left-background);text-align:center}.direct-chat-page__welcome:before{position:absolute;inset:0 0 auto;block-size:4px;background:var(--direct-page-accent);content:""}.direct-chat-page__welcome h1{max-inline-size:32rem;margin:0;font-size:clamp(1.5rem,3vw,1.75rem);line-height:1.25;overflow-wrap:anywhere}.direct-chat-page__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;inline-size:100%;min-block-size:0}.direct-chat-page__message{flex:0 1 auto;inline-size:min(100%,48rem);max-block-size:100%;min-block-size:0;margin:0;color:var(--direct-page-secondary-text);line-height:1.6;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--direct-page-scrollbar-thumb) transparent;scrollbar-width:thin;white-space:pre-wrap;overflow-wrap:anywhere}.direct-chat-page__message::-webkit-scrollbar{inline-size:.5rem}.direct-chat-page__message::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:var(--direct-page-scrollbar-thumb);background-clip:padding-box}.direct-chat-page__message::-webkit-scrollbar-thumb:hover{background:var(--direct-page-scrollbar-thumb-hover);background-clip:padding-box}.direct-chat-page__banner{display:block;inline-size:10rem;block-size:10rem;margin-top:1.75rem;border:2px dashed var(--direct-page-border);border-radius:1.25rem;object-fit:cover}.direct-chat-page__banner[hidden]{display:none}.direct-chat-page__widget-column{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-inline-size:0;padding:1.5rem}.direct-chat-page__widget{inline-size:min(100%,420px);block-size:min(100%,calc(100dvh - 3rem));max-block-size:calc(100dvh - 3rem);overflow:hidden;border:1px solid var(--direct-page-border);border-radius:1.125rem;box-shadow:var(--direct-page-shadow)}@media (prefers-color-scheme: dark){.direct-chat-page,.direct-chat-page__status{--direct-page-background: #0d1117;--direct-page-left-background: #131820;--direct-page-text: #e6edf3;--direct-page-secondary-text: #8b949e;--direct-page-border: #30363d;--direct-page-accent: #7c6ff7;--direct-page-shadow: 0 2px 16px rgb(0 0 0 / 30%);--direct-page-scrollbar-thumb: rgb(139 148 158 / 45%);--direct-page-scrollbar-thumb-hover: rgb(139 148 158 / 70%)}}@media (max-width: 767px){.direct-chat-page__connection-notice{flex-basis:100%;margin:0;font-size:.75rem}.direct-chat-page{flex-direction:column}.direct-chat-page__welcome{display:none}.direct-chat-page__widget-column{min-block-size:0;padding:0}.direct-chat-page__widget{inline-size:100%;block-size:100%;max-block-size:none;border:0;border-radius:0;box-shadow:none}}@media (min-width: 768px) and (max-width: 1023px){.direct-chat-page__welcome{flex-basis:42%;padding:2rem 1.25rem}.direct-chat-page__widget-column{padding:1rem}.direct-chat-page__widget{block-size:calc(100dvh - 2rem);max-block-size:calc(100dvh - 2rem)}}