:root{--maxchat:760px;--shell-bg:#212121;--sidebar-bg:#171717;--composer-bg:#2f2f2f;--hover:rgba(255,255,255,.065)}
.app-shell{grid-template-columns:260px minmax(0,1fr);background:var(--shell-bg)}
.sidebar{background:var(--sidebar-bg);border-right:0;padding:10px 8px 12px;gap:6px}.sidebar-top{gap:8px}.brand-row{padding:6px 8px 4px}.brand-mark{width:26px;height:26px;border-radius:8px;font-size:10px}.brand{font-size:16px}.new-chat-btn{border:0;background:transparent;padding:10px 9px;border-radius:9px;font-weight:500}.new-chat-btn:hover{background:var(--hover)}.conversation-search-wrap{padding:2px 4px 7px}.conversation-search{background:#232323;border:0;border-radius:9px;padding:9px 10px;font-size:13px}.conversation-list{gap:1px}.conversation-row{border-radius:8px}.conversation-item{padding:9px 10px;border-radius:8px;font-size:13px}.conversation-row.active{background:#2b2b2b}.sidebar-account{border-top:0;padding-top:0}.account-menu{position:relative}.account-summary{list-style:none;display:flex;align-items:center;gap:9px;padding:8px;border-radius:10px;cursor:pointer}.account-summary::-webkit-details-marker{display:none}.account-summary:hover{background:var(--hover)}.account-avatar{width:30px;height:30px;border-radius:50%;background:#efefef;color:#111;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.account-copy{display:flex;flex-direction:column;min-width:0;flex:1}.account-copy strong{font-size:13px;font-weight:600}.account-copy small{font-size:10px;color:#8e8e93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;left:0;right:0;bottom:48px;background:#252525;border:1px solid #3a3a3a;border-radius:12px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.35);z-index:30}.account-popover .nav-link,.account-popover .ghost{display:block;width:100%;padding:9px 10px;border-radius:8px;color:#e5e5e5;font-size:13px}.account-popover .nav-link:hover,.account-popover .ghost:hover{background:var(--hover)}
.chat-main{background:var(--shell-bg)}.topbar{height:52px;flex-basis:52px;background:rgba(33,33,33,.94);padding:0 16px;border-bottom:0;backdrop-filter:blur(10px)}.topbar-title{position:absolute;left:50%;transform:translateX(-50%);gap:6px}.topbar-title strong{font-size:14px;font-weight:600}.topbar-subtitle{font-size:11px;color:#8f8f94}.topbar-menu{display:none;border:0;background:transparent;color:#d6d6d6;font-size:18px;cursor:pointer;border-radius:8px;padding:8px}.user-label{font-size:11px;color:#86868b}
.messages{padding:24px 24px 168px;scroll-behavior:smooth}.welcome{margin:29vh auto 0;text-align:center}.welcome h1{font-size:31px;font-weight:600;letter-spacing:-1px}.welcome p,.welcome .logo-orb{display:none}.message{display:block;margin-bottom:26px}.message .avatar{display:none}.message-body{min-width:0}.message.user{display:flex;justify-content:flex-end}.message.user .message-body{max-width:76%}.message.user .bubble{background:#303030;border-radius:20px;padding:10px 14px;line-height:1.5;font-size:15px}.message.assistant .message-body{max-width:100%}.message.assistant .bubble{padding:2px 0;line-height:1.68;font-size:15px}.message .meta{margin-top:8px;opacity:.62}.message-actions,.stream-controls{opacity:0;transition:opacity .12s ease}.message:hover .message-actions,.message:hover .stream-controls,.message:focus-within .message-actions,.message:focus-within .stream-controls{opacity:1}.reportBtn{display:none!important}.stream-action{border:0;background:transparent;color:#a8a8ad;font-size:12px;padding:5px 7px;border-radius:7px;cursor:pointer}.stream-action:hover{background:var(--hover);color:#fff}
.composer-wrap{padding:28px 16px max(10px,env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--shell-bg) 28%)}.composer-shell{max-width:var(--maxchat)}.file-status{padding:0 12px 5px}.composer{background:var(--composer-bg);border:0;border-radius:26px;padding:8px 9px;box-shadow:none;align-items:flex-end;min-height:56px}.composer textarea{min-height:38px;padding:9px 4px;line-height:1.45}.composer-menu{position:relative}.composer-menu summary{list-style:none}.composer-menu summary::-webkit-details-marker{display:none}.icon-action,.voice-action,.send{width:38px;height:38px}.icon-action{color:#dedede}.icon-action:hover,.voice-action:hover,.topbar-menu:hover{background:var(--hover)}.composer-popover{position:absolute;left:0;bottom:48px;width:220px;background:#272727;border:1px solid #3b3b3b;border-radius:14px;padding:7px;box-shadow:0 12px 40px rgba(0,0,0,.35);display:grid;gap:2px;z-index:10}.menu-action,.composer-popover .mode-select{border:0;background:transparent;color:#ececec;border-radius:9px;padding:9px 10px;text-align:left;font-size:13px;cursor:pointer;width:100%}.menu-action:hover{background:var(--hover)}.voice-action{border:0;border-radius:50%;background:transparent;color:#d4d4d4;font-size:17px;cursor:pointer}.send{border-radius:50%;background:#f2f2f2;color:#111}.fineprint{font-size:10px;color:#777;margin-top:8px}
.citation-summary{margin-top:10px}.citation-toggle{border:0;background:transparent;color:#a7a7ad;padding:5px 0;font-size:12px;cursor:pointer}.citation-toggle:hover{color:#eee}.citation-cards{display:none;margin-top:8px}.citation-cards.open{display:grid}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.topbar-menu{display:block}.topbar-title{position:static;transform:none;margin-right:auto}.topbar{justify-content:flex-start;gap:8px}.sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:min(86vw,320px);z-index:20;transform:translateX(-102%);transition:transform .18s ease;box-shadow:18px 0 45px rgba(0,0,0,.35)}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:19}.messages{padding:18px 14px 156px}.welcome{margin-top:26vh}.welcome h1{font-size:28px}.message.user .message-body{max-width:86%}.composer-wrap{padding-left:10px;padding-right:10px}.user-label{display:none}.message-actions,.stream-controls{opacity:1}}