:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;--bg:#090b10;--panel:#11151e;--panel2:#181e29;--line:#262d3a;--ink:#eef0f5;--muted:#8c95a6;--accent:#53e8d4;--green:#63d49b;--app-height:100dvh}*{box-sizing:border-box}html,body,#app{min-height:var(--app-height)}body{margin:0;overflow:hidden;background:radial-gradient(circle at 80% -10%,#123d46 0,transparent 30%),var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:var(--app-height);display:flex}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:275px;padding:max(22px,calc(22px + env(safe-area-inset-top))) 16px 22px;background:#0e1219;border-right:1px solid var(--line);transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:none}.brand,.top-brand{display:flex;align-items:center;gap:10px}.brand{margin-bottom:26px;letter-spacing:.15em}.brand-logo,.top-logo{object-fit:cover;box-shadow:0 0 18px #53e8d433}.brand-logo{width:34px;height:34px;border-radius:10px}.top-logo{width:32px;height:32px;border-radius:9px}.brand .icon-btn{margin-left:auto}.icon-btn,.round-btn{border:0;background:transparent;color:var(--muted);font-size:20px;padding:8px}.new-chat{width:100%;padding:12px;border:1px solid #287d7a;border-radius:10px;background:#102e32;color:#d5fff9;text-align:left}.eyebrow{color:var(--muted);font-size:10px;letter-spacing:.16em;margin:24px 10px 8px}.project{display:grid;grid-template-columns:22px 1fr;gap:4px;width:100%;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:left}.project small{grid-column:2;color:var(--muted);font-size:10px}.project.active{background:var(--panel2)}.sidebar-foot{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));color:var(--muted);font-size:12px}.sidebar-foot small{font-size:10px}.dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.dot.offline{background:#e8a06b;box-shadow:0 0 8px #e8a06b}.workspace{width:100%;min-width:0;height:var(--app-height)}.topbar{height:calc(70px + env(safe-area-inset-top));display:flex;align-items:center;gap:8px;padding:max(10px,env(safe-area-inset-top)) max(16px,calc((100% - 920px)/2)) 10px;border-bottom:1px solid var(--line);background:#090b10e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar h1{margin:0;font-size:17px}.topbar small{color:var(--muted);font:11px ui-monospace,monospace}.top-actions{margin-left:auto}.chat-view{height:calc(var(--app-height) - 70px - env(safe-area-inset-top));max-width:900px;min-height:0;margin:auto;padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}.messages{flex:1;min-height:0;overflow:auto;padding:28px 18px 120px;overscroll-behavior:contain}.welcome{max-width:580px;margin:auto;padding:30px 12px;text-align:center}.welcome-mark{display:block;width:84px;height:84px;margin:0 auto 12px;border-radius:24px;object-fit:cover;box-shadow:0 0 28px #53e8d433}.welcome h2{margin:10px 0;font-size:28px}.welcome p{color:var(--muted)}.suggestions,.model-suggestions{display:flex;flex-wrap:wrap;gap:8px}.suggestions{justify-content:center;margin-top:24px}.suggestions button,.model-suggestions button{padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:12px}.message{display:flex;gap:12px;max-width:760px;margin:0 auto 26px}.avatar{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--panel2);color:var(--accent);font:11px ui-monospace,monospace}.user .avatar{color:#e8c18b}.message-body{min-width:0;line-height:1.6;overflow-wrap:anywhere}.message-label{margin:5px 0 8px;color:var(--muted);font:11px ui-monospace,monospace}.message-body p{margin:0 0 10px}.code-block{margin:12px 0;overflow:hidden;border:1px solid #31394a;border-radius:9px;background:#0b0e14}.code-head{display:flex;justify-content:space-between;padding:7px 11px;background:#151a24;color:var(--muted);font:10px ui-monospace,monospace}.code-head button{border:0;background:transparent;color:#8af5e6;font-size:10px}.code-block pre{margin:0;overflow:auto;padding:14px;color:#dbe5ff;font:12px/1.55 ui-monospace,SFMono-Regular,monospace}.file-chip{display:inline-flex;align-items:center;gap:7px;margin:4px 5px 0 0;padding:5px 8px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:11px}.file-chip button{border:0;background:transparent;color:var(--muted)}.thinking{display:flex;gap:9px;width:calc(100% - 36px);max-width:760px;margin:0 auto 14px;color:var(--muted);font:11px ui-monospace,monospace}.thinking i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 1s infinite}.composer{display:flex;align-items:end;gap:8px;width:calc(100% - 28px);max-width:820px;margin:0 auto max(0px,env(safe-area-inset-bottom));padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.composer textarea{width:100%;min-height:40px;max-height:150px;resize:none;border:0;outline:0;background:transparent;color:var(--ink);padding:10px}.composer textarea::placeholder{color:#687184}.round-btn{font-size:22px}.send-btn{width:40px;height:40px;border:0;border-radius:11px;background:var(--accent);color:#07101d}.send-btn.busy{opacity:.5}.composer-note{margin:8px;color:#5f6877;font-size:10px;text-align:center}.attachment-tray{width:calc(100% - 28px);max-width:820px;margin:0 auto}.web-view{height:calc(var(--app-height) - 70px - env(safe-area-inset-top));display:flex;flex-direction:column}.web-bar{display:flex;gap:7px;padding:10px 14px}.web-bar input{flex:1;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.web-bar button,.primary{padding:9px 14px;border:1px solid #287d7a;border-radius:8px;background:#102e32;color:#d5fff9}.web-view iframe{flex:1;width:100%;border:0;background:#fff}dialog{width:min(94vw,520px);padding:0;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--ink)}dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-card{display:grid;gap:12px;padding:20px}.dialog-title{display:flex;align-items:center;justify-content:space-between}.dialog-title h2{margin:0;font-size:18px}.dialog-card label{display:grid;gap:6px;color:var(--muted);font-size:11px}.dialog-card input{padding:11px;border:1px solid var(--line);border-radius:8px;background:#0b0e14;color:var(--ink)}.muted{color:var(--muted);font-size:11px;line-height:1.5}@keyframes pulse{50%{opacity:.3}}@media(min-width:800px){.sidebar{position:fixed;transform:none}.workspace{margin-left:275px}.topbar{padding-left:28px}.topbar>#openSidebar{display:none}}@media(max-width:520px){.messages{padding:18px 12px 100px}.welcome h2{font-size:23px}.message{gap:8px}.message-body{font-size:14px}.composer,.attachment-tray{width:calc(100% - 18px)}}@media(max-height:620px){.messages{padding-top:12px;padding-bottom:72px}.welcome{padding:10px 12px}.welcome-mark{width:60px;height:60px;margin-bottom:4px}.welcome h2{margin:5px 0;font-size:21px}.welcome p{margin:5px 0}.suggestions{margin-top:10px}.composer-note{display:none}}@media(orientation:landscape)and (max-width:900px){.sidebar{width:250px}.topbar{height:calc(56px + env(safe-area-inset-top))}.chat-view,.web-view{height:calc(var(--app-height) - 56px - env(safe-area-inset-top))}.messages{padding-top:12px;padding-bottom:80px}.composer textarea{max-height:90px}.welcome{padding:8px}.welcome-mark{width:58px;height:58px}.welcome h2{margin:4px 0;font-size:20px}.welcome p{margin:4px 0}.suggestions{margin-top:8px}}.chat-list{display:grid;gap:4px;max-height:32vh;overflow:auto;margin:10px 0}.chat-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;width:100%;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font-size:12px}.chat-open{display:grid;gap:3px;min-width:0;padding:3px 4px;border:0;background:transparent;color:inherit;text-align:left}.chat-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-open small{font-size:10px;color:#687184}.chat-actions{display:flex;gap:2px}.chat-actions button{width:25px;height:25px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:12px}.chat-actions button:hover{border-color:var(--line);background:#0b0e14;color:var(--ink)}.chat-item.active{background:var(--panel2);color:var(--ink)}.back-btn{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);white-space:nowrap}.response-controls{display:flex;align-items:center;gap:6px;width:calc(100% - 28px);max-width:820px;margin:0 auto 7px;min-height:32px;overflow-x:auto;color:var(--muted);font:11px ui-monospace,monospace}.response-controls button{flex:0 0 auto;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:#0b0e14;color:var(--muted);font:11px ui-monospace,monospace}.response-controls button.active{border-color:#287d7a;background:#102e32;color:#d5fff9}.response-controls .web-toggle.active{border-color:#6b8ee8;background:#111a32;color:#dbe5ff}.response-controls span{flex:0 0 auto;white-space:nowrap}.response-controls #queueHint{margin-left:auto;color:#e8c18b}.thinking #responseClock{margin-left:auto;color:#8af5e6}.send-btn{display:grid;place-items:center;font-weight:800}.send-btn.busy{background:#e8a06b;color:#130c08;opacity:1}.chat-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0 2px}.chat-tools button,.chat-tools select{min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:12px}.group-list{display:grid;gap:4px}.group-list .project{grid-template-columns:22px 1fr;align-items:center}.group-list .project small{grid-column:2}