:root{color-scheme:light dark;--bg:#f8f9fb;--surface:#fff;--sidebar:#f0f2f5;--text:#242a34;--muted:#747f90;--line:#dfe4eb;--soft:#eef1f6;--accent:#456da7;--error:#b54848;--shadow:0 10px 40px #182c4520;font:16px -apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.dark{color-scheme:dark;--bg:#191d23;--surface:#222831;--sidebar:#20252d;--text:#e4e9f1;--muted:#9aa8bb;--line:#363e4a;--soft:#2c3542;--accent:#8bacdf;--error:#f19a9a;--shadow:0 10px 40px #0005}@media(prefers-color-scheme:dark){body:not(.light){color-scheme:dark;--bg:#191d23;--surface:#222831;--sidebar:#20252d;--text:#e4e9f1;--muted:#9aa8bb;--line:#363e4a;--soft:#2c3542;--accent:#8bacdf;--error:#f19a9a;--shadow:0 10px 40px #0005}}[hidden]{display:none!important}button,select,input,textarea{font:inherit;color:inherit}button,select{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:hover:not(:disabled){background:var(--soft)}.spacer{flex:1}.google{font-weight:750;color:#7da6e5}.login{max-width:420px;padding:15vh 25px 50px;margin:auto;text-align:center}.login img{border-radius:22px;box-shadow:var(--shadow)}.login h1{font-size:30px;margin-bottom:12px}.login p{color:var(--muted);line-height:1.7}.google-login{display:flex;align-items:center;justify-content:center;gap:13px;text-decoration:none;color:var(--text);border:1px solid var(--line);background:var(--surface);padding:16px;border-radius:13px;margin:35px 0 12px}.login small{color:var(--muted);font-size:12px}.login .install-help{font-size:13px;margin-top:50px}#app{display:flex;height:100dvh}aside{width:285px;flex-shrink:0;background:var(--sidebar);padding:20px 15px max(15px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--line)}aside header{display:flex;align-items:center;gap:10px;padding:4px 5px 13px}aside header img{border-radius:8px}aside header button{display:none}.new{text-align:left;background:transparent;border:0;font-weight:600}.filters,.tabs{display:flex;gap:5px;align-items:center}.filters button,.tabs button{border:0;font-size:13px;background:transparent;padding:8px}.filters [aria-pressed=true],.tabs [aria-pressed=true]{background:var(--soft)}#search{border:1px solid var(--line);background:var(--surface);padding:11px;border-radius:11px;min-width:0}#threads{flex:1;overflow:auto;min-height:70px}.thread{display:flex;align-items:center;gap:10px;margin-bottom:6px;border-radius:12px}.thread.selected{background:var(--soft);box-shadow:inset 3px 0 var(--accent)}.thread>button:first-child{flex:1;text-align:left;min-width:0;border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:14px 10px}.thread .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.thread .archive-row{background:transparent;border:0;color:var(--muted);padding:9px;font-size:13px}.group{color:var(--muted);font-size:12px;margin:21px 10px 10px}.thread .dot{font-size:10px;color:#8abb9d}.thread .account{font-size:21px}footer{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}footer button{font-size:11px;border:0;background:transparent;padding:8px}footer label{font-size:12px;color:var(--muted)}footer select{font-size:12px;padding:6px;border:0;background:transparent}main{min-width:0;flex:1;display:flex;flex-direction:column;position:relative}.chat-header{display:flex;align-items:center;gap:12px;padding:20px max(20px,env(safe-area-inset-right));border-bottom:1px solid var(--line);min-height:85px}.chat-header>button{border:0;background:transparent}.heading{min-width:0}.heading small{color:var(--muted);font-size:11px}.heading h1{font-size:17px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}#menu{display:none}.connection{font-size:11px;color:var(--muted);text-align:center;padding:8px}.connection.connected{color:#71a888}.error{background:var(--soft);color:var(--error);padding:13px 20px;font-size:13px;line-height:1.6}#conversation{flex:1;overflow:auto;padding:10px 24px 32px;scroll-behavior:auto}#messages,#question{max-width:880px;margin:auto}.welcome{text-align:center;color:var(--muted);padding-top:12vh}.welcome>span{font-size:60px;color:var(--accent)}.welcome h2{font-size:24px;color:var(--text);margin-top:20px}.welcome p{font-size:14px}.user-message,.agent-message{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 28px}.user-message{background:var(--soft);border-radius:18px;padding:15px 19px;margin-left:8%;font-size:15px}.agent-message{font-size:15px;padding:3px}.agent-message .label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:8px}.text a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.text pre,details pre{font:12px ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);border-radius:9px;padding:12px;max-height:350px;overflow:auto}details{margin:10px 0;font-size:12px;color:var(--muted)}summary{cursor:pointer;padding:9px 0}.result{font-size:12px;color:var(--muted);padding:10px}.composer-wrap{padding:0 24px max(15px,env(safe-area-inset-bottom));max-width:930px;width:100%;margin:auto}.activity{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);padding:11px 0;min-width:0}.activity strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity time{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}.pulse{width:7px;height:7px;border-radius:50%;background:#8ec7a8;animation:pulse 1.7s ease-in-out infinite;flex-shrink:0}@keyframes pulse{50%{opacity:.3}}#starter{display:flex;align-items:center;gap:12px;margin:12px 0}#starter label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px}#starter select{font-size:13px;max-width:100%;padding:8px}.folder{flex:1;min-width:0}.folder select{width:100%;text-overflow:ellipsis}#composer{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:12px;box-shadow:0 3px 14px #00000006}#message{width:100%;resize:none;border:0;outline:0!important;background:transparent;padding:5px 4px;line-height:1.6;max-height:180px;font-size:16px}.composer-actions{display:flex;gap:7px;align-items:center;margin-top:7px}.composer-actions button{font-size:13px;padding:9px 13px}.composer-actions #attach{border:0;background:transparent;padding-left:4px}.primary{background:#7698cc;color:#fff;border:0;font-weight:600}.primary:hover:not(:disabled){background:#6087c1}#stop{color:var(--error)}.composer-hint{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:10px}#send-status{font-size:11px;color:var(--muted)}#attachments{display:flex;gap:7px;overflow:auto}#attachments>div{display:flex;align-items:center;gap:7px;font-size:12px;padding:8px;background:var(--soft);border-radius:10px;margin-bottom:8px;flex-shrink:0}#attachments img{width:35px;height:35px;object-fit:cover;border-radius:5px}#attachments button{padding:4px;border:0;background:transparent}.question{border:1px solid var(--line);background:var(--surface);padding:18px;border-radius:16px;line-height:1.7}.question h2{font-size:13px;color:var(--accent);margin:0 0 15px}.question fieldset{min-width:0;border:0;padding:0;margin:0 0 20px}.question legend{font-size:15px;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap;padding:0;margin-bottom:12px}.question label.option{display:flex;gap:9px;align-items:baseline;padding:10px 0;font-size:14px}.question textarea,.question input[type=password]{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:11px;margin:8px 0;font-size:16px}.question .recommend{font-size:12px;color:var(--muted);display:block;line-height:1.7;border:1px solid var(--line);background:transparent;text-align:left;margin:8px 0}#recommendations{display:flex;gap:7px;overflow:auto;padding:8px 0}#recommendations button{flex-shrink:0;font-size:12px;color:var(--muted);background:var(--bg)}#preview{max-width:min(94vw,1000px);max-height:94dvh;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:20px}#preview::backdrop{background:#0008}#preview-close{float:right}#preview h2{font-size:15px;padding-right:50px}#preview-image{max-width:100%;max-height:75dvh;display:block;margin:auto}#preview-note{font-size:12px;color:var(--muted)}#toast{position:fixed;left:50%;transform:translateX(-50%);bottom:max(25px,env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 18px;border-radius:12px;z-index:10;font-size:13px;max-width:90vw}input[type=radio]{accent-color:var(--accent)}
@media(max-width:800px){aside{position:fixed;inset:0 auto 0 0;width:min(88vw,320px);z-index:5;box-shadow:20px 0 80px #0004;padding-top:max(15px,env(safe-area-inset-top));transform:translateX(-120%);transition:transform .2s}body.list-open aside{transform:translateX(0)}aside header button,#menu{display:block}.chat-header{padding:14px 12px;min-height:72px;padding-top:max(14px,env(safe-area-inset-top));gap:6px}#conversation{padding:7px 16px 25px}.composer-wrap{padding:0 12px max(12px,env(safe-area-inset-bottom))}.heading h1{font-size:15px;max-width:60vw}.user-message{margin-left:5%;padding:13px 16px}.agent-message{font-size:15px}.composer-hint{font-size:9px}.welcome h2{font-size:22px}#starter{gap:8px}#archive{font-size:12px}.question{padding:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
