:root{--bg:#212121;--side:#171717;--surface:#2f2f2f;--surface2:#383838;--hover:#272727;--line:#424242;--text:#ececec;--muted:#a9a9a9;--green:#19c37d;--blue:#70a7ff;--danger:#ff8585}
*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;color:var(--text);font-family:Inter,Arial,"Segoe UI",sans-serif;background:var(--bg)}button,input,textarea,select{font:inherit}
.shell{display:grid;grid-template-columns:260px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{display:flex;min-height:0;flex-direction:column;padding:10px;background:var(--side);border-right:1px solid #252525}.sidebar-top{display:flex;align-items:center;gap:8px}.brand-button{display:flex;min-width:0;flex:1;align-items:center;gap:10px;padding:7px;border:0;border-radius:9px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.brand-button:hover{background:var(--hover)}.brand-button>span:last-child{display:grid;min-width:0}.brand-button strong{overflow:hidden;font-size:13px;text-overflow:ellipsis}.brand-button small{margin-top:2px;color:var(--muted);font-size:10px}.logo,.avatar,.mini-avatar,.assistant-mark{display:grid;place-items:center;border-radius:9px;color:#062418;background:var(--green);font-weight:800}.logo{width:32px;height:32px}.close-sidebar{display:none;width:34px;height:34px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:22px;cursor:pointer}.close-sidebar:hover{color:var(--text);background:var(--hover)}
.new-chat{display:flex;width:100%;align-items:center;gap:10px;margin-top:9px;padding:11px 12px;border:1px solid #323232;border-radius:10px;color:var(--text);background:transparent;text-align:left;cursor:pointer}.new-chat:hover{background:var(--hover)}.new-chat span{font-size:18px}
.nav-section{margin-top:20px;min-height:0}.conversations-section{display:flex;min-height:0;flex:1;flex-direction:column}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 7px;color:#8d8d8d;font-size:11px;font-weight:650}.nav-heading button{width:25px;height:25px;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.nav-heading button:hover{color:var(--text);background:var(--hover)}
.profile-list{display:grid;gap:2px}.profile-item,.conversation-item{display:flex;width:100%;min-width:0;align-items:center;gap:9px;padding:8px 9px;border:0;border-radius:8px;color:#d5d5d5;background:transparent;text-align:left;cursor:pointer}.profile-item:hover,.conversation-item:hover{background:var(--hover)}.profile-item.active,.conversation-item.active{color:#fff;background:#2b2b2b}.avatar{flex:0 0 26px;height:26px;border-radius:7px;font-size:10px}.profile-item span:last-child,.conversation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-item span:last-child{font-size:12px}.conversation-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#454545 transparent}.conversation-item{position:relative;padding:9px 28px 9px 10px;font-size:12px}.conversation-delete{position:absolute;right:5px;display:none;width:24px;height:24px;border:0;border-radius:6px;color:#aaa;background:#2b2b2b;cursor:pointer}.conversation-item:hover .conversation-delete{display:block}.conversation-delete:hover{color:var(--danger)}
.sidebar-footer{display:grid;gap:5px;padding-top:8px;border-top:1px solid #292929}.engine-card{display:flex;align-items:center;gap:9px;padding:8px}.engine-card>span{display:grid;min-width:0}.engine-card strong{font-size:11px}.engine-card small{overflow:hidden;margin-top:2px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;background:#777}.status-dot.on{background:var(--green);box-shadow:0 0 10px rgba(25,195,125,.55)}.status-dot.warn{background:#f4bf5e}.profile-settings{padding:9px;border:0;border-radius:8px;color:#bbb;background:transparent;text-align:left;font-size:11px;cursor:pointer}.profile-settings:hover{color:#fff;background:var(--hover)}
.sidebar-shade{display:none}.workspace{display:grid;grid-template-rows:56px minmax(0,1fr) auto;min-width:0;min-height:0;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.menu-button{display:none;width:36px;height:36px;border:0;border-radius:9px;color:var(--text);background:transparent;cursor:pointer}.profile-pill{display:flex;align-items:center;gap:8px;padding:6px 9px;border:0;border-radius:10px;color:var(--text);background:transparent;font-size:14px;font-weight:600;cursor:pointer}.profile-pill:hover{background:#2b2b2b}.mini-avatar{width:25px;height:25px;border-radius:7px;font-size:9px}.chevron{color:#999}.web-button{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #444;border-radius:999px;color:#bbb;background:transparent;font-size:11px;cursor:pointer}.web-button i{width:7px;height:7px;border-radius:50%;background:#777}.web-button.active{border-color:#4973a7;color:#dbeaff;background:#253244}.web-button.active i{background:var(--blue);box-shadow:0 0 9px rgba(112,167,255,.65)}.web-button:disabled{opacity:.5;cursor:not-allowed}.privacy{color:#888;font-size:10px}
.chat-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#555 transparent}.chat-content{width:min(760px,calc(100% - 32px));margin:0 auto;padding:22px 0 42px}.welcome{display:grid;min-height:calc(100vh - 245px);align-content:center;justify-items:center;text-align:center}.welcome-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;color:#062418;background:var(--green);font-size:22px;font-weight:850}.welcome h1{margin:20px 0 7px;font-size:28px;letter-spacing:-.035em}.welcome p{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.suggestions{display:grid;width:min(620px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}.suggestion{padding:13px 14px;border:1px solid #424242;border-radius:13px;color:#d8d8d8;background:transparent;text-align:left;font-size:12px;line-height:1.4;cursor:pointer}.suggestion:hover{background:#292929}
.message-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;padding:20px 0}.message-row.user{grid-template-columns:minmax(0,1fr)}.message-row.user .message-card{justify-self:end;max-width:80%;padding:10px 14px;border-radius:18px;background:var(--surface)}.assistant-mark{width:28px;height:28px;font-size:10px}.message-main{min-width:0}.message-name{margin-bottom:7px;color:#aaa;font-size:10px;font-weight:700;text-transform:uppercase}.message-text{color:#e8e8e8;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start}.sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.sources a{max-width:100%;overflow:hidden;padding:6px 9px;border:1px solid #444;border-radius:999px;color:#b9d5ff;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.sources a:hover{background:#2b3440}
.composer-area{padding:10px 16px 14px;background:linear-gradient(transparent,var(--bg) 14%)}.composer{width:min(760px,100%);margin:auto;padding:10px 10px 8px 15px;border:1px solid #4b4b4b;border-radius:24px;background:var(--surface);box-shadow:0 7px 28px rgba(0,0,0,.18)}#prompt{display:block;width:100%;min-height:28px;max-height:180px;padding:5px 2px 8px;border:0;outline:0;resize:none;color:var(--text);background:transparent;font-size:14px;line-height:1.5;unicode-bidi:plaintext;text-align:start}.composer-bottom{display:flex;align-items:center;justify-content:space-between}.composer-mode{padding:4px 7px;border-radius:7px;color:#aaa;background:#292929;font-size:9px}.send{display:grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:50%;color:#111;background:#fff;font-size:18px;font-weight:800;cursor:pointer}.send:disabled{color:#777;background:#494949;cursor:not-allowed}.disclaimer{margin:7px auto 0;color:#7f7f7f;font-size:9px;text-align:center}
.modal-backdrop{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.modal-backdrop.open{display:grid}.modal{width:min(560px,100%);padding:22px;border:1px solid #444;border-radius:18px;background:#272727;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between}.modal h2{margin:0;font-size:19px}.modal-head p{margin:5px 0 0;color:#999;font-size:11px}.modal-head button{width:30px;height:30px;border:0;border-radius:8px;color:#aaa;background:transparent;font-size:20px;cursor:pointer}.modal-head button:hover{background:#333}.field{display:grid;gap:7px;margin-top:16px}.field span{color:#bbb;font-size:11px}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #494949;border-radius:10px;outline:0;color:var(--text);background:#1d1d1d}.field textarea{min-height:145px;resize:vertical;line-height:1.5;unicode-bidi:plaintext;text-align:start}.field input:focus,.field textarea:focus,.field select:focus{border-color:#777}.check{display:flex;align-items:center;gap:8px;margin-top:15px;color:#bbb;font-size:11px}.check input{accent-color:var(--green)}.modal-actions{display:flex;justify-content:space-between;margin-top:22px}.modal-actions button{padding:9px 14px;border-radius:9px;cursor:pointer}.delete{border:0;color:var(--danger);background:transparent}.save{border:0;color:#062418;background:var(--green);font-weight:700}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:25;width:min(290px,88vw);transform:translateX(-102%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.sidebar-shade.open{position:fixed;inset:0;z-index:24;display:block;background:rgba(0,0,0,.55)}.close-sidebar,.menu-button{display:block}.workspace{height:100vh}.privacy{display:none}.topbar{padding:0 10px}.chat-content{width:min(100% - 24px,760px)}.suggestions{grid-template-columns:1fr}.message-row.user .message-card{max-width:92%}.composer-area{padding:8px 10px 12px}}