:root{
  color-scheme:dark;--bg:#202123;--panel:#171717;--panel-2:#292a2d;--panel-3:#34363a;
  --hover:#2b2c2f;--line:#3d3f43;--line-soft:#2a2b2e;--text:#f2f2f2;--muted:#a7a9ad;
  --faint:#777b82;--accent:#10a37f;--accent-soft:#153f35;--danger:#e86b72;--shadow:#0008;
  --code:#111214;--code-text:#edf1f5;--sidebar-size:272px;--content-size:800px
}
body.light{
  color-scheme:light;--bg:#fff;--panel:#f7f7f8;--panel-2:#fff;--panel-3:#ececef;
  --hover:#ececef;--line:#d9d9de;--line-soft:#e8e8eb;--text:#202123;--muted:#5f6368;
  --faint:#858991;--accent:#087f63;--accent-soft:#e4f5ef;--danger:#c8444d;--shadow:#2021241f;
  --code:#17181a;--code-text:#eef1f4
}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{min-width:0;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{border:0;color:inherit;cursor:pointer}.hidden{display:none!important}
.icon-button{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:transparent;color:var(--muted);font-size:18px}.icon-button:hover{background:var(--hover);color:var(--text)}.primary{border-radius:10px;background:var(--text);color:var(--bg);font-weight:650}.secondary{border:1px solid var(--line);border-radius:10px;background:var(--panel-3)}
.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(140deg,#17bb91,#08735c);color:#fff;font-weight:800;box-shadow:0 6px 22px #10a37f33}.logo-mark.small{width:29px;height:29px;border-radius:9px;font-size:12px}

.auth-screen{width:100%;height:100%;height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--accent) 18%,var(--bg)),var(--bg) 52%)}.auth-brand{position:absolute;top:24px;left:28px;display:flex;align-items:center;gap:11px;font-size:16px}.auth-card{width:min(410px,100%);padding:36px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel-2) 92%,transparent);box-shadow:0 30px 90px var(--shadow);backdrop-filter:blur(18px)}.auth-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:21px}.auth-card h1{margin:20px 0 4px;font-size:25px}.auth-card>p{margin:0 0 25px;color:var(--muted)}.auth-card label{display:block;margin:13px 0 6px;color:var(--muted);font-size:12px}.auth-card input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:10px;outline:0;background:var(--panel-2);color:var(--text)}.auth-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.auth-submit{width:100%;height:46px;margin-top:18px}.auth-card small{display:block;min-height:21px;margin-top:10px;color:var(--danger)}

.app{width:100%;height:100%;height:100dvh;display:grid;grid-template-columns:var(--sidebar-size) minmax(0,1fr);overflow:hidden;transition:grid-template-columns .18s ease}.sidebar{width:var(--sidebar-size);height:100%;min-height:0;display:flex;flex-direction:column;padding:10px 9px;background:var(--panel);border-right:1px solid var(--line-soft);overflow:hidden;z-index:20;transition:transform .18s ease,opacity .14s ease}.sidebar-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px}.sidebar-brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:650}.new-chat{width:100%;height:44px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:9px;background:transparent;text-align:left;white-space:nowrap}.new-chat:hover,.conversation:hover,.conversation.active,.sidebar-action:hover,.profile-button:hover{background:var(--hover)}.new-chat strong{font-weight:500}.new-chat kbd{margin-left:auto;background:transparent;color:var(--faint);font-size:10px}.search-box{height:38px;display:flex;align-items:center;gap:8px;margin:4px 4px 10px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:color-mix(in srgb,var(--panel) 78%,var(--bg));color:var(--faint)}.search-box:focus-within{border-color:var(--line)}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.conversation-list{flex:1;min-height:0;overflow:auto;padding:0 3px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.conversation-group{padding:15px 8px 6px;color:var(--faint);font-size:10px;font-weight:650}.conversation{position:relative;margin:1px 0;padding:9px 31px 9px 9px;border-radius:9px;cursor:pointer}.conversation strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:450}.conversation small{display:none}.conversation-actions{display:none;position:absolute;top:5px;right:5px}.conversation:hover .conversation-actions{display:flex}.conversation-actions button{width:24px;height:26px;border-radius:5px;background:var(--hover);color:var(--muted)}.conversation-actions button:hover{background:var(--panel-3);color:var(--text)}.sidebar-footer{padding-top:7px;border-top:1px solid var(--line-soft)}.sidebar-action,.profile-button{width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 9px;border-radius:9px;background:transparent;color:var(--muted);text-align:left;text-decoration:none;white-space:nowrap}.profile-button{height:51px}.profile-avatar{width:31px;height:31px;display:grid;flex:0 0 31px;place-items:center;border-radius:50%;background:#6849b4;color:#fff;font-size:11px;font-weight:700}.profile-copy{min-width:0;flex:1}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:12px}.profile-copy small{color:var(--faint);font-size:10px}.sidebar-backdrop{display:none}
.app.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)}.app.sidebar-collapsed .sidebar{transform:translateX(-100%);opacity:0;pointer-events:none}.app.sidebar-collapsed .menu-button{display:grid}

