@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg: #f7f9fc;--phone: #fbfcff;--surface: #ffffff;--surface-soft: #f8fafc;--surface-blue: #eef5ff;--ink: #101828;--ink-soft: #344054;--muted: #667085;--muted-light: #98a2b3;--line: rgba(16, 24, 40, .08);--line-strong: rgba(16, 24, 40, .13);--accent: #1668ff;--accent-strong: #155bd5;--accent-soft: rgba(22, 104, 255, .09);--success: #15a05c;--warning: #d97706;--danger: #dc2626;--shadow: 0 16px 42px rgba(16, 28, 48, .08);--shadow-strong: 0 24px 80px rgba(16, 28, 48, .16);--radius-xl: 26px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--ease: cubic-bezier(.16, 1, .3, 1);--font-ui: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", SFMono-Regular, Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg)}body{margin:0;min-height:100dvh;overflow:hidden;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 50% -18%,rgba(22,104,255,.09),transparent 34%),linear-gradient(180deg,#f3f6fb,#fafbfe)}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.58}.app{width:min(100vw,430px);height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(circle at 74% -11%,rgba(22,104,255,.1),transparent 30%),linear-gradient(180deg,#fff,#fbfcff 54%,#f7f9fc);box-shadow:0 0 0 1px #0f172a0a}.app:before{content:"";position:absolute;top:58px;right:-88px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(23,105,255,.12),transparent 68%);filter:blur(1px);pointer-events:none;animation:ambientBreathe 6s ease-in-out infinite}.app:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(17,24,39,.018) 1px,transparent 1px);background-size:100% 22px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 130px,transparent 72%);mask-image:linear-gradient(180deg,transparent 0,#000 130px,transparent 72%)}.screen{display:none}.login-app .login-screen{min-height:100%;display:grid;align-content:center;gap:18px;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 24px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:-.08em;background:linear-gradient(145deg,#111827,var(--accent));box-shadow:0 18px 38px #1769ff38}.brand strong{display:block;font-size:15px;letter-spacing:-.04em}.brand span{display:block;margin-top:2px;color:var(--muted);font-size:11px}.login-card{display:grid;gap:15px;padding:20px;border:1px solid rgba(17,24,39,.08);border-radius:30px;background:#fffffff0;box-shadow:var(--shadow-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:riseIn .36s var(--ease) both}.login-card h1{margin:0;max-width:11ch;font-size:34px;line-height:.98;letter-spacing:-.08em}.login-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.auth-tabs{width:fit-content;display:inline-flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface-soft)}.tab,.primary,.secondary,.ghost,.danger{min-height:38px;border-radius:999px;border:1px solid var(--line);padding:0 14px;background:var(--surface);color:var(--ink);font-weight:800;transition:transform .18s var(--ease),box-shadow .18s ease,background .18s ease,border-color .18s ease}.tab{min-height:32px;border:0;background:transparent;color:var(--muted)}.tab.active{background:#fff;color:var(--ink);box-shadow:0 8px 18px #0f172a14}.primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent;box-shadow:0 14px 28px #1769ff3b}.secondary{background:#fff}.danger{color:var(--danger)}.tab:active,.primary:active,.secondary:active,.ghost:active,.danger:active,.icon-btn:active,.pill-btn:active,.artifact-pill:active,.thread:active{transform:scale(.98)}.field{display:grid;gap:7px}.field span{color:var(--ink-soft);font-size:12px;font-weight:800}.field input{width:100%;height:46px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:#fff;color:var(--ink);outline:0;padding:0 12px;transition:border-color .18s ease,box-shadow .18s ease}.field input:focus{border-color:#1769ff6b;box-shadow:0 0 0 4px var(--accent-soft)}.remember-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:700}.remember-row input{width:16px;height:16px;accent-color:var(--accent)}.actions{display:flex;gap:8px;flex-wrap:wrap}.auth-note{color:var(--muted);font-size:12px;line-height:1.45}.error-note{color:var(--danger)}.no-access h1{max-width:10ch}.app>.chat-screen{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);padding:calc(env(safe-area-inset-top) + 7px) 10px 0;gap:0}.header-line{position:relative;z-index:20;padding-bottom:7px;animation:slideDown .28s var(--ease) both}.titlebar{min-height:44px;display:grid;grid-template-columns:46px minmax(0,1fr) 42px 44px;gap:6px;align-items:center}.pill-btn,.icon-btn{min-height:36px;border:1px solid var(--line);border-radius:13px;background:#ffffffd1;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:-.03em;transition:transform .18s var(--ease),box-shadow .18s ease,border-color .18s ease,background .18s ease}.drawer-trigger{width:46px;height:36px;padding:0;border-color:#1668ff29;background:#eff6ffdb;color:var(--accent-strong);box-shadow:0 8px 18px #1668ff14}.title-wrap{min-width:0;height:36px;border:1px solid rgba(22,104,255,.11);border-radius:14px;background:#ffffffc7;box-shadow:0 10px 24px #1018280d;padding:0 12px 0 14px;display:grid;align-content:center;gap:1px;text-align:left;overflow:hidden;position:relative}.title-wrap:before{content:"";position:absolute;inset:10px auto 10px 0;width:2px;border-radius:999px;background:var(--accent);animation:breatheLine 2.2s ease-in-out infinite}.title-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(23,105,255,.12),transparent);transform:translate(-120%);animation:syncSweep 5.2s var(--ease) infinite;pointer-events:none}.title,.title-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title{color:#101828;font-size:13px;font-weight:800;letter-spacing:-.04em}.title-sub{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9.5px;font-family:var(--font-mono)}.title-sep{display:none}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #15a05c1a;animation:pulse 1.8s ease-in-out infinite;flex:none}.refresh-icon,.primary-icon{width:42px;height:36px;padding:0}.refresh-icon{color:var(--accent-strong);background:#ffffffc2;border-color:#1668ff29;box-shadow:0 10px 22px #1668ff14}.primary-icon{color:#fff;background:linear-gradient(180deg,#2b78ff,var(--accent-strong));border-color:transparent;box-shadow:0 10px 22px #1668ff33}.content{min-height:0;overflow:auto;padding:8px 2px calc(env(safe-area-inset-bottom) + 86px);scrollbar-width:none;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - 26px),transparent 100%)}.content::-webkit-scrollbar{display:none}.message-stack{display:grid;gap:10px;align-content:start;min-height:100%}.message{max-width:92%;display:grid;gap:4px;animation:messageIn .26s var(--ease) both;transform-origin:0 100%}.message.user{justify-self:end;max-width:80%;transform-origin:100% 100%}.meta{padding:0 4px;display:flex;align-items:center;gap:6px;color:var(--muted-light);font-size:9.5px;line-height:1}.user-meta{justify-content:flex-end}.meta .avatar{width:18px;height:18px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-strong);font-size:9px;font-weight:800}.agent-mark{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0 12%,transparent 13%),linear-gradient(145deg,#eef5ff,#dbe8ff 52%,#edf2ff);box-shadow:inset 0 0 0 1px #1769ff1f}.bubble{padding:9px 11px;border:1px solid rgba(16,24,40,.07);border-radius:17px;background:#fffffff7;color:var(--ink-soft);box-shadow:0 8px 22px #1018280a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message:not(.user) .bubble{border-top-left-radius:8px}.message.user .bubble{border-color:transparent;border-top-right-radius:8px;background:linear-gradient(180deg,#2f7cff,#155bd5);color:#fff;box-shadow:0 16px 34px #1769ff3d}.bubble p{margin:0;font-size:13px;line-height:1.58;white-space:pre-wrap;letter-spacing:-.01em}.agent-output{display:grid;gap:8px;font-size:13px;line-height:1.58;letter-spacing:-.01em}.agent-output p,.agent-output h3,.agent-output ul,.agent-output ol,.agent-output pre{margin:0}.agent-output h3{color:var(--accent-strong);font-size:12.5px;line-height:1.35;letter-spacing:-.03em}.agent-output ul,.agent-output ol{padding-left:17px;display:grid;gap:3px}.agent-output li::marker{color:var(--accent)}.agent-output code,.agent-output pre{font-family:var(--font-mono);font-size:11px}.agent-output code{padding:1px 5px;border-radius:6px;background:#0f172a0f;color:#334155}.agent-output pre{overflow:auto;border-radius:13px;border:1px solid rgba(17,24,39,.08);background:#f2f5fa;color:#334155;padding:9px 10px;line-height:1.45;scrollbar-width:none}.agent-output pre::-webkit-scrollbar{display:none}.agent-output pre code{background:transparent;padding:0}.terminal-card{border:1px solid rgba(17,24,39,.08);border-radius:14px;background:#f2f5fa;overflow:hidden}.terminal-head{min-height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,24,39,.06);color:var(--muted);font-size:10px;font-family:var(--font-mono)}.terminal-dots{display:none}.terminal-body{margin:0;padding:9px 10px;white-space:pre-wrap;overflow:auto;color:#334155;font-family:var(--font-mono);font-size:11px;line-height:1.52}.workflow-card{position:relative;display:grid;gap:8px;padding:11px 12px;border:1px solid rgba(23,105,255,.18);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#eff5fffa);box-shadow:0 14px 34px #1769ff1a;overflow:hidden;animation:messageIn .28s var(--ease) both}.workflow-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);animation:breatheLine 2.4s ease-in-out infinite}.workflow-head,.artifact-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.workflow-head h2,.artifact-head h2{margin:0;color:var(--ink);font-size:13px;letter-spacing:-.04em}.workflow-card p,.workflow-card pre{display:none}.status-label{min-height:24px;display:inline-flex;align-items:center;border-radius:999px;padding:0 8px;background:var(--accent-soft);color:var(--accent-strong);font-size:10px;font-weight:800}.workflow-actions{display:flex;gap:8px}.workflow-actions .primary,.workflow-actions .secondary{min-height:32px;padding:0 12px}.compact-artifacts{display:grid;gap:6px;padding:0;border:0;background:transparent;box-shadow:none}.compact-artifacts .artifact-head{padding:0 5px}.compact-artifacts .artifact-head h2{color:var(--muted);font-size:11px}.compact-artifacts .artifact-head span{display:none}.artifact-strip{display:flex;gap:7px;overflow-x:auto;padding:1px 2px 3px;scrollbar-width:none}.artifact-strip::-webkit-scrollbar{display:none}.artifact-pill{flex:0 0 auto;min-width:116px;max-width:140px;min-height:43px;position:relative;overflow:hidden;border:1px solid rgba(23,105,255,.12);border-radius:16px;padding:7px 9px 7px 11px;display:grid;gap:2px;text-align:left;background:#fffffff5;box-shadow:0 10px 24px #0f172a0e;animation:softFloat 4.8s ease-in-out infinite}.artifact-pill:before{content:"";position:absolute;inset:7px auto 7px 0;width:3px;border-radius:999px;background:var(--accent);opacity:.72}.artifact-pill:nth-child(2){animation-delay:.36s}.artifact-pill:nth-child(3){animation-delay:.72s}.artifact-pill strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:11px}.artifact-pill span{color:var(--accent-strong);font-family:var(--font-mono);font-size:10px}.image-pill{background:radial-gradient(circle at 80% 0,rgba(21,160,92,.16),transparent 40%),linear-gradient(135deg,#fff,#eef5ff)}.preview-panel{margin-top:2px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:var(--shadow);animation:previewIn .24s var(--ease) both}.preview-head{min-height:38px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(17,24,39,.07)}.preview-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.preview-head button{border:0;background:transparent;color:var(--accent-strong);font-weight:800}.preview-panel pre,.preview-markdown{max-height:260px;margin:0;overflow:auto;padding:12px;background:#f7f9fd;color:#334155;font-family:var(--font-mono);font-size:11px;line-height:1.55;white-space:pre-wrap}.preview-markdown{display:grid;gap:8px;font-family:var(--font-ui);font-size:12px}.preview-markdown h3,.preview-markdown p,.preview-markdown ul,.preview-markdown pre{margin:0}.preview-panel img{display:block;width:100%;min-height:160px;object-fit:cover;background:linear-gradient(135deg,#eaf2ff,#fff)}.preview-panel iframe{display:block;width:100%;height:280px;border:0;background:#fff}.composer{position:fixed;left:50%;bottom:0;width:min(430px,100vw);transform:translate(-50%);padding:7px 10px max(7px,env(safe-area-inset-bottom));z-index:30;background:linear-gradient(180deg,transparent 0%,rgba(248,250,252,.72) 24%,rgba(248,250,252,.98) 100%)}.composer-box{min-height:50px;border:1px solid rgba(22,104,255,.18);border-radius:18px;background:#fffffffb;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) 54px;align-items:end;gap:8px;box-shadow:0 16px 38px #1018281c,inset 0 0 0 1px #ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:composerBreathe 3.8s ease-in-out infinite}.composer-box:focus-within{border-color:#1769ff61;animation-play-state:paused}.composer textarea{width:100%;height:40px;max-height:92px;border:0;outline:0;resize:none;background:transparent;color:var(--ink);padding:10px 0 7px;font-size:13px;line-height:1.45}.composer textarea::placeholder{color:#99a5b7}.send-trigger{width:50px;height:36px;min-width:50px;display:grid;place-items:center;border:0;border-radius:14px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-strong));box-shadow:0 12px 26px #1668ff3d}.toast{position:fixed;left:50%;bottom:calc(max(8px,env(safe-area-inset-bottom)) + 72px);transform:translate(-50%,10px);min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fffffff5;color:var(--ink);box-shadow:var(--shadow);display:inline-flex;align-items:center;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s var(--ease);z-index:40}.toast.show{opacity:1;transform:translate(-50%)}.drawer-mask{position:absolute;inset:0;z-index:45;background:#0f172a2e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:opacity .22s ease}.drawer-mask.open{opacity:1;pointer-events:auto}.drawer{position:absolute;z-index:46;inset:0 auto 0 0;width:min(84vw,326px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-radius:0 28px 28px 0;border-right:1px solid rgba(17,24,39,.08);background:#fffffffb;box-shadow:24px 0 66px #10182826;transform:translate(-104%);transition:transform .32s var(--ease)}.drawer.open{transform:translate(0)}.drawer-head{padding:calc(env(safe-area-inset-top) + 18px) 16px 14px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(17,24,39,.07)}.drawer-head h2{margin:0;color:#111827;font-size:24px;line-height:1;letter-spacing:-.08em}.drawer-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.close-btn{width:auto;height:34px;min-height:34px;padding:0 11px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:12px;font-weight:800}.drawer-body{min-height:0;overflow:auto;padding:12px 10px calc(env(safe-area-inset-bottom) + 14px);display:grid;align-content:start;gap:14px;scrollbar-width:none}.drawer-body::-webkit-scrollbar{display:none}.group{display:grid;gap:8px}.group-head{padding:0 6px;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-head strong{color:#111827;font-size:12.5px;letter-spacing:-.03em}.group-head span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-light);font-family:var(--font-mono);font-size:10px}.thread{width:100%;min-height:58px;position:relative;overflow:hidden;display:grid;gap:5px;text-align:left;padding:10px 12px 10px 15px;border:1px solid rgba(17,24,39,.08);border-radius:17px;background:#fff;box-shadow:0 7px 18px #1018280a;transition:transform .18s var(--ease),border-color .18s ease,box-shadow .18s ease,background .18s ease}.drawer.open .thread{animation:drawerItem .3s var(--ease) both}.thread-status-bar{position:absolute;inset:10px auto 10px 0;width:3px;border-radius:999px;background:#94a3b8}.thread-status-bar.tone-running,.thread-status-bar.tone-approval{background:var(--accent);animation:breatheLine 2s ease-in-out infinite}.thread-status-bar.tone-failed{background:var(--danger)}.thread-status-bar.tone-idle{background:#cbd5e1}.thread-status-bar.tone-completed{background:#64748b}.thread strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172033;font-size:13px;letter-spacing:-.03em}.thread small{color:var(--muted);font-family:var(--font-mono);font-size:10px}.thread span:not(.thread-status-bar),.thread-meta{display:none}.thread.active{border-color:#1769ff47;background:linear-gradient(180deg,#1769ff17,#fff);box-shadow:0 16px 34px #1769ff21}.drawer-empty{border:1px dashed rgba(23,105,255,.18);border-radius:17px;padding:14px;color:var(--muted);font-size:12px;line-height:1.5}.drawer-logout{width:100%;min-height:38px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}@keyframes riseIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawerItem{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes previewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.18)}}@keyframes syncSweep{0%,60%{opacity:0;transform:translate(-120%)}71%{opacity:1}88%,to{opacity:0;transform:translate(120%)}}@keyframes breatheLine{0%,to{opacity:.45;transform:scaleY(.76)}50%{opacity:1;transform:scaleY(1)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ambientBreathe{0%,to{opacity:.55;transform:scale(.96) translateY(0)}50%{opacity:.96;transform:scale(1.04) translateY(-6px)}}@keyframes composerBreathe{0%,to{transform:translateY(0);box-shadow:0 16px 38px #1018281c,inset 0 0 0 1px #ffffffeb}50%{transform:translateY(-1px);box-shadow:0 18px 44px #1668ff24,inset 0 0 0 1px #fffffff0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:380px){.titlebar{grid-template-columns:42px minmax(0,1fr) 38px 40px;gap:5px}.drawer-trigger{width:42px;font-size:10px}.refresh-icon,.primary-icon{width:40px;font-size:11px}.composer-box{grid-template-columns:minmax(0,1fr) 48px}}@media(min-width:760px){body{background:#e8eef7}.app{margin-top:18px;height:calc(100dvh - 36px);border-radius:34px;box-shadow:0 22px 70px #0f172a2e}.composer{bottom:18px;width:min(410px,calc(100vw - 20px));padding-bottom:0;background:transparent}}@supports (height: 100svh){.app{height:100svh}}.pill-btn:hover,.icon-btn:hover,.title-wrap:hover,.thread:hover,.artifact-pill:hover{border-color:#1668ff38;box-shadow:0 12px 28px #1668ff1a}.composer .drawer-trigger{font-size:11px;background:#101828;color:#fff;border-color:#101828;box-shadow:0 12px 26px #10182829}.composer .drawer-trigger:after{content:"";display:inline-block;width:4px;height:4px;margin-left:4px;border-radius:999px;background:var(--success);vertical-align:middle;animation:pulse 1.9s ease-in-out infinite}.compact-artifacts{margin:0 2px}.compact-artifacts .artifact-head{padding:0 4px;letter-spacing:-.03em}.artifact-pill{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.drawer.open .thread:nth-of-type(2){animation-delay:35ms}.drawer.open .thread:nth-of-type(3){animation-delay:70ms}.drawer.open .thread:nth-of-type(4){animation-delay:105ms}.header-line .drawer-trigger:after{display:none}.composer .drawer-trigger{display:none}.composer textarea{padding-left:4px}.compact-artifacts{padding-top:2px}