:root{--bg:#07090d;--panel:#0b0f16;--panel2:#101621;--panel3:#151c29;--text:#f4f6fa;--muted:#98a3b3;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.16);--accent:#8a96ff;--accent2:#c084fc;--green:#6ee7b7;--danger:#ff7b86;--warning:#ffd580;--sidebar:278px;--shadow:0 24px 80px rgba(0,0,0,.45)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 70% -20%,rgba(124,140,255,.14),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}.app-shell{height:100dvh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid var(--line);background:rgba(7,9,13,.82);backdrop-filter:blur(22px);padding:16px 12px}.sidebar-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 6px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.025em}.brand img{width:30px;height:30px;border-radius:9px;object-fit:cover}.brand span{font-size:16px}.new-chat{margin:14px 2px 20px;height:43px;border:1px solid var(--line2);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));cursor:pointer;text-align:left;padding:0 14px;font-weight:700}.new-chat:hover,.side-action:hover,.ghost-btn:hover,.icon-btn:hover{background:rgba(255,255,255,.075)}.sidebar-label{padding:0 10px 8px;color:#707b8b;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.conversation-list{display:grid;gap:3px;overflow:auto;min-height:0}.conversation-button{width:100%;border:0;background:transparent;color:#aeb7c5;text-align:left;padding:10px;border-radius:10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.conversation-button:hover,.conversation-button.active{background:rgba(255,255,255,.055);color:#fff}.sidebar-spacer{flex:1}.side-action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:40px;border:0;background:transparent;color:#9ca7b7;text-decoration:none;border-radius:10px;padding:0 10px;cursor:pointer;font-size:13px}.badge-count{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(138,150,255,.16);color:#d8dcff;font-size:10px;font-weight:800}.workspace{min-width:0;display:flex;flex-direction:column;height:100dvh}.workspace-head{height:64px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(7,9,13,.58);backdrop-filter:blur(18px);z-index:10}.runtime-status{display:flex;align-items:center;gap:8px;color:#8e99aa;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:#697485;box-shadow:0 0 0 3px rgba(255,255,255,.03)}.status-dot.online{background:var(--green);box-shadow:0 0 16px rgba(110,231,183,.5)}.status-dot.error{background:var(--danger)}.head-actions{display:flex;align-items:center;gap:8px}.ghost-btn,.icon-btn,.profile-btn{border:1px solid var(--line);background:rgba(255,255,255,.025);cursor:pointer}.ghost-btn{height:36px;padding:0 12px;border-radius:10px;font-size:12px;color:#aeb7c5}.icon-btn{width:36px;height:36px;border-radius:10px;font-size:20px;display:grid;place-items:center}.profile-btn{width:34px;height:34px;border-radius:50%;font-weight:800;color:#e8ebff;background:linear-gradient(135deg,rgba(124,140,255,.22),rgba(192,132,252,.2))}.chat-main{flex:1;min-height:0;overflow:auto;position:relative;scroll-behavior:smooth}.empty-state{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:54px 24px 160px}.hero-logo{width:64px;height:64px;border-radius:19px;box-shadow:0 18px 60px rgba(124,140,255,.2);margin-bottom:20px}.eyebrow{color:#aeb7ff;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850}.empty-state h1{font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1.02;margin:12px 0 15px}.empty-state>p{max-width:660px;color:#9ca7b7;font-size:15px;line-height:1.65;margin:0}.prompt-grid{width:min(720px,100%);display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}.prompt-chip{min-height:68px;text-align:left;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.022);color:#b6bfcc;padding:13px 15px;cursor:pointer;line-height:1.45}.prompt-chip:hover{border-color:rgba(138,150,255,.38);background:rgba(138,150,255,.06);color:#fff}.messages{width:min(860px,calc(100% - 34px));margin:0 auto;padding:34px 0 180px;display:none}.messages.active{display:block}.message{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;margin:0 0 28px}.message-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:850;border:1px solid var(--line)}.message.user .message-avatar{background:rgba(255,255,255,.04);color:#bdc6d2}.message.assistant .message-avatar{background:linear-gradient(135deg,rgba(124,140,255,.18),rgba(192,132,252,.14));color:#dce0ff}.message-body{min-width:0}.message-role{font-size:11px;color:#737f90;margin-bottom:7px;font-weight:750}.message-content{font-size:15px;line-height:1.72;color:#d5dae2;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-content{color:#f2f4f7}.message-content.error{color:#ffadb5}.message-meta{margin-top:9px;font-size:11px;color:#687485}.thinking{display:inline-flex;align-items:center;gap:6px}.thinking i{width:5px;height:5px;border-radius:50%;background:#9faaff;animation:pulse 1s infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.approval-inline{margin-top:13px;border:1px solid rgba(255,213,128,.22);border-radius:14px;background:rgba(255,213,128,.045);padding:13px}.approval-inline b{font-size:12px;color:#ffe3a7}.approval-inline p{margin:5px 0 10px;color:#a9b2bf;font-size:12px}.composer-wrap{position:absolute;left:var(--sidebar);right:0;bottom:0;padding:14px 20px max(15px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 55%,rgba(7,9,13,.86) 76%,transparent);pointer-events:none}.composer{pointer-events:auto;width:min(860px,100%);margin:0 auto;display:flex;align-items:flex-end;gap:10px;border:1px solid var(--line2);border-radius:20px;background:rgba(15,20,29,.92);box-shadow:0 20px 55px rgba(0,0,0,.38);padding:9px}.composer:focus-within{border-color:rgba(138,150,255,.5)}textarea{flex:1;min-height:42px;max-height:170px;resize:none;border:0;outline:0;background:transparent;color:#fff;padding:10px 12px;line-height:1.5;font-size:15px}textarea::placeholder{color:#707b8b}.send-button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:13px;background:#f5f6fa;color:#090b10;font-size:21px;font-weight:900;cursor:pointer}.send-button:disabled{opacity:.35;cursor:not-allowed}.composer-note{pointer-events:none;text-align:center;color:#5f6a79;font-size:10px;margin:7px auto 0;width:min(860px,100%)}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:100;background:rgba(2,4,8,.7);backdrop-filter:blur(13px);display:grid;place-items:center;padding:18px}.modal-backdrop[hidden],.drawer-backdrop[hidden],.menu[hidden],.toast[hidden]{display:none}.modal{width:min(460px,100%);border:1px solid var(--line2);border-radius:24px;background:linear-gradient(180deg,#111722,#0b0f16);box-shadow:var(--shadow);padding:28px}.auth-brand{width:max-content;margin-bottom:28px}.modal h2,.drawer h2{font-size:28px;letter-spacing:-.04em;margin:8px 0 10px}.modal-copy{color:#929dad;font-size:13px;line-height:1.6;margin:0 0 20px}.login-form{display:grid;gap:13px}.login-form label{display:grid;gap:6px;color:#99a4b4;font-size:11px;font-weight:750}.login-form input{height:45px;border:1px solid var(--line);border-radius:11px;background:#090d14;color:#fff;padding:0 12px;outline:0}.login-form input:focus{border-color:rgba(138,150,255,.55)}.primary-btn{height:46px;border:0;border-radius:12px;background:#f5f6fa;color:#080a0e;font-weight:850;cursor:pointer;margin-top:4px}.form-error{margin-top:13px;color:#ffadb5;font-size:12px;border:1px solid rgba(255,123,134,.18);background:rgba(255,123,134,.05);padding:10px;border-radius:10px}.small-copy{font-size:11px;color:#687484;margin:18px 0 0}.small-copy a{color:#aeb7ff}.drawer-backdrop{place-items:stretch end;padding:0}.drawer{height:100%;width:min(520px,100%);overflow:auto;border-left:1px solid var(--line);background:#0a0e15;padding:24px;box-shadow:-30px 0 90px rgba(0,0,0,.45)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.approval-list{display:grid;gap:12px}.approval-card{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);padding:15px}.approval-top{display:flex;justify-content:space-between;gap:15px}.approval-capability{font-size:12px;font-weight:850;color:#dce0ff;overflow-wrap:anywhere}.approval-state{font-size:10px;text-transform:uppercase;color:#ffd992}.argument-list{margin:12px 0;display:grid;gap:7px}.argument-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:11px}.argument-row span:first-child{color:#6f7b8b}.argument-row code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c4ccd7;white-space:pre-wrap;overflow-wrap:anywhere}.approval-meta{font-size:10px;color:#657181;display:grid;gap:4px}.approval-actions{display:flex;gap:8px;margin-top:13px}.approval-actions button{height:36px;padding:0 12px;border-radius:10px;cursor:pointer}.approve-btn{border:0;background:#eef0f6;color:#090b10;font-weight:800}.reject-btn{border:1px solid var(--line);background:transparent;color:#aab3c0}.empty-approvals{padding:24px 0;color:#788394;font-size:13px}.menu{position:fixed;z-index:80;right:18px;top:58px;width:190px;border:1px solid var(--line);border-radius:12px;background:#0d121a;box-shadow:var(--shadow);padding:7px}.menu-title{padding:9px 10px;color:#7f8a9a;font-size:11px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu button{width:100%;border:0;background:transparent;color:#c1c8d3;text-align:left;padding:9px 10px;border-radius:8px;cursor:pointer}.menu button:hover{background:rgba(255,255,255,.06)}.toast{position:fixed;z-index:150;left:50%;bottom:26px;transform:translateX(-50%);max-width:min(520px,calc(100% - 30px));border:1px solid var(--line2);border-radius:12px;background:#121821;color:#d9dee6;box-shadow:var(--shadow);padding:11px 14px;font-size:12px}.mobile-only{display:none}
@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:min(310px,88vw);transform:translateX(-105%);transition:transform .22s ease;box-shadow:40px 0 90px rgba(0,0,0,.55)}.sidebar.open{transform:translateX(0)}.mobile-only{display:grid}.composer-wrap{left:0}.workspace-head{padding:0 12px}.ghost-btn{display:none}.prompt-grid{grid-template-columns:1fr}.messages{width:min(100% - 24px,860px)}.empty-state{padding-left:18px;padding-right:18px}.composer-wrap{padding-left:10px;padding-right:10px}.composer-note{display:none}}
@media(max-width:520px){.empty-state h1{font-size:38px}.modal{padding:22px}.drawer{padding:19px}.argument-row{grid-template-columns:1fr}.message{grid-template-columns:28px minmax(0,1fr);gap:9px}.message-avatar{width:26px;height:26px}.message-content{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}