:root{color-scheme:light;--bg:#f7f9fc;--panel:#ffffff;--edge:#dbe3ef;--text:#24344b;--muted:#62748c;--accent:#2563eb;--blue:#2563eb;font-family:Inter,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus,textarea:focus{outline:none;border-color:var(--accent)}button{color:inherit}a{color:#1d4ed8}[hidden]{display:none!important}
.shell{display:flex;min-height:100dvh}aside{width:258px;flex:none;background:#eef3fa;border-right:1px solid var(--edge);padding:30px 18px 18px;display:flex;flex-direction:column;height:100dvh;position:sticky;top:0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:22px;font-weight:650;letter-spacing:-.8px;padding:0 8px}
.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:2px;margin-top:5px;font-weight:500}
.muted{font-weight:400;color:#58687e}
.mark{display:inline-flex;background:var(--accent);color:#ffffff;width:40px;height:42px;border-radius:12px;align-items:center;justify-content:center;font-weight:700;font-size:26px;letter-spacing:-4px;padding-right:4px}
.mark span{font-weight:400;font-size:33px}
.primary,.secondary,.danger{border-radius:8px;padding:12px 17px;font-weight:600;border:1px solid transparent}
.primary{background:var(--accent);color:#ffffff}
.primary:hover{background:#1d4ed8}
.secondary{background:#e9ecf1;border-color:#c6cdd7}
.secondary:hover{background:#d9dfe8}
.danger{background:#aa4039;color:white}
.new-chat{margin:35px 0 26px;display:flex;align-items:center;gap:8px;font-size:12px;text-align:left}
.new-chat>span:first-child{font-size:19px}
.shortcut{margin-left:auto}nav{display:grid;gap:5px}
.nav{display:flex;gap:12px;align-items:center;background:transparent;border:0;padding:12px 14px;text-align:left;color:var(--muted);border-radius:7px}
.nav>span{font-size:20px;width:20px}
.nav:hover,.nav.active{background:#d9dfe8;color:var(--text)}
.nav.active{box-shadow:inset 2px 0 var(--blue)}
.section-label{color:#5a6a81;font-size:9px;letter-spacing:1.7px;margin:36px 13px 14px}
.conversations{overflow:auto;flex:1}
.sidebar-empty{font-size:12px;line-height:1.8;color:#62748d;padding:0 13px}
.conversation-item{display:block;width:100%;border:0;background:none;text-align:left;padding:11px 13px;color:#4c5a6e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:6px;font-size:12px}
.conversation-item:hover,.conversation-item.active{color:var(--text);background:#dae0e9}
.conversation-row{display:flex;align-items:center;gap:4px;margin-bottom:3px}
.conversation-row .conversation-item{flex:1;min-width:0;width:auto}
.conversation-delete{flex:none;border:0;background:transparent;color:#9b3530;border-radius:6px;padding:11px 7px;font-size:11px}
.conversation-delete:hover{background:#fbe7e6}
.sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid var(--edge);padding:20px 8px 0;font-size:11px}
.sidebar-footer small{display:block;font-size:9px;color:var(--muted);margin-top:4px}
.local-dot,.dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.version{margin-left:auto;color:#546379;font-size:10px}main{min-width:0;flex:1;height:100dvh;display:flex;flex-direction:column}
.topbar{height:76px;border-bottom:1px solid #d9dee5;display:flex;align-items:center;justify-content:space-between;padding:0 38px;flex:none}
.breadcrumb{font-size:11px;color:#5b6c83}
.breadcrumb span{margin:0 15px;color:#92a0b3}
.breadcrumb strong{font-weight:500;color:#303b4a}
.status-chip{background:#e4e9f0;border:1px solid #c3ccd9;border-radius:20px;display:flex;gap:8px;align-items:center;padding:8px 12px;color:#354862;font-size:10px}
.dot{background:#677a94}
.dot.online{background:#40587a}
.dot.offline{background:#c17b2d}
.chat-view{min-height:0;flex:1;display:flex;flex-direction:column}
.chat-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 38px 8px;color:#56667c;font-size:11px;gap:20px}
.chat-heading>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-button{border:0;background:none;font-size:11px;color:var(--muted);padding:8px}
.text-button:hover{color:var(--accent)}
.chat-scroll{flex:1;overflow-y:auto;min-height:0;scroll-behavior:smooth}
.welcome{max-width:850px;margin:0 auto;padding:clamp(34px,8vh,90px) 44px 35px}
.eyebrow{font-size:9px;letter-spacing:2px;color:#51637d;display:flex;gap:10px;align-items:center;font-weight:600}h1{font-size:43px;font-weight:450;letter-spacing:-1.9px;line-height:1.2;margin:27px 0 21px}h1 span{color:#63758e}
.welcome>p{color:#55657b;font-size:13px;line-height:1.9}
.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.suggestions button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:19px 16px 22px;border:1px solid #d2dae4;background:linear-gradient(130deg,#e9eef5,#f1f4f8);border-radius:10px;min-height:145px}
.suggestions button:hover{border-color:#778aa4;background:#dee6f0}
.suggestion-icon{color:var(--accent);font-size:24px;margin-bottom:15px}
.suggestions strong{font-size:12px;font-weight:500}
.suggestions button>span:last-of-type{font-size:10px;line-height:1.5;color:#526175;margin-top:7px}
.suggestions b{position:absolute;top:19px;right:16px;font-size:13px;color:#60728b;font-weight:400}
.composer-wrap{width:100%;max-width:850px;margin:0 auto;padding:12px 44px 15px;flex:none}
.composer{border:1px solid #b5c1d1;background:#ffffff;border-radius:13px;padding:16px 17px 12px;box-shadow:0 8px 30px #1421340a}
.composer:focus-within{border-color:#6b809e}
.composer textarea{display:block;resize:none;background:transparent;border:0;color:var(--text);width:100%;line-height:1.6;max-height:180px;min-height:46px;font-size:13px}
.composer textarea::placeholder{color:#657892}
.composer-bottom{display:flex;align-items:center;justify-content:space-between;color:#607189;font-size:10px;margin-top:8px}
.separator{margin:0 8px;color:#93a1b4}
.send{width:33px;height:33px;background:var(--accent);border:0;border-radius:8px;color:#ffffff;font-size:24px;line-height:1}
.composer-hint{display:flex;justify-content:space-between;font-size:8px;color:#5a6b82;margin-top:12px;gap:12px}
.composer-hint span span{margin:0 5px}
.app-footer{height:35px;border-top:1px solid #d9dee6;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:8px;letter-spacing:.6px;color:#63758f}
.app-footer>span:first-child{letter-spacing:2px}
.messages{max-width:850px;margin:auto;padding:10px 44px}
.message{display:flex;gap:16px;margin:24px 0 33px}
.avatar,.mini-mark{width:30px;height:30px;flex:none;background:#e2e8f0;border:1px solid #c1ccdb;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#394b64}
.message.assistant .avatar,.mini-mark{background:#e8f0ff;border-color:#c8d9fa;color:var(--accent)}
.message-body{min-width:0;flex:1}
.message-label{font-size:10px;letter-spacing:.5px;color:#4e5f76;margin:3px 0 10px}
.message-content{line-height:1.8;font-size:14px;overflow-wrap:anywhere}
.message-content p{margin:0 0 12px;white-space:pre-wrap}
.message-content pre{background:#ebeef3;border:1px solid #cad4e1;border-radius:8px;padding:15px;overflow:auto;font-size:12px;line-height:1.6}
.message-content code{font-family:Consolas,monospace;background:#e4e9f1;padding:2px 4px;border-radius:3px}
.message-content pre code{background:none;padding:0}
.source-list{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}
.source-list a{font-size:11px;text-decoration:none;border:1px solid #bbc7d9;border-radius:6px;padding:8px 12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thinking{width:100%;max-width:850px;margin:5px auto 24px;padding:0 44px;display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#546379}
.thinking-content{flex:1;min-width:0;padding-top:3px}
.thinking-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.thinking-status{display:flex;align-items:center;gap:9px;min-width:0}
.thinking-spinner{width:14px;height:14px;flex:none;border:2px solid #d2dae4;border-top-color:#546379;border-radius:50%;animation:thinking-spin .8s linear infinite}
@keyframes thinking-spin{to{transform:rotate(360deg)}}
#thinking-time{font-variant-numeric:tabular-nums;color:#607189;font-size:11px;white-space:nowrap}
.thinking-history{font-size:10px;line-height:1.8;color:#536278;margin-top:9px;overflow-wrap:anywhere}
.thinking-content small{display:block;font-size:10px;line-height:1.5;color:#607189;margin-top:9px}
details{font-size:10px;color:#5d6e85;margin-top:10px}summary{cursor:pointer}
.content-view{flex:1;overflow:auto;padding:45px 48px}
.view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}
.view-heading h1{font-size:35px;margin:16px 0 12px}
.view-heading p,.connection-card p,.info-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.search-form{display:flex;gap:10px;margin-bottom:24px}
.search-form input{flex:1;min-width:0}
.memory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px}
.memory-card{padding:23px;background:#ffffff;border:1px solid #ccd5e1;border-radius:10px}
.memory-card h2{font-size:14px;margin:14px 0;color:#2a3443;overflow-wrap:anywhere}
.memory-card p{line-height:1.8;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:#505e72}
.memory-card .category{color:#2456a6;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}
.memory-actions{display:flex;gap:10px;margin-top:18px}
.empty-state{padding:45px 20px;text-align:center;color:#5b6c84;line-height:1.8;grid-column:1/-1}
.connection-card{display:flex;justify-content:space-between;gap:25px;align-items:center;border:1px solid #d2dae4;background:#ffffff;border-radius:10px;padding:25px;margin-bottom:15px}
.connection-card h2,.info-card h2{font-size:14px;font-weight:500;margin:0 0 8px}
.badge{padding:7px 10px;background:#dfe6f1;color:#364d6e;font-size:10px;white-space:nowrap;border-radius:20px}
.badge.offline{background:#fbeedc;color:#83502a}
.info-card{padding:28px 0;max-width:650px}
#notice{padding:13px 38px;background:#fff2df;color:#83502a;font-size:12px;line-height:1.6}
.icon-button{border:0;background:transparent;padding:7px;font-size:22px;color:var(--muted)}
#menu{display:none}dialog{background:#ffffff;border:1px solid #c9d2df;border-radius:16px;color:var(--text);padding:32px;width:min(470px,calc(100vw - 32px));box-shadow:0 25px 100px #19263926}dialog::backdrop{background:#dfe4ecd9;backdrop-filter:blur(6px)}dialog h1{font-size:28px;letter-spacing:-1px;margin-top:23px}dialog h2{font-size:20px;font-weight:500}dialog p{color:#546379;line-height:1.7;font-size:13px}dialog label{display:block;font-size:12px;margin:20px 0 9px;color:#3d4a5d}input,dialog textarea{background:#f7f9fb;border:1px solid #b5c2d4;border-radius:7px;color:var(--text);padding:12px;width:100%;line-height:1.5}dialog textarea{resize:vertical}dialog small{display:block;color:#5c6d86;font-size:10px;margin:12px 0;line-height:1.6}dialog .primary{width:100%;margin-top:10px}
.form-error{color:#a73f32!important;min-height:18px}
.dialog-heading,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dialog-actions{justify-content:flex-end;margin-top:25px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.welcome{padding-top:13vh}}
@media(max-width:1050px){aside{width:225px}
.welcome,.messages{padding-left:28px;padding-right:28px}
.composer-wrap{padding-left:28px;padding-right:28px}
.welcome h1{font-size:38px}
.suggestions{gap:8px}
.suggestions button{padding:15px 12px}
.content-view{padding:32px}
.composer-hint>span:nth-child(2){display:none}}
@media(max-width:720px){aside{position:fixed;z-index:5;left:0;top:62px;height:calc(100dvh - 62px);width:260px;transform:translateX(-100%);transition:transform .18s;box-shadow:20px 0 40px #1524381a}
.shell.menu-open aside{transform:translateX(0)}
#menu{display:block}
.topbar{height:62px;padding:0 18px;gap:12px}
.breadcrumb{margin-right:auto;font-size:10px}
.breadcrumb span{margin:0 9px}
.status-chip{font-size:9px;padding:7px 9px}
.welcome{padding:35px 22px 15px}
.welcome h1{font-size:34px}
.welcome>p{font-size:12px}
.welcome>p br{display:none}
.suggestions{grid-template-columns:1fr;margin-top:24px;gap:8px}
.suggestions button{min-height:0;padding:14px 16px 14px 48px}
.suggestion-icon{position:absolute;left:16px;top:13px;font-size:19px;margin:0}
.suggestions button>span:last-of-type{margin-top:4px}
.chat-heading{padding:16px 22px 5px}
.messages{padding:6px 20px}
.message{gap:10px}
.message-content{font-size:13px}
.composer-wrap{padding:10px 16px 12px}
.composer{padding:12px}
.composer-hint{font-size:8px}
.app-footer{padding:0 20px;height:28px;font-size:7px}
.content-view{padding:26px 20px}
.view-heading{align-items:flex-start;flex-direction:column}
.connection-card{padding:18px;gap:12px}
.connection-card p{font-size:11px}
.connection-card h2{font-size:13px}
.thinking{padding:0 20px}
#notice{padding:12px 20px}
.eyebrow{font-size:8px}dialog{padding:25px}
.brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media (min-width:721px) and (max-height:800px){.welcome{padding-top:18px;padding-bottom:12px}.welcome h1{font-size:34px;margin:18px 0 12px}.welcome>p{font-size:12px;line-height:1.7}.suggestions{margin-top:20px}.suggestions button{min-height:118px;padding-top:13px;padding-bottom:16px}.suggestion-icon{font-size:20px;margin-bottom:9px}}

.model-picker { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; flex: 1; }
.model-picker label { min-width: 0; max-width: 100%; }
.model-picker select { max-width: 100%; width: auto; border: 1px solid #dadfe6; border-radius: 8px; background: #f7f8fa; color: #334154; padding: 7px 26px 7px 9px; font: inherit; font-size: 12px; text-overflow: ellipsis; }
.model-picker select:focus-visible { outline: 2px solid #536988; outline-offset: 2px; }
.model-picker select:disabled { opacity: .6; cursor: wait; }
@media (max-width: 600px) { .model-picker { flex-direction: column; } .model-picker select { width: 100%; } }
/* Timbot workspace: warm surfaces, navy chassis, a small blue signal. */
:root{--bg:#f5f4ef;--panel:#fffefa;--edge:#dcdedc;--text:#233344;--muted:#64717b;font-size:14px}
button,a,summary{transition:background-color .14s,border-color .14s,color .14s}
summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
aside{width:272px;background:#152331;border-color:#263748;padding:28px 18px 18px;color:#e9eff5}
aside .brand{color:#fff;font-size:25px;letter-spacing:-1px}
aside .muted{color:#d6e0ec}aside .brand small{color:#aebfd0;font-size:8px;letter-spacing:1.5px;margin-top:7px}
.mark{border-radius:8px;border:1px solid #6191ef;box-shadow:inset 0 -3px #00000016}
.new-chat{margin:32px 0 23px;padding:12px;font-size:12px;border-radius:6px}
aside .nav{color:#afc0cf;font-size:13px;padding:11px 13px;border-radius:5px}
aside .nav:hover,aside .nav.active{background:#223749;color:#fff}
aside .nav.active{box-shadow:inset 3px 0 #5089ff}
.section-label{color:#9eb0c2;font-size:9px;margin:30px 12px 12px;letter-spacing:1.6px}
#conversation-search{width:100%;background:#101d29;border:1px solid #354656;color:#edf2f7;border-radius:5px;padding:10px 11px;font-size:12px;margin-bottom:14px}
#conversation-search::placeholder{color:#94a7ba}#conversation-search:focus{outline:2px solid #6091ef;outline-offset:1px}
.sidebar-empty{color:#a8b8c8}.conversation-row{position:relative;gap:0;border-radius:5px;margin-bottom:4px}
.conversation-row:has(.conversation-menu[open]){padding-bottom:42px;background:#203344}
.conversation-row .conversation-item{color:#b9c8d7;font-size:12px;padding:12px 10px;border-radius:5px}
.conversation-row:hover,.conversation-row:focus-within{background:#1e3142}
.conversation-row .conversation-item:hover,.conversation-row .conversation-item.active{background:#263b50;color:white}
.conversation-menu{margin:0;flex:none;font-size:14px;color:#c3d0dd}
.conversation-menu summary{list-style:none;width:32px;height:38px;display:grid;place-items:center;font-size:22px;opacity:0;border-radius:5px}
summary::-webkit-details-marker{display:none}
.conversation-row:hover summary,.conversation-row:focus-within summary,.conversation-menu[open] summary{opacity:1}
.conversation-menu summary:hover{background:#344e65}
.conversation-delete{position:absolute;bottom:4px;right:5px;left:5px;width:calc(100% - 10px);background:#fff5f1;color:#8f3029;text-align:left;padding:10px;font-size:12px}
.sidebar-footer{border-color:#354352;color:#c5d2df;font-size:12px;padding:18px 7px 0}
.sidebar-footer small{color:#9fb1c3;font-size:10px}.version{color:#8fa5b9}aside .text-button{color:#b6c7d8}
.topbar{height:66px;padding:0 36px;background:#faf9f5;border-color:var(--edge)}
.breadcrumb{font-size:12px}.breadcrumb strong{font-weight:600}.status-chip{background:transparent;border:0;border-radius:5px;font-size:11px;padding:10px 0;color:#4c616c}
.dot.online{background:#44836a}.dot.offline{background:#9a6748}.dot{width:7px;height:7px}.local-dot{background:#6389bc}
.chat-heading{padding:18px 36px 10px;font-size:12px;color:#69777f}.chat-heading .text-button{font-size:11px}
.welcome{max-width:960px;padding:clamp(24px,5vh,58px) 36px 36px}
.welcome-mark{display:flex;align-items:center;justify-content:center;width:64px;height:58px;border:1px solid #cad3d9;background:#e8edf0;color:#315477;font-family:Consolas,monospace;font-weight:700;font-size:36px;border-radius:9px;box-shadow:0 3px 0 #d8dfe3;margin-bottom:30px}
.welcome-mark span{color:var(--accent)}
.welcome .eyebrow{margin-bottom:24px;font-size:9px;letter-spacing:1.8px}
.welcome h1{font-size:clamp(32px,3.3vw,48px);font-weight:550;letter-spacing:-1.8px;margin:0 0 20px}
.welcome h1 span{color:#6e7b83}.welcome>p{font-size:14px;line-height:1.8;color:#68747b}
.suggestions{margin-top:32px;gap:12px}.suggestions button{background:#fbfaf6;border:1px solid #d7dcdd;border-radius:7px;min-height:134px;padding:18px}
.suggestions button:hover{background:#edf2f6;border-color:#9fbbd3}.suggestions strong{font-weight:600;font-size:12px}.suggestions button>span:last-of-type{font-size:11px;color:#6b7882}.suggestion-icon{font-size:21px;margin-bottom:14px}
.messages{max-width:960px;padding:0 36px 16px}.message{gap:14px;margin:18px 0 26px}
.avatar,.mini-mark{width:34px;height:34px;border-radius:7px;margin-top:2px;font-size:11px;background:#e1e8ef;border-color:#cbd5df}
.message.assistant .avatar,.mini-mark{font-family:Consolas,monospace;font-size:17px;font-weight:bold;background:#20394f;border:1px solid #365670;color:#e9f2ff}
.message-body{padding:20px 24px;border:1px solid #dce0df;border-radius:8px;background:#fffefa;box-shadow:0 2px 3px #1e354605}
.message.user .message-body{background:#eaf0f8;border-color:#d5e0ed;box-shadow:none;padding:16px 22px}
.message-label{font-size:12px;font-weight:650;letter-spacing:0;color:#3b5367;margin:0 0 12px}
.message-content{font-size:14px;line-height:1.8}.message-content p:last-child{margin-bottom:0}.message-content strong{color:#172d40;font-weight:650}
.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:#243f52;line-height:1.4;letter-spacing:-.3px;margin:26px 0 12px;font-size:17px;font-weight:650}
.message-content h2{font-size:20px}.message-content>:first-child{margin-top:0}.message-content ul,.message-content ol{padding-left:22px;margin:12px 0 18px}.message-content li{padding-left:3px;margin:7px 0}
.message-content blockquote{margin:16px 0;border-left:3px solid #92adc5;padding:5px 16px;color:#617584;background:#f2f5f5}
.message-content code{font-size:.9em;background:#edf1f5;color:#294d6a;padding:2px 5px;border-radius:3px}
.code-block{margin:18px 0;border:1px solid #ccd6dd;border-radius:6px;overflow:hidden;background:#f1f4f6}
.code-bar{display:flex;align-items:center;justify-content:space-between;padding:5px 12px;border-bottom:1px solid #d5dde3;color:#607080;font:11px Consolas,monospace}
.copy-code{font:11px Inter,'Segoe UI',sans-serif;border:0;border-radius:4px;background:transparent;color:#3f5a70;min-height:30px;padding:5px 9px}.copy-code:hover{background:#dde6ed}
.message-content .code-block pre{margin:0;border:0;border-radius:0;background:transparent;padding:16px;font-size:12px;line-height:1.7}
.source-list a{font-size:11px;background:#f9faf9;border-color:#d7dfe2;padding:7px 10px}
.response-details{margin-top:22px;border-top:1px solid #e1e5e4;color:#627280;font-size:12px}
.response-details>summary{padding:14px 0 3px;list-style:none;display:flex;align-items:center;gap:8px;font-weight:500}
.response-details>summary:before{content:'›';font-size:18px;line-height:1;display:inline-block}.response-details[open]>summary:before{transform:rotate(90deg)}
.diagnostic-step{padding:14px 0 4px}.diagnostic-step h3{font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:600;margin:0 0 12px;color:#6f7b84}
.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:16px 12px;margin:0;background:#f3f5f4;border:1px solid #e1e6e6;border-radius:5px;padding:16px}
.metric{display:flex;flex-direction:column;gap:6px;min-width:0}.metric dt{order:2;font-size:10px;color:#657681;line-height:1.4}.metric dd{order:1;margin:0;font-family:Consolas,monospace;font-size:17px;color:#2e465a;overflow-wrap:anywhere}
.response-details>p{font-size:11px;line-height:1.6}
.composer-wrap{max-width:960px;padding:12px 36px 16px}.composer{border-radius:9px;border:1px solid #bdcbd3;background:#fffefa;padding:17px 18px 12px;box-shadow:0 3px 9px #152c3e07}
.composer:focus-within{border-color:#739ecc;box-shadow:0 0 0 2px #2563eb09}
.composer textarea{font-size:14px;line-height:1.7;min-height:75px;resize:vertical;max-height:220px}.composer textarea::placeholder{color:#7c8891}
.composer-bottom{margin-top:10px;gap:14px}.send{width:38px;height:36px;border-radius:6px;flex:none}.send:hover{background:#1c4fc2}
.composer-hint{font-size:9px;color:#718089;margin-top:11px}.app-footer{border-color:var(--edge);font-size:9px;height:36px;color:#77828b;letter-spacing:.2px}
.model-control{position:relative;margin:0;min-width:0;max-width:calc(100% - 48px);font-size:11px}
.model-control>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 9px;border-radius:5px;color:#536e84;background:#eff3f6}
.model-control>summary:hover,.model-control[open]>summary{background:#e2eaf0}.model-indicator{width:6px;height:6px;background:#6a88a5;flex:none;border-radius:50%}#model-summary{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:470px}.model-chevron{font-size:15px}
.model-picker{position:absolute;bottom:calc(100% + 10px);left:0;width:350px;max-width:calc(100vw - 70px);padding:17px;display:grid;gap:13px;background:#fffefa;border:1px solid #c8d2d9;box-shadow:0 6px 18px #20344816;border-radius:7px;z-index:5}
.model-picker label{display:grid;gap:6px;font-size:11px;color:#526779}.model-picker select{width:100%;font-size:12px;padding:10px;background:#f4f6f7;border-radius:5px}.model-picker .text-button{text-align:left;color:#2563eb;padding:6px 0}
.thinking{max-width:960px;padding:0 36px}.thinking-content{padding:12px 16px;border:1px solid #dde2e2;border-radius:7px;background:#f8f9f6}
.content-view{max-width:1180px;width:100%;margin:auto}.memory-card,.connection-card,.info-card{background:#fffefa;border-color:#d7dedd;border-radius:7px}.badge{background:#edf1f3;color:#446079;border-radius:4px}
dialog{background:#fffefa;border-color:#cbd4da;border-radius:10px}dialog::backdrop{background:#101e2ba6}
@media(hover:none){.conversation-menu summary{opacity:1}}
@media(min-width:721px) and (max-height:850px){.welcome{padding-top:20px;padding-bottom:22px}.welcome-mark{width:46px;height:42px;font-size:27px;margin-bottom:18px}.welcome .eyebrow{margin-bottom:18px}.welcome h1{font-size:34px}.suggestions{margin-top:20px}.suggestions button{min-height:110px}.welcome>p{font-size:13px}}
@media(max-width:1000px) and (min-width:721px){aside{width:235px;padding-left:13px;padding-right:13px}.messages,.composer-wrap,.welcome{padding-left:24px;padding-right:24px}.message-body{padding:18px}.composer-hint>span:nth-child(2){display:none}}
@media(max-width:720px){aside{width:260px}.topbar{padding:0 20px;height:58px}.status-chip{font-size:10px}.chat-heading{padding:14px 18px 6px}.welcome{padding:26px 22px}.welcome h1{font-size:32px}.welcome-mark{width:48px;height:44px;font-size:27px;margin-bottom:22px}.messages{padding:0 14px 12px}.message{gap:8px}.avatar{width:27px;height:29px;font-size:10px}.message.assistant .avatar{font-size:14px}.message-body,.message.user .message-body{padding:15px}.message-content{font-size:13px}.composer-wrap{padding:10px 14px 12px}.composer{padding:12px}.composer-hint>span:nth-child(2){display:none}.thinking{padding:0 14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.model-picker{width:290px}.app-footer{padding:0 18px;font-size:8px}.content-view{padding:26px 20px}.conversation-menu summary{opacity:1}}
@media(min-width:721px) and (max-height:760px){.welcome{padding-top:14px;padding-bottom:12px}.welcome .eyebrow{margin-bottom:12px}.welcome-mark{width:38px;height:35px;font-size:24px;margin-bottom:14px}.welcome h1{font-size:30px;margin-bottom:12px}.welcome>p{margin:0;line-height:1.7}.suggestions{margin-top:16px}.suggestions button{min-height:100px;padding:13px}.suggestion-icon{margin-bottom:10px}}
@media(max-width:720px){aside{top:58px;height:calc(100dvh - 58px);visibility:hidden}.shell.menu-open aside{visibility:visible}.suggestions button{min-height:0;padding:14px 32px 14px 48px}.suggestion-icon{margin:0;font-size:19px}.welcome>p br:after{content:' '}}
/* Light sidebar preference. */
aside{background:#e9eff5;border-color:#ccd7e2;color:#263c50}
aside .brand{color:#20384e}aside .muted{color:#46617a}aside .brand small{color:#536b80}
aside .nav{color:#405a70}aside .nav:hover,aside .nav.active{background:#d7e3ef;color:#173953}
aside .nav.active{box-shadow:inset 3px 0 var(--accent)}
aside .section-label{color:#536c81}
#conversation-search{background:#f7f9fc;border-color:#becddc;color:#233c53}
#conversation-search::placeholder{color:#61778b}
aside .sidebar-empty{color:#587086}
.conversation-row .conversation-item{color:#405a70}
.conversation-row:hover,.conversation-row:focus-within,.conversation-row:has(.conversation-menu[open]){background:#dce6f0}
.conversation-row .conversation-item:hover,.conversation-row .conversation-item.active{background:#d0dfed;color:#173953}
.conversation-menu{color:#46627a}.conversation-menu summary:hover{background:#c4d6e7}
.sidebar-footer{border-color:#c7d5e2;color:#334e66}.sidebar-footer small{color:#526b81}
aside .version{color:#627a90}aside .text-button{color:#42627d}

.history-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 2px 10px 12px;gap:12px}
.history-heading .section-label{margin:0}
.history-toggle{border:0;border-radius:5px;background:transparent;color:#405a70;font-size:24px;line-height:1;width:36px;height:36px}
.history-toggle:hover,.history-toggle[aria-expanded="true"]{background:#d0dfed;color:#173953}
.history-panel{display:flex;flex-direction:column;min-height:0;flex:1}
aside>.sidebar-footer{margin-top:auto}

/* Restore the original cool workspace background. */
main{background:#f7f9fc}
.attach-image{width:34px;height:34px;flex:none;border:1px solid #cad6e0;border-radius:5px;background:#eff3f6;color:#3b5e7c;font-size:23px}.attach-image:hover{background:#dfe9f2}.composer-bottom .model-control{margin-right:auto}.composer.image-drop{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb30}.attachment-preview{display:flex;align-items:center;gap:10px;padding:8px;margin-bottom:10px;border:1px solid #d1deea;border-radius:5px;background:#edf3f9;font-size:11px;color:#47627a}.attachment-preview img{width:56px;height:56px;object-fit:contain;border-radius:4px}.attachment-preview span{min-width:0;overflow-wrap:anywhere;flex:1}.remove-image{border:0;background:transparent;font-size:22px;color:#4e6578;padding:6px}.sent-image{display:block;max-width:min(100%,360px);max-height:240px;object-fit:contain;border-radius:6px;border:1px solid #cad7e4;margin-bottom:12px}.composer-bottom .model-control{max-width:calc(100% - 100px)}