@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{color:#e8ebf2;font-synthesis:none;--bg:#090b10;--panel:#0e1118;--panel2:#131720;--line:#202632;--muted:#7e8798;--text:#e8ebf2;--accent:#8f7cff;--accent2:#55d6be;background:#090b10;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{background:var(--bg);grid-template-columns:270px 1fr;min-height:100vh;transition:grid-template-columns .2s;display:grid}.app-shell.sidebar-closed{grid-template-columns:0 1fr}aside{border-right:1px solid var(--line);z-index:30;background:#0c0f15;flex-direction:column;min-width:270px;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-closed aside{transform:translate(-270px)}.sidebar-header,.topbar,.account-row{align-items:center;display:flex}.sidebar-header{gap:10px;height:66px;padding:0 15px}.sidebar-header strong{letter-spacing:-.03em;flex:1;font:700 17px Manrope}.mini-brand,.brand-mark,.welcome-icon{color:#fff;background:linear-gradient(145deg,#9b87ff,#6b56df);place-items:center;display:grid;box-shadow:0 8px 28px #705bd944}.mini-brand{border-radius:9px;width:30px;height:30px}.icon-button{color:#919bad;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#fff;background:#181d27}.new-chat{cursor:pointer;background:#171b24;border:1px solid #313849;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;margin:4px 12px 19px;font-weight:500;display:flex}.new-chat:hover{background:#1a1f2a;border-color:#7163bd}.session-label{color:#5f6878;text-transform:uppercase;letter-spacing:.1em;padding:0 17px 8px;font-size:11px;font-weight:600}.sessions{flex:1;padding:0 8px;overflow:auto}.sessions button{text-align:left;color:#aeb5c2;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;margin:2px 0;padding:10px;display:flex}.sessions button span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sessions button.active{color:#f4f4f7;background:#191e28}.session-delete{opacity:0;color:#7d8492;flex:none}.sessions button:hover .session-delete{opacity:1}.session-delete:hover{color:#ff7187}.empty-sessions{text-align:center;color:#505866;margin-top:30px;font-size:13px;line-height:1.6}.account-row{border-top:1px solid var(--line);gap:9px;margin:8px;padding:11px 8px}.account-row>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.account-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.account-row small{color:#626c7d;font-size:11px}.account-avatar{color:#c9cde0;background:#252b37;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:600;display:grid}.workspace{background:radial-gradient(circle at 50% -20%,#18182a 0,transparent 36%),var(--bg);grid-template-rows:auto auto 1fr auto;min-width:0;height:100vh;display:grid}.topbar{border-bottom:1px solid #191e27;justify-content:space-between;gap:18px;min-height:66px;padding:10px 20px}.topbar-title{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title>div{flex-direction:column;min-width:0;display:flex}.topbar-title strong{white-space:nowrap;text-overflow:ellipsis;max-width:320px;font:600 14px Manrope;overflow:hidden}.status{color:#737d8d;align-items:center;gap:5px;font-size:10px;display:flex}.status:before{content:"";background:#656d7a;border-radius:50%;width:6px;height:6px}.status.connected:before{background:var(--accent2);box-shadow:0 0 8px #55d6be88}.status.connecting:before{background:#e1b556}.topbar-controls{gap:8px;display:flex}.select-control{color:#7f8999;background:#10141b;border:1px solid #252b36;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.select-control select{color:#bdc4d0;appearance:none;cursor:pointer;background:0 0;border:0;outline:0;max-width:180px;font-size:12px}.select-control option{background:#161a23}.select-control>svg:last-child{pointer-events:none}.connection-banner{color:#e8bd70;background:#2a2113;justify-content:center;align-items:center;gap:12px;padding:7px;font-size:12px;display:flex}.connection-banner button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;display:flex}.conversation{min-height:0;overflow-y:auto}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 22px 80px;display:flex}.welcome-icon{border-radius:15px;width:48px;height:48px;margin-bottom:25px}.eyebrow{letter-spacing:.18em;color:#7b719f;margin:0 0 11px;font-size:10px;font-weight:700}.welcome h1{letter-spacing:-.045em;margin:0 0 10px;font:600 clamp(27px,4vw,39px) Manrope}.welcome>p:not(.eyebrow){color:#7f8998;max-width:480px;margin:0;line-height:1.6}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:31px;display:flex}.suggestions button{color:#aab1be;cursor:pointer;background:#10141b;border:1px solid #242a35;border-radius:9px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.suggestions button:hover{color:#fff;border-color:#554d83;transform:translateY(-1px)}.message-list{max-width:860px;margin:auto;padding:35px 28px 80px}.message{grid-template-columns:30px 1fr;gap:13px;margin-bottom:28px;display:grid}.message-avatar{color:#9aa4b4;background:#1a1f29;border:1px solid #282e39;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.message.assistant .message-avatar{color:#b5a9ff;background:#191727;border-color:#302b4b}.message-heading{color:#aab2c0;align-items:center;gap:7px;margin:3px 0 8px;font-size:12px;font-weight:600;display:flex}.typing-dot{background:#9a87ff;border-radius:50%;width:6px;height:6px;animation:1s infinite pulse}@keyframes pulse{50%{opacity:.3;transform:scale(.75)}}.markdown{color:#d5d9e2;overflow-wrap:anywhere;font-size:14px;line-height:1.7}.user .markdown{color:#e4e7ed}.markdown p{margin:0 0 12px}.markdown p:last-child{margin-bottom:0}.markdown h1,.markdown h2,.markdown h3{letter-spacing:-.02em;color:#f2f3f7;margin:22px 0 10px;font-family:Manrope}.markdown ul,.markdown ol{padding-left:22px}.markdown li{margin:5px 0}.markdown a{color:#9c8cff}.markdown blockquote{color:#aab1bf;border-left:2px solid #665aa7;margin:14px 0;padding:3px 14px}.markdown pre{background:#0c0f14;border:1px solid #242a34;border-radius:10px;padding:14px;overflow:auto}.markdown code{background:#181c24;border-radius:4px;padding:2px 5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.markdown pre code{background:0 0;padding:0}.markdown table{border-collapse:collapse;width:100%;font-size:13px}.markdown th,.markdown td{text-align:left;border:1px solid #2b313d;padding:7px 9px}.message.error .markdown{color:#ff8b9b}.message.error .message-avatar{color:#ff7187;border-color:#5b2933}.tool-row{color:#a7b0be;background:#11151c;border:1px solid #252c36;border-radius:8px;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;max-width:540px;margin-top:9px;padding:9px 10px;font-size:12px;display:grid}.tool-row small{color:#687383}.tool-row.running svg{color:#9a87ff;animation:1.7s linear infinite spin}.tool-row.done svg{color:#55d6be}.tool-row.error svg{color:#ff7187}@keyframes spin{to{transform:rotate(360deg)}}.file-chip{color:#aeb5c1;border:1px solid #2c3340;border-radius:7px;align-items:center;gap:6px;margin:8px 7px 0 0;padding:7px 9px;font-size:11px;display:inline-flex}.approval-card{background:#1d1a12;border:1px solid #544827;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;margin:15px 0 28px;padding:14px;font-size:12px;display:grid}.approval-icon{color:#e6b95d;background:#312713;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.approval-card strong{font-size:13px}.approval-card p{color:#a8a18e;max-width:470px;margin:5px 0}.approval-card code{color:#77705e;font-size:10px}.approval-actions{gap:7px;display:flex}.approval-actions button{color:#aaa28d;cursor:pointer;background:0 0;border:1px solid #4a4331;border-radius:7px;padding:7px 10px}.approval-actions .allow{color:#17130b;background:#e1b556;border-color:#e1b556;align-items:center;gap:5px;font-weight:600;display:flex}.composer-wrap{padding:0 22px 15px}.composer{background:#11151c;border:1px solid #2a303b;border-radius:15px;max-width:860px;margin:auto;padding:12px 13px 9px;transition:border-color .15s;box-shadow:0 15px 50px #0008}.composer:focus-within{border-color:#514a75}.composer textarea{resize:none;color:#e7eaf0;background:0 0;border:0;outline:0;width:100%;min-height:36px;max-height:180px;font-size:14px;line-height:1.55;display:block;overflow-y:auto}.composer textarea::placeholder{color:#555f6f}.composer-actions{align-items:center;margin-top:7px;display:flex}.attach{margin-left:-5px}.composer-hint{color:#485160;flex:1;font-size:10px}.send-button{color:#11141a;cursor:pointer;background:#e9e9ed;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.send-button:disabled{opacity:.2;cursor:default}.send-button.stop{color:#efeff3;background:#2c313a}.disclaimer{text-align:center;color:#444d5b;margin:8px 0 0;font-size:9px}.upload-list{gap:7px;max-width:860px;margin:0 auto 7px;display:flex;overflow-x:auto}.upload-pill{color:#b4bac5;background:#171c24;border:1px solid #2a303b;border-radius:8px;align-items:center;gap:6px;max-width:220px;padding:7px 9px;font-size:11px;display:flex}.upload-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-pill button{color:#6f7888;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.login-page{background:radial-gradient(circle at 30% 20%,#29234c 0,#0000 28%),radial-gradient(circle at 80% 80%,#123b35 0,#0000 25%),#080a0e;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#0d1016dd;border:1px solid #252b36;border-radius:20px;width:min(420px,100vw - 36px);padding:42px;position:relative;box-shadow:0 30px 100px #000b}.brand-mark{border-radius:14px;width:46px;height:46px;margin-bottom:27px}.login-card h1{letter-spacing:-.04em;margin:0 0 14px;font:600 30px/1.22 Manrope}.login-copy{color:#7f8999;margin:0 0 30px;font-size:13px;line-height:1.6}.login-card form{flex-direction:column;gap:14px;display:flex}.login-card label{color:#788293;flex-direction:column;gap:7px;font-size:11px;display:flex}.login-card input{color:#e9ebf1;background:#11151c;border:1px solid #252c37;border-radius:9px;outline:0;height:43px;padding:0 12px}.login-card input:focus{border-color:#675b9d}.primary-button{color:#11131a;cursor:pointer;background:#e9e9ed;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:44px;margin-top:5px;font-weight:600;display:flex}.primary-button:disabled{opacity:.55}.form-error{color:#ff7c90;margin:0;font-size:11px}.login-glow{filter:blur(70px);background:#6d56dc22;border-radius:50%;width:420px;height:420px;position:absolute}.toast{z-index:100;color:#ff9bad;background:#24151a;border:1px solid #5c2b38;border-radius:10px;align-items:center;gap:15px;max-width:420px;padding:11px 13px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 15px 50px #0009}.toast button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mobile-only,.sidebar-scrim{display:none}@media (width<=900px){.model-select select{max-width:120px}.thinking-select span,.composer-hint{display:none}}@media (width<=720px){body{overflow:hidden}.app-shell,.app-shell.sidebar-closed{display:block}.app-shell aside{transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 60px #000b}.app-shell aside.mobile-open{transform:translate(0)}.workspace{height:100dvh}.desktop-only{display:none}.mobile-only{display:grid}.topbar{min-height:60px;padding:9px 11px}.topbar-title>.icon-button:first-child{display:none}.topbar-controls{gap:4px}.select-control{padding:0 7px}.select-control.model-select{display:none}.thinking-select select{max-width:87px}.message-list{padding:25px 15px 55px}.composer-wrap{padding:0 10px 9px}.composer{border-radius:13px}.suggestions{flex-direction:column;align-items:stretch}.suggestions button{justify-content:space-between}.approval-card{grid-template-columns:34px 1fr}.approval-actions{grid-column:1/-1;justify-content:flex-end}.sidebar-scrim{z-index:20;background:#0008;border:0;display:block;position:fixed;inset:0}.topbar-title strong{max-width:150px}}
