:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202124;background:#fff;font-synthesis:none;--muted:#777a80;--border:#e7e7e7;--sidebar:264px}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;overflow:hidden}button,textarea,a{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #777;outline-offset:3px}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}
.sidebar{width:var(--sidebar);flex-shrink:0;background:#f7f7f7;border-right:1px solid var(--border);padding:27px 15px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 29px;color:#161616;text-decoration:none;font-size:27px;font-weight:650;letter-spacing:-.7px}.brand svg{width:32px;height:29px;stroke-width:2}.new-chat{height:41px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;border:1px solid #c9cacc;border-radius:6px;font-size:14px}.new-chat span{position:absolute;right:14px;color:#747474;font-size:21px;font-weight:300}.new-chat:hover{background:#eee}.list-label{font-size:12px;color:var(--muted);padding:0 10px;margin:31px 0 12px}.chat-list{min-height:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px}.chat-row{background:transparent;border:0;padding:11px 10px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:6px;font-size:14px;flex-shrink:0}.chat-row:hover{background:#ececec}.chat-row.active{background:#eaeaea}.empty-history{font-size:13px;line-height:1.6;color:#939393;margin:0 10px}.session-note{color:var(--muted);font-size:11px;line-height:1.5;margin:18px 7px 0}
main{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.topbar{height:58px;min-height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 26px}.conversation-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model{margin-left:auto;color:#737780;font-size:12px;white-space:nowrap}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:none;color:#777;padding:5px;flex-shrink:0}.icon-button:hover{background:#f1f1f1;color:#222}.menu-button{display:none}.chat-area{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;display:flex;flex-direction:column}.messages{width:min(760px,100%);padding:32px 0 12px;margin:0 auto}.messages:empty{display:none}.message{margin:0 0 30px;min-width:0}.message.user{display:flex;justify-content:flex-end}.message.user .message-content{background:#f1f1f1;padding:11px 16px;border-radius:16px 16px 4px 16px;max-width:85%;white-space:pre-wrap;font-size:15px;line-height:1.65;overflow-wrap:anywhere}.message.assistant{font-size:15px;line-height:1.8}.speaker{display:block;color:#333;font-weight:600;font-size:12px;margin-bottom:9px}.message-content{overflow-wrap:anywhere;min-width:0}.message-content p{margin:0 0 13px;white-space:pre-wrap}.message-content p:last-child{margin-bottom:0}.message-content h2,.message-content h3,.message-content h4{font-size:17px;margin:20px 0 8px}.message-content ul,.message-content ol{padding-left:23px;margin:10px 0}.message-content li{margin:5px 0}.message-content code{font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f1f1;padding:2px 4px;border-radius:3px}.message-content pre{overflow-x:auto;white-space:pre;margin:15px 0;background:#f6f6f6;border:1px solid var(--border);padding:16px;border-radius:7px;max-width:100%}.message-content pre code{background:transparent;padding:0}.message-content a{color:inherit;text-decoration:underline;text-underline-offset:3px}.message-meta{font-size:11px;color:var(--muted);margin-top:10px}.thinking{color:#929292;font-size:14px;animation:breathe 1.6s ease-in-out infinite}.message-error{color:#945a44;font-size:13px;margin-top:10px}.retry{border:1px solid #d7d7d7;border-radius:5px;padding:5px 10px;margin-top:10px;background:#fff;font-size:12px}
.composer-wrap{width:min(800px,100%);padding:12px 20px 18px;margin:0 auto}.composer{border:1px solid #d4d5d7;border-radius:14px;padding:15px 13px 10px;transition:border-color .15s}.composer:focus-within{border-color:#9c9d9f}.composer textarea{display:block;resize:none;outline:0;border:0;background:transparent;width:100%;height:27px;min-height:27px;max-height:180px;line-height:1.65;color:#202124;font-size:15px;padding:0 3px;overflow-y:auto}.composer textarea::placeholder{color:#85878b}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.keyboard-hint{font-size:10px;color:#aaa}.send{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:7px;background:#202124;color:white;padding:7px;flex-shrink:0}.send:hover{background:#363636}.send:disabled{background:#e8e8e8;color:#a0a0a0}.send.stopping svg{width:12px;height:12px;fill:currentColor;stroke:none}.footer-note{text-align:center;color:var(--muted);font-size:10px;line-height:1.5;margin:12px 0 0}.notice{font-size:12px;line-height:1.5;color:#81634e;padding:0 4px 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backdrop{display:none}@keyframes breathe{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:1400px){.composer-wrap{width:min(960px,100%)}.messages{width:min(920px,100%)}}
@media(max-width:1100px){:root{--sidebar:230px}.messages{padding:30px 26px 12px}}
@media(max-width:700px){.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:264px;transform:translateX(-100%);transition:transform .18s ease}.sidebar.open{transform:translateX(0)}.backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0004;border:0;z-index:19}.menu-button{display:flex}.topbar{padding:0 14px;gap:9px;height:55px;min-height:55px}.conversation-title{font-size:13px}.model{font-size:10px}.composer-wrap{padding:8px 14px max(13px,env(safe-area-inset-bottom))}.composer{border-radius:13px;padding:12px 11px 9px}.composer textarea{font-size:16px}.composer-bottom{margin-top:6px}.keyboard-hint{visibility:hidden}.footer-note{font-size:9px}.messages{padding:25px 20px 5px}.message{margin-bottom:25px}.message.user .message-content,.message.assistant{font-size:14px}.session-note{margin-bottom:env(safe-area-inset-bottom)}}