.chat-main{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:56px minmax(0,1fr) auto;position:relative;overflow:hidden;background:var(--bg)}.topbar{height:56px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid transparent;background:var(--bg);z-index:10}.menu-button{display:none}.model-control{min-width:0;position:relative;display:flex;align-items:center}.model-control select{width:auto;max-width:min(360px,42vw);padding:8px 25px 8px 9px;border:0;border-radius:9px;outline:0;appearance:none;background:transparent;color:var(--text);font-size:15px;font-weight:600;cursor:pointer;text-overflow:ellipsis}.model-control select:hover{background:var(--hover)}.model-control>span{position:absolute;right:8px;color:var(--faint);pointer-events:none}.topbar-right{min-width:0;margin-left:auto;display:flex;align-items:center;gap:8px}.agent-status{min-width:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.agent-status i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a97934}.agent-status.online i{background:#24b58c;box-shadow:0 0 9px #10a37f}

.messages{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:18px 20px 24px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain}.welcome{width:min(var(--content-size),100%);min-height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;text-align:center}.welcome-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:17px;background:var(--panel-2);color:#55c8a6;font-size:23px;box-shadow:0 14px 45px var(--shadow)}.welcome h1{margin:18px 0 5px;font-size:30px;letter-spacing:-.8px}.welcome>p{margin:0;color:var(--muted)}.suggestions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.suggestions button{min-width:0;min-height:76px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:0 7px;padding:13px;border:1px solid var(--line);border-radius:14px;background:transparent;text-align:left}.suggestions button:hover{background:var(--hover)}.suggestions button>span{grid-row:1/3;color:#62bda2;font-size:17px}.suggestions strong,.suggestions small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestions strong{font-size:13px;font-weight:550}.suggestions small{color:var(--muted)}.message{width:min(var(--content-size),100%);min-width:0;margin:0 auto 28px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px}.avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--panel-3);font-size:11px}.assistant .avatar{background:linear-gradient(140deg,#15a985,#08755e);color:#fff}.content{min-width:0;padding-top:3px;overflow-wrap:anywhere;font-size:15px;line-height:1.72}.content p{margin:0 0 13px}.content code{padding:2px 5px;border-radius:5px;background:color-mix(in srgb,var(--code) 88%,transparent);color:var(--code-text);font:13px ui-monospace,SFMono-Regular,Consolas,monospace}.content pre{max-width:100%;position:relative;overflow:auto;margin:14px 0;padding:42px 16px 16px;border:1px solid #34363a;border-radius:12px;background:var(--code);color:var(--code-text)}.content pre:before{content:attr(data-language);position:absolute;top:10px;left:14px;color:#8c9097;font-size:10px}.content pre code{padding:0;background:transparent;line-height:1.6}.copy-code{position:absolute;top:7px;right:8px;padding:5px 9px;border-radius:6px;background:#292b2f;color:#c3c6ca;font-size:10px}.tok-keyword{color:#c792ea}.tok-string{color:#c3e88d}.tok-comment{color:#76817a;font-style:italic}.tok-number{color:#f78c6c}.message-actions{height:28px;display:flex;gap:2px;margin-top:5px;opacity:0}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}.message-actions button{width:28px;height:27px;border-radius:6px;background:transparent;color:var(--faint)}.message-actions button:hover{background:var(--hover);color:var(--text)}.scroll-bottom{position:absolute;right:24px;bottom:150px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);box-shadow:0 5px 20px var(--shadow);z-index:12}

.composer-area{min-width:0;padding:4px max(20px,calc((100% - var(--content-size))/2)) max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent 0,var(--bg) 18px);z-index:8}.telemetry{height:20px;display:flex;justify-content:center;gap:12px;overflow:hidden;color:var(--faint);font-size:10px;white-space:nowrap}.composer{min-width:0;min-height:96px;padding:12px 13px 9px;border:1px solid var(--line);border-radius:24px;background:var(--panel-2);box-shadow:0 8px 30px var(--shadow)}.composer:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,var(--line))}.composer textarea{width:100%;max-height:min(190px,30dvh);display:block;resize:none;padding:1px 4px 9px;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;line-height:1.5}.composer textarea::placeholder{color:var(--faint)}.composer-bottom{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.composer-tools{min-width:0;display:flex;align-items:center;gap:8px}.tool-button{width:32px;height:32px;flex:0 0 32px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:18px}.tool-button:hover{background:var(--hover)}.context-label{overflow:hidden;color:var(--faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.send-button{width:34px;height:34px;border-radius:50%;background:var(--text);color:var(--bg);font-size:19px;font-weight:700}.send-button:disabled{opacity:.35}.send-button.stop{font-size:12px}.disclaimer{margin:6px 0 0;text-align:center;color:var(--faint);font-size:10px}

.thinking-toggle{height:32px;flex:0 0 auto;padding:0 11px;border:1px solid var(--line);border-radius:17px;background:transparent;color:var(--muted);font-size:11px}.thinking-toggle:hover{background:var(--hover);color:var(--text)}.thinking-toggle.active{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:var(--accent-soft);color:var(--accent)}.thinking-panel{max-width:100%;margin:0 0 14px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}.thinking-panel summary{display:flex;align-items:center;gap:8px;padding:9px 12px;color:var(--muted);font-size:12px;cursor:pointer;list-style:none;user-select:none}.thinking-panel summary::-webkit-details-marker{display:none}.thinking-panel summary:before{content:'✦';color:var(--accent)}.thinking-panel summary:after{content:'⌄';margin-left:auto;color:var(--faint);transition:transform .18s}.thinking-panel[open] summary:after{transform:rotate(180deg)}.thinking-body{max-height:min(180px,24dvh);overflow:auto;padding:10px 12px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:12px;line-height:1.55;white-space:pre-wrap;scrollbar-width:thin}.thinking-panel.streaming .thinking-body:after{content:'▋';color:var(--accent);animation:blink .8s steps(1) infinite}.thinking-panel:not(.has-content){display:none}@keyframes blink{50%{opacity:0}}

.settings-dialog{width:min(470px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:var(--panel-2);color:var(--text);box-shadow:0 30px 100px var(--shadow)}.settings-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}.settings-dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;gap:16px}.dialog-head h2{margin:0;font-size:20px}.dialog-head p{margin:3px 0 24px;color:var(--muted);font-size:12px}.settings-dialog label{display:block;margin:18px 0;color:var(--muted)}.settings-dialog label output{float:right;color:var(--accent)}.settings-dialog input[type=range]{width:100%;accent-color:var(--accent)}.settings-dialog input[type=number]{width:100%;height:42px;display:block;margin-top:7px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.dialog-actions button{height:40px;padding:0 16px}

@media(max-width:900px){.agent-status span{display:none}.messages{padding-inline:16px}.composer-area{padding-inline:16px}}
@media(max-width:760px){
  :root{--sidebar-size:min(292px,86vw)}.app{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;transform:translateX(-105%);opacity:1;box-shadow:20px 0 70px #0009}.app.sidebar-open .sidebar{transform:translateX(0)}.app.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#0008;z-index:15}.app.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app.sidebar-collapsed .sidebar{opacity:1}.menu-button,.app.sidebar-collapsed .menu-button{display:grid}.topbar{padding:0 8px}.model-control select{max-width:48vw}.messages{padding:10px 12px 18px}.welcome{padding:20px 0}.welcome h1{font-size:25px}.welcome>p{font-size:12px}.suggestions{grid-template-columns:1fr;margin-top:22px}.suggestions button:nth-child(n+3){display:none}.message{grid-template-columns:28px minmax(0,1fr);gap:10px;margin-bottom:22px}.avatar{width:27px;height:27px}.content{font-size:14px}.composer-area{padding:2px 9px max(7px,env(safe-area-inset-bottom))}.composer{min-height:92px;border-radius:21px}.telemetry #speed{display:none}.disclaimer{display:none}.scroll-bottom{right:14px;bottom:122px}.auth-brand{top:18px;left:20px}.auth-card{padding:30px 23px}
}
@media(max-width:430px){.topbar{gap:4px}.model-control select{max-width:42vw;font-size:14px}.context-label{display:none}.thinking-toggle{padding:0 9px}.suggestions button{min-height:68px}.content pre{margin-inline:-2px}.settings-dialog form{padding:20px}}
@media(max-height:620px){.topbar{height:48px}.chat-main{grid-template-rows:48px minmax(0,1fr) auto}.composer{min-height:82px}.composer textarea{max-height:22dvh}.disclaimer{display:none}.welcome-mark{width:42px;height:42px}.welcome h1{margin-top:10px}.suggestions{margin-top:16px}.suggestions button{min-height:64px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.assistant>.content{padding:14px 16px 8px;border:1px solid var(--line-soft);border-radius:16px;background:color-mix(in srgb,var(--panel-2) 82%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--shadow) 35%,transparent)}
@media(max-width:760px){.assistant>.content{padding:12px 12px 6px;border-radius:14px}}
.composer{position:relative}.attachment-tray{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:0 3px 10px;scrollbar-width:thin}.attachment-tray.hidden{display:none}.message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.attachment-tray .message-attachments{flex-wrap:nowrap;margin:0}.attachment-card{max-width:250px;min-width:150px;height:48px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid var(--line);border-radius:11px;background:var(--panel-3);color:var(--text)}.attachment-card>i{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.attachment-card>span{min-width:0;display:block;flex:1}.attachment-card strong,.attachment-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-card strong{font-size:11px;font-weight:600}.attachment-card small{color:var(--faint);font-size:9px}.attachment-card button{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:transparent;color:var(--muted);font-size:17px}.attachment-card button:hover{background:var(--hover);color:var(--text)}.uploading-file{flex:0 0 auto;color:var(--muted);font-size:11px}.drop-hint{display:none;position:absolute;inset:5px;align-items:center;justify-content:center;border:2px dashed var(--accent);border-radius:19px;background:color-mix(in srgb,var(--accent-soft) 92%,var(--panel-2));color:var(--accent);font-weight:650;z-index:5;pointer-events:none}.composer.dragover .drop-hint{display:flex}.composer.dragover>*:not(.drop-hint){opacity:.12}.user .message-attachments{margin-top:2px}
@media(max-width:520px){.attachment-card{min-width:135px;max-width:210px}.attachment-tray{padding-bottom:7px}}
.attachment-card.image-file{height:62px;min-width:175px}.attachment-thumb{width:46px;height:46px;display:block;flex:0 0 46px;object-fit:cover;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}
.generated-artifacts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.artifact-card{min-width:210px;max-width:330px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:12px;background:var(--accent-soft);color:var(--text);text-decoration:none;transition:.18s}.artifact-card:hover{border-color:var(--accent);transform:translateY(-1px)}.artifact-card i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;font-style:normal;font-weight:800}.artifact-card span{min-width:0}.artifact-card strong,.artifact-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-card strong{font-size:12px}.artifact-card small{margin-top:2px;color:var(--muted);font-size:10px}
.recover-request{display:block;margin-top:12px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650}.recover-request:hover{background:var(--accent);color:#fff}.recover-request:disabled{cursor:wait;opacity:.65}
.internet-toggle.active{border-color:#4b8cff;background:color-mix(in srgb,#4b8cff 16%,var(--panel-3));color:#75a7ff}.message-text .source-link{color:#69a3ff;text-decoration:underline;text-decoration-color:color-mix(in srgb,#69a3ff 45%,transparent);text-underline-offset:3px}.message-text .source-link:hover{color:#9cc3ff;text-decoration-color:currentColor}
.activity-line{display:flex;align-items:center;gap:9px;min-height:28px;margin:1px 0 8px;color:var(--muted);font-size:12px}.activity-line.hidden{display:none}.activity-line i{width:15px;height:15px;flex:0 0 15px;border:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-top-color:var(--accent);border-radius:50%;animation:activity-spin .8s linear infinite}.activity-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes activity-spin{to{transform:rotate(360deg)}}
.code-actions{position:absolute;top:7px;right:8px;display:flex;gap:5px}.code-actions .copy-code,.code-actions button{position:static;padding:5px 9px;border-radius:6px;background:#292b2f;color:#c3c6ca;font-size:10px}.code-actions button:hover{background:#383b40;color:#fff}
.generated-artifacts .artifact-card{min-width:230px;max-width:380px;gap:7px;padding:6px}.artifact-main{min-width:0;display:flex;flex:1;align-items:center;gap:10px;padding:4px 6px;color:inherit;text-decoration:none}.artifact-preview{height:32px;flex:0 0 auto;padding:0 9px;border:1px solid color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:8px;background:var(--panel-2);color:var(--accent);font-size:10px}.artifact-preview:disabled{opacity:.5;cursor:wait}
.preview-dialog{width:min(1180px,calc(100% - 28px));height:min(820px,calc(100dvh - 28px));padding:0;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;color:#171717;box-shadow:0 30px 100px #0009}.preview-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.preview-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 16px;border-bottom:1px solid #dedede;background:#f6f6f6}.preview-head div{min-width:0}.preview-head strong,.preview-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-head strong{font-size:13px}.preview-head small{color:#747474;font-size:10px}.preview-head .icon-button{color:#555}.preview-dialog iframe{width:100%;height:calc(100% - 52px);display:block;border:0;background:#fff}