:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#101114;--surface:#17181c;--surface-raised:#202126;--surface-soft:#282a30;--line:#ffffff17;--line-strong:#ffffff26;--text:#f3f5f7;--muted:#979ca6;--accent:#3372e7;--accent-bright:#5f93f2;--online:#57d28b;--danger:#ef6670;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;color:var(--text);margin:0}body{min-height:100svh;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{background:var(--bg);border-inline:1px solid var(--line);grid-template-rows:58px 62px 72px minmax(0,1fr) auto;width:min(100%,1120px);height:100svh;margin:0 auto;display:grid}.topbar,.conversation-header{justify-content:space-between;align-items:center;padding-inline:22px;display:flex}.topbar{border-bottom:1px solid var(--line)}.brand-block,.top-actions,.conversation-title-row{align-items:center;display:flex}.brand-block{gap:10px}.brand-mark,.access-mark{letter-spacing:-.03em;background:var(--text);color:var(--bg);place-items:center;font-weight:780;display:grid}.brand-mark{border-radius:8px;width:28px;height:28px;font-size:11px}.brand-name{letter-spacing:-.02em;font-weight:700}.top-actions{gap:12px}.encryption-badge{color:var(--muted);letter-spacing:.08em;align-items:center;gap:6px;font-size:11px;font-weight:720;display:inline-flex}.encryption-badge span{background:var(--online);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #57d28b99}.agent-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;align-items:stretch;display:flex;overflow-x:auto}.agent-tabs::-webkit-scrollbar{display:none}.agent-tab{color:#8d929b;cursor:pointer;background:0 0;border:0;flex:1 0 180px;justify-content:center;align-items:center;gap:10px;min-width:0;font-weight:650;transition:color .18s,background .18s;display:inline-flex;position:relative}.agent-tab:after{background:var(--accent-bright);content:"";opacity:0;height:2px;transition:opacity .18s,transform .18s;position:absolute;inset:auto 0 0;transform:scaleX(.55)}.agent-tab:hover{color:#c9ccd2;background:#ffffff06}.agent-tab.active{color:var(--text)}.agent-tab.active:after{opacity:1;transform:scaleX(1)}.status-dot{background:#575b64;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.status-dot.online{background:var(--online);animation:2.4s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #57d28b14}.conversation-header{border-bottom:1px solid var(--line);background:#101114eb}.conversation-title-row{gap:10px}.conversation-header h2{letter-spacing:-.025em;margin:0;font-size:18px}.conversation-header p{color:var(--muted);margin:5px 0 0 18px;font-size:12px}.quiet-button,.stop-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;transition:color .16s}.quiet-button:hover{color:var(--text)}.messages{scroll-behavior:smooth;overscroll-behavior:contain;padding:26px 22px 36px;overflow-y:auto}.message-row{margin-bottom:18px;animation:.26s both message-enter;display:flex}.message-row.user{justify-content:flex-end}.message-bubble{border:1px solid var(--line);background:var(--surface-raised);border-radius:19px 19px 19px 6px;width:fit-content;max-width:min(76%,760px);padding:14px 16px 10px;box-shadow:0 8px 30px #0000001f}.message-row.user .message-bubble{background:var(--accent);border-color:#5f93f22e;border-radius:19px 19px 6px}.message-row.failed .message-bubble{border-color:#ef667073}.message-content{color:#e9ebef;overflow-wrap:anywhere;min-width:0;font-size:14px;line-height:1.58}.message-content p{white-space:pre-wrap;margin:0}.message-content pre,.event-row pre{color:#d8e3f8;white-space:pre;margin:10px 0 2px;font:12px/1.55 SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.message-content pre{background:#121318;border:1px solid #ffffff14;border-radius:10px;padding:12px}.message-bubble time{color:#ffffff7a;text-align:right;margin-top:7px;font-size:10px;display:block}.message-row.streaming .message-bubble{border-color:#5f93f238}.message-row.streaming .message-bubble:after{vertical-align:-2px;background:var(--accent-bright);content:"";width:5px;height:13px;margin-left:3px;animation:.8s step-end infinite cursor-blink;display:inline-block}.event-row{width:min(72%,720px);color:var(--muted);grid-template-columns:8px minmax(0,1fr);gap:12px;margin:4px 0 18px 4px;font-size:12px;animation:.22s both message-enter;display:grid}.event-row strong{color:#bfc3ca;font-size:12px;font-weight:650}.event-row pre{color:#7f8590;white-space:pre-wrap;margin-top:5px}.event-marker{background:#666b74;border-radius:50%;width:6px;height:6px;margin-top:5px}.event-marker.running,.event-marker.inProgress{background:var(--accent-bright);box-shadow:0 0 10px #5f93f273}.event-marker.completed{background:var(--online)}.approval-card{background:#1b1d23;border:1px solid #5f93f257;border-radius:16px;width:min(82%,700px);margin:8px 0 22px;padding:18px;animation:.24s both message-enter}.approval-card.resolved{opacity:.58}.approval-eyebrow{color:var(--accent-bright);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:760}.approval-card h3{letter-spacing:-.02em;margin:6px 0 14px;font-size:16px}.approval-question{margin-top:12px}.approval-question p{color:#c6c9cf;margin:0 0 10px;font-size:13px;line-height:1.5}.approval-question input{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--text);background:#121318;border-radius:10px;outline:0;padding:0 11px}.approval-choices{flex-wrap:wrap;gap:8px;display:flex}.approval-choices button,.approval-submit,.approval-cancel{border:1px solid var(--line-strong);color:#c1c5cc;cursor:pointer;background:0 0;border-radius:10px;min-height:36px;padding:0 12px;font-size:11px}.approval-choices button.selected{border-color:var(--accent-bright);color:var(--text);background:#3372e729}.approval-actions{gap:8px;margin-top:16px;display:flex}.approval-submit{background:var(--accent);color:#fff;border-color:#0000}.approval-submit:disabled,.approval-card.resolved button{cursor:not-allowed;opacity:.48}.approval-cancel{color:#a5898c}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:430px;min-height:100%;margin:0 auto;animation:.32s both message-enter;display:flex}.empty-state span,.eyebrow{color:var(--accent-bright);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:750}.empty-state h3{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(22px,4vw,32px)}.empty-state p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.composer-wrap{padding:12px 18px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#101114f5}.composer{border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:18px;grid-template-columns:minmax(0,1fr) 42px;align-items:end;gap:10px;padding:8px 8px 8px 16px;transition:border-color .16s,box-shadow .16s;display:grid}.composer:focus-within{border-color:#5f93f28c;box-shadow:0 0 0 3px #3372e717}.composer textarea{resize:none;width:100%;min-height:28px;max-height:160px;color:var(--text);background:0 0;border:0;outline:0;padding:4px 0;font-size:14px;line-height:1.45}.composer textarea::placeholder{color:#6e737d}.send-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:14px;place-items:center;width:42px;height:42px;font-size:24px;transition:transform .15s,background .15s;display:grid}.send-button:hover{background:#3d7def;transform:translateY(-1px)}.send-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.composer-meta{color:#656a73;justify-content:space-between;align-items:center;padding:8px 4px 0;font-size:10px;display:flex}#connection-label[data-state=online]{color:#72bb92}#connection-label[data-state=offline]{color:#bf777d}.stop-button{color:#887579;font-size:10px}.stop-button:hover{color:var(--danger)}.overlay{z-index:20;background:radial-gradient(circle at 50% 15%, #3372e71f, transparent 35%), var(--bg);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.access-panel{width:min(100%,390px);padding:12px 4px}.access-mark{border-radius:13px;width:44px;height:44px;margin-bottom:28px;font-size:14px}.access-panel h1{letter-spacing:-.045em;margin:8px 0 10px;font-size:32px}.access-copy{color:var(--muted);margin:0 0 28px;font-size:14px;line-height:1.55}.access-panel label{color:#b7bac1;margin:0 0 8px;font-size:12px;font-weight:600;display:block}.access-panel input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:48px;color:var(--text);border-radius:13px;outline:0;padding:0 14px}.access-panel input:focus{border-color:#5f93f299;box-shadow:0 0 0 3px #3372e71a}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;height:48px;margin-top:12px;font-weight:700}.form-error{min-height:18px;color:var(--danger);margin:10px 0 0;font-size:12px}.toast{z-index:30;border:1px solid var(--line-strong);color:#dadde3;opacity:0;pointer-events:none;background:#25272d;border-radius:12px;max-width:min(380px,100vw - 40px);padding:11px 14px;font-size:12px;transition:opacity .18s,transform .18s;position:fixed;bottom:20px;right:20px;transform:translateY(8px);box-shadow:0 16px 40px #00000059}.toast.visible{opacity:1;transform:translateY(0)}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.58}}@keyframes cursor-blink{50%{opacity:0}}@keyframes message-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.app-shell{border:0;grid-template-rows:52px 56px 68px minmax(0,1fr) auto}.topbar,.conversation-header{padding-inline:16px}.brand-name{display:none}.agent-tab{flex-basis:50%;font-size:13px}.messages{padding:20px 14px 28px}.message-bubble{max-width:88%}.event-row{width:88%}.approval-card{width:100%}.composer-wrap{padding-inline:10px}.conversation-header p{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
