:root{--bg:#f6f5f2;--panel:#fff;--sidebar:#efede8;--text:#1b1c1f;--muted:#6b6d74;--line:#e2dfd8;--accent:#e8590c;--accent-text:#fff;--you:#1b1c1f;--you-text:#fff;--code:#f1efea;--needs:#c2410c;--working:#1d4ed8;--ok:#15803d;--problem:#b91c1c;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--panel:#15181d;--sidebar:#12141a;--text:#e8e8ea;--muted:#9a9ca3;--line:#262a31;--accent:#f76707;--you:#2a2f38;--you-text:#f1f1f3;--code:#1b1f26;--needs:#fb923c;--working:#60a5fa;--ok:#4ade80;--problem:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:13px}.loading,.signin{place-items:center;height:100%;padding:16px;display:grid}.signin-card{text-align:center;max-width:340px}.signin-card h1{letter-spacing:-.02em;margin:12px 0 4px;font-size:28px}.signin-card .button{margin-top:20px}.logo{display:inline-flex}.logo span{background:var(--accent);border-radius:50%;width:28px;height:28px}.logo span+span{opacity:.55;margin-left:-10px}.logo.small span{width:16px;height:16px}.logo.small span+span{margin-left:-6px}.button{border:1px solid var(--line);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 16px;text-decoration:none;display:inline-block}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button:disabled{opacity:.45;cursor:default}.link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.notice{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;margin:8px 0;padding:6px 10px}.shell{grid-template-columns:272px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;padding:18px 16px 10px;font-weight:650;display:flex}.brand .company{margin-left:auto;font-size:13px;font-weight:400}.section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px 16px 6px;font-size:12px}.agents{flex:1;padding:0 8px;overflow-y:auto}.agent-row{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.agent-row:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.agent-row.active{background:var(--panel);box-shadow:0 1px 2px #0000000f}.avatar{background:var(--panel);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.avatar.large{width:40px;height:40px;font-size:21px}.agent-text{flex-direction:column;flex:1;min-width:0;display:flex}.agent-name{font-weight:600}.agent-title{font-size:13px}.empty{padding:8px}.me{border-top:1px solid var(--line);justify-content:space-between;padding:12px 16px;font-size:14px;display:flex}.badge{white-space:nowrap;background:color-mix(in srgb, var(--muted) 14%, transparent);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.badge-needs_you{background:var(--needs);color:#fff}.badge-working,.badge-waking{background:color-mix(in srgb, var(--working) 15%, transparent);color:var(--working)}.badge-idle{background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok)}.badge-error{background:color-mix(in srgb, var(--problem) 14%, transparent);color:var(--problem)}.main{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.empty-main{justify-content:center;align-items:center}.agent-head{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:12px 20px;display:flex}.agent-head-text{flex:1;min-width:0}.agent-head-text .small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:13px}.mode.on{border-color:var(--accent);color:var(--accent)}.menu-button{cursor:pointer;background:0 0;border:0;padding:4px;font-size:20px;display:none}.threads{border-bottom:1px solid var(--line);scrollbar-width:none;gap:6px;padding:10px 20px;display:flex;overflow-x:auto}.thread-chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:none;max-width:220px;padding:4px 12px;font-size:13px;overflow:hidden}.thread-chip.active{border-color:var(--text);font-weight:600}.thread-chip.add{color:var(--muted);border-style:dashed}.chat{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.chat>*{width:100%;max-width:780px;margin-left:auto;margin-right:auto}.hello{text-align:center;color:var(--muted);max-width:420px!important;margin-top:12vh!important}.you{justify-content:flex-end;display:flex}.you-bubble{background:var(--you);color:var(--you-text);border-radius:var(--radius) var(--radius) 4px var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;max-width:82%;padding:9px 14px}.run{flex-direction:column;gap:8px;display:flex}.run-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;min-width:0;padding:0;font-size:13px;display:flex}.run-head:disabled{cursor:default}.run-head .step{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pulse{background:var(--working);border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.run-body{flex-direction:column;gap:8px;display:flex}.agent-text-block{overflow-wrap:anywhere}.agent-text-block>:first-child{margin-top:0}.agent-text-block>:last-child{margin-bottom:0}.agent-text-block.problem{color:var(--problem)}.agent-text-block pre,.tool pre{background:var(--code);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.45;overflow-x:auto}.agent-text-block code{font-size:13px}.agent-text-block table{border-collapse:collapse}.agent-text-block td,.agent-text-block th{border:1px solid var(--line);padding:4px 8px}.tool{border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:13px}.tool summary{cursor:pointer;padding:6px 10px;list-style:none}.tool summary:before{content:"▸ ";color:var(--muted)}.tool[open] summary:before{content:"▾ "}.tool-failed .tool-name{color:var(--problem)}.tool-body{padding:0 10px 8px}.tool-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-top:6px;font-size:11.5px}.composer{border-top:1px solid var(--line);background:var(--panel);padding:12px 20px calc(12px + env(safe-area-inset-bottom))}.composer>*{max-width:780px;margin-left:auto;margin-right:auto}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);font:inherit;background:var(--bg);color:var(--text);border-radius:12px;flex:1;min-height:44px;padding:10px 12px}.composer textarea:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:1px}.scrim{display:none}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{z-index:20;width:84vw;max-width:320px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-open .sidebar{transform:none}.menu-open .scrim{z-index:10;background:#00000059;display:block;position:fixed;inset:0}.menu-button{display:block}.agent-head,.threads,.chat,.composer{padding-left:16px;padding-right:16px}.agent-head .avatar.large{display:none}.composer textarea{font-size:16px}}