.chat-page{background:#faf9f6}.chat-page #root{height:100dvh}.chat-shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100dvh;overflow:hidden;font-size:16px;color:#343b49}.chat-shell button,.chat-shell input,.chat-shell textarea{font:inherit}.chat-shell button{border:0;color:inherit;cursor:pointer}.chat-shell button:disabled{cursor:default}.chat-sidebar{display:flex;flex-direction:column;padding:18px 12px;background:#eeeee8;min-height:0}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;padding:0 4px}.chat-brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:600}.chat-brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#dfe3df;color:#52647a;border-radius:14px;font-size:18px}.icon-button{display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:12px;background:transparent}.icon-button:hover{background:#e1e4de}.new-chat,.search-chat{display:flex;align-items:center;gap:14px;text-align:left;background:transparent;min-height:48px;border-radius:12px;padding:10px 14px;margin-bottom:4px}.new-chat:hover,.search-chat:hover{background:#e1e4de}.new-chat{font-weight:500}.history-search{width:calc(100% - 12px);margin:10px 6px 0;border:1px solid #aeb8b4;border-radius:12px;padding:10px;background:#faf9f6;min-height:46px}.chat-history{margin-top:28px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.chat-history h2{font-size:16px;font-weight:500;color:#6b746e;padding:0 14px 12px}.history-item{display:flex;align-items:center;border-radius:12px;margin-bottom:4px}.history-item.selected,.history-item:hover{background:#e0e4dd}.history-item>button:first-child{display:flex;align-items:center;text-align:left;background:transparent;min-width:0;flex:1;padding:10px 14px;min-height:46px}.history-item>button:first-child span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-thread{background:transparent;width:44px;min-height:44px;padding:10px;color:#65716b!important;flex:none}.delete-thread svg{width:18px}.history-empty{padding:10px 14px;color:#626e67}.sidebar-bottom{padding:12px 10px 0;display:grid;gap:6px}.sidebar-bottom a,.sidebar-bottom button{display:flex;align-items:center;gap:12px;min-height:44px;background:transparent;text-align:left;padding:4px 0}.visitor-avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#dfded4;color:#5c6258}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{height:78px;flex-shrink:0;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.connection{display:flex;gap:9px;align-items:center;background:transparent;padding:8px 12px;border-radius:16px;min-height:44px;white-space:nowrap;color:#67716c!important}.connection i{width:7px;height:7px;border-radius:50%;background:#a28d6c}.connection.ready i{background:#6e9274}.connection:hover{background:#eeeee8}.chat-account{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 22px;border:1px solid #d5dad5;border-radius:24px;background:#fffefa}.chat-account:hover{background:#eeeee8}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 40px}.chat-welcome{max-width:760px;margin:0 auto;text-align:center}.chat-welcome h1{font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.5}.composer-area{width:min(840px,100%);margin:0 auto;padding:12px 32px 24px;flex-shrink:0}.composer{background:#fffefa;border:1px solid #d9ddd5;border-radius:28px;padding:20px 20px 12px;box-shadow:0 3px 12px #343b4905}.composer:focus-within{border-color:#8d9db1;box-shadow:0 0 0 2px #e4e8ee}.composer textarea{width:100%;min-height:60px;max-height:180px;resize:none;background:transparent;border:0;outline:none;color:#343b49;line-height:1.8;display:block}.composer textarea::placeholder{color:#737d79}.composer-tools{display:flex;align-items:center;justify-content:flex-end;margin-top:8px}.send-button{display:grid;place-items:center;background:#536a82;color:#fff!important;min-width:64px;height:44px;padding-inline:14px;border-radius:22px}.send-button:disabled{background:#e7eae4;color:#717b75!important;opacity:1}.send-button:not(:disabled):hover{background:#435b74}.stop-square{width:14px;height:14px;background:white;border-radius:3px}.messages{max-width:776px;margin:0 auto}.message{margin:16px 0 34px}.message-author{color:#63726b;font-size:16px;margin-bottom:12px}.message.user{max-width:85%;width:fit-content;margin-left:auto;background:#e9ece6;border-radius:24px;padding:12px 22px}.message.user .message-author{display:none}.message.assistant{padding:8px 0}.message-content{line-height:1.9;overflow-wrap:anywhere}.chat-text{white-space:pre-wrap}.message>button,.chat-code button{background:transparent;border-radius:10px;min-height:44px;padding:8px 12px;color:#637483;margin-top:8px}.chat-code{background:#eeeee8;border-radius:16px;overflow:hidden;margin:18px 0}.chat-code>div{display:flex;justify-content:space-between;align-items:center;padding:5px 18px;border-bottom:1px solid #d9dfd5;color:#626d67}.chat-code button{margin:0}.chat-code pre{overflow-x:auto;white-space:pre;padding:20px;margin:0;font-size:16px;line-height:1.7}.chat-error{color:#874e42;background:#f2e9e2;border-radius:14px;padding:10px 16px;margin-bottom:12px;line-height:1.7}.thinking{color:#76847c}.thinking span{animation:thinking 1.3s ease-in-out infinite alternate}@keyframes thinking{to{opacity:.25}}.menu-toggle{visibility:hidden}.chat-backdrop{display:none}.chat-main.is-empty .chat-scroll{flex:0 0 auto;overflow:visible;margin-top:auto;padding-block:20px 30px}.chat-main.is-empty .composer-area{margin-bottom:auto;padding-top:0;padding-bottom:96px}.chat-main.is-empty .chat-welcome h1{margin:0}.chat-main:not(.is-empty) .composer-area{padding-bottom:max(24px,env(safe-area-inset-bottom))}.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .chat-sidebar{padding-inline:12px}.sidebar-collapsed .sidebar-label,.sidebar-collapsed .chat-history,.sidebar-collapsed .sidebar-close{display:none}.sidebar-collapsed .sidebar-top{justify-content:center;padding:0}.sidebar-collapsed .new-chat,.sidebar-collapsed .search-chat{justify-content:center;padding:10px}.sidebar-collapsed .sidebar-bottom{margin-top:auto;padding-inline:8px}.sidebar-collapsed .menu-toggle{visibility:visible}.login-overlay{position:fixed;inset:0;background:#343b4945;z-index:30;display:grid;place-items:center;padding:24px}.login-card{position:relative;background:#faf9f6;border-radius:26px;max-width:440px;width:100%;padding:38px}.login-close{position:absolute;right:12px;top:10px;width:44px;height:44px;background:transparent;font-size:24px!important}.login-card h2{font-size:26px;margin-bottom:24px}.login-card label{display:block;margin-bottom:10px}.login-card input{width:100%;background:#fffefa;border:1px solid #acb7ad;border-radius:12px;padding:12px;margin-bottom:20px;min-height:48px}.login-card .primary-button{width:100%;color:white}.login-card form .chat-error{margin-top:0}.chat-shell a:focus-visible,.chat-shell button:focus-visible,.chat-shell input:focus-visible{outline:3px solid #8095af;outline-offset:3px}
@media(max-width:1000px) and (min-width:701px){.chat-shell:not(.sidebar-collapsed){grid-template-columns:230px minmax(0,1fr)}.composer-area{padding-inline:24px}.chat-header{padding-inline:18px}.chat-scroll{padding-inline:24px}}
@media(max-width:700px){.chat-shell{display:flex}.chat-main{width:100%}.chat-sidebar{display:none}.sidebar-open .chat-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:min(300px,85vw);z-index:22;padding:18px 12px}.sidebar-open .chat-backdrop{display:block;position:fixed;inset:0;background:#343b4940;z-index:21}.sidebar-open .sidebar-label{display:initial}.sidebar-open .chat-history{display:block}.sidebar-open .sidebar-close{display:grid}.sidebar-open .sidebar-top{justify-content:space-between}.sidebar-open .new-chat,.sidebar-open .search-chat{justify-content:flex-start;padding:10px 14px}.menu-toggle{visibility:visible}.chat-header{height:72px;padding:0 16px 0 8px}.chat-header-actions{gap:6px}.connection{padding:8px}.chat-account{padding-inline:18px}.chat-scroll{padding:12px 20px}.chat-welcome h1{font-size:28px}.composer-area{padding:10px 16px max(16px,env(safe-area-inset-bottom))}.composer{padding:16px 16px 12px;border-radius:24px}.message.user{max-width:92%}.login-card{padding:30px 24px}.chat-main.is-empty .chat-scroll{padding-block:20px 24px}.chat-main.is-empty .composer-area{padding-bottom:68px}}
@media(max-height:600px){.chat-main.is-empty .chat-scroll{padding-block:12px}.chat-main.is-empty .composer-area{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.thinking span{animation:none}}

.chat-model{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;font-size:16px}.chat-model label{color:#53646e}.chat-model select{font:inherit;min-width:0;max-width:100%;min-height:44px;background:#eeeee8;border:1px solid #aeb8b4;border-radius:10px;padding:8px 12px;color:#343b49}.chat-model span{color:#626b78}.chat-model select:focus-visible{outline:3px solid #8095af;outline-offset:3px}.chat-welcome p{font-size:16px;line-height:1.8;margin:20px 0}.chat-welcome .primary-button{margin-top:8px}.chat-shell button:disabled,.chat-model select:disabled{opacity:.65;cursor:not-allowed}.composer textarea:disabled{cursor:not-allowed}.chat-main.is-empty .chat-scroll{overflow:auto;flex-shrink:1}.chat-main.is-empty .composer-area{padding-bottom:32px}@media(max-width:400px){.chat-model{gap:8px}.chat-model select{flex:1;width:180px}.chat-model span{flex-basis:100%}.chat-header-actions{gap:0}.chat-account{padding-inline:12px}.connection{padding-inline:6px}}@media(max-height:600px){.chat-main.is-empty .composer-area{padding-bottom:16px}.chat-welcome h1{font-size:24px}}

.chat-welcome p{text-wrap:balance}
.composer .composer-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}
.composer .chat-model{display:flex;align-items:center;flex-wrap:nowrap;gap:10px;margin:0;min-width:0}
.composer .chat-model label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.composer .chat-model select{width:auto;max-width:100%;min-width:0;flex:1;padding:8px;font-size:16px}
.composer .send-button{flex:none}
.composer-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.composer-options .chat-model{max-width:100%}.composer-tools>.send-button{align-self:flex-end}.composer .chat-thinking select{color:#536a82;background:#f1f3ee}.chat-model select:disabled{opacity:.65;cursor:not-allowed}@media(max-width:400px){.composer-options{flex-direction:column;align-items:stretch}.composer-options .chat-model select{width:100%}}
.chat-note{font-size:14px;color:#65746d;line-height:1.7;margin:10px 0}.history-more{background:transparent;color:#536a82;padding:10px 14px;min-height:44px;border:1px solid #d5dad5;border-radius:12px;margin:8px 0}.chat-rename{display:flex;align-items:center;gap:8px;padding:10px 24px;flex-wrap:wrap}.chat-rename input{flex:1;min-width:120px;max-width:100%;border:1px solid #aeb8b4;border-radius:10px;padding:10px;background:#fffefa}.chat-rename button{padding:10px;min-height:44px;border-radius:10px;background:#eeeee8}.chat-header-actions .icon-button{flex:none}.history-item>button:first-child{min-width:0}
.message.assistant{min-width:0}.assistant-bubble{width:fit-content;min-width:180px;max-width:100%;background:#fffefa;border:1px solid #dce1d8;border-radius:22px;padding:16px 20px 8px;box-shadow:0 2px 8px #343b4905}.assistant-bubble .thinking{margin:0;min-height:30px}.assistant-bubble .chat-code{max-width:100%}.message-actions{display:flex;justify-content:flex-end;align-items:center;min-height:44px;margin-top:6px}.chat-shell .copy-button{position:relative;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid transparent;border-radius:12px;background:transparent;color:#536a82}.chat-shell .copy-button:hover{background:#edf1e9}.copy-button img{display:block;width:24px;height:24px;object-fit:contain;pointer-events:none}.copy-feedback{position:absolute;right:calc(100% + 4px);bottom:8px;white-space:nowrap;font-size:12px;line-height:20px;padding:2px 7px;border-radius:7px;background:#edf1e9;color:#536a82;pointer-events:none}@media(max-width:700px){.assistant-bubble{min-width:160px;border-radius:19px;padding:14px 16px 6px}}