.chat-surface{min-height:100dvh;color:var(--c-101010);background:var(--c-fffffc)}.chat-surface .chat-shell{border-inline:1px solid var(--c-e6e6e4);flex-direction:column;max-width:860px;min-height:100dvh;margin:auto;display:flex}.chat-surface .chat-header{padding:20px 24px;padding-top:max(20px,env(safe-area-inset-top));border-bottom:1px solid var(--c-e6e6e4);justify-content:space-between;align-items:center;gap:16px;display:flex}.chat-surface .chat-header .brand{align-items:center;gap:12px;display:flex}.chat-surface .chat-header .wordmark{width:110px}.chat-surface .chat-header .brand span{font-size:18px}.chat-surface .chat-header>div{align-items:center;gap:16px;font-size:13px;display:flex}.chat-surface .chat-shell>main{background:var(--c-fffffc);border:0;flex:1;min-width:0;padding:0}.chat-surface .chat-welcome{text-align:center;padding:64px 24px}.chat-surface .chat-welcome h1{font-size:30px}.chat-surface .chat-welcome p{line-height:1.8}.chat-surface .chat-welcome .primary{margin:16px;display:inline-block}.chat-surface .chat-inbox-tools{border-bottom:1px solid var(--c-e6e6e4);flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.chat-surface .chat-inbox-tools h1{flex:1;margin:0;font-size:22px}.chat-surface .chat-inbox-tools form{flex-basis:100%;gap:12px;display:flex}.chat-surface .chat-inbox-tools input{background:var(--c-f1f1ec);flex:1;min-width:0;padding:12px 20px}:is(.chat-surface .chat-shell:has(.messages.thread)>.chat-header,.chat-surface .chat-shell:has(.messages.thread) .chat-inbox-tools){display:none}.chat-surface .messages.thread>.messages-bar{padding-top:max(16px,env(safe-area-inset-top))}.chat-surface .message-compose-area .message-composer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.chat-surface .chat-settings{padding:24px}.chat-surface .chat-settings .language-select{margin-bottom:16px}.chat-surface .chat-settings h1{font-size:24px}.chat-surface .chat-settings>.primary{margin:16px 0;display:inline-block}.chat-surface .chat-settings p{line-height:1.7}.chat-surface .account-center{max-width:860px}.chat-surface .chat-shell .intro{color:var(--c-777777);padding:16px 24px}@media (max-width:700px){.chat-surface .chat-shell{border:0}.chat-surface .chat-header{padding-inline:18px}.chat-surface .chat-inbox-tools{padding:16px 18px}}