:root{color-scheme:dark;--bg: #090d13;--bg-soft: #0e1520;--surface: rgba(16, 24, 35, .78);--surface-strong: rgba(24, 35, 49, .92);--surface-muted: rgba(255, 255, 255, .045);--text: #f4f8fb;--muted: #93a3b8;--muted-strong: #c6d1df;--line: rgba(154, 186, 212, .2);--line-strong: rgba(116, 240, 220, .46);--accent: #48d9c4;--accent-strong: #8af7df;--research: #9d91ff;--research-strong: #c4bdff;--content: #f3b35f;--success: #63e7a5;--warning: #f5ca6b;--danger: #ff7c91;--shadow: 0 22px 70px rgba(0, 0, 0, .38);--radius: 8px}:root[data-theme=light]{color-scheme:light;--bg: #eef4f8;--bg-soft: #f7fbff;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--surface-muted: rgba(12, 27, 42, .045);--text: #13202c;--muted: #627385;--muted-strong: #2f4052;--line: rgba(38, 70, 92, .16);--line-strong: rgba(22, 139, 125, .38);--accent: #168b7d;--accent-strong: #0f6f64;--research: #6255d8;--research-strong: #4438b8;--content: #a96b20;--success: #178957;--warning: #9a6b0d;--danger: #b4233d;--shadow: 0 18px 46px rgba(52, 74, 96, .14)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 16% -10%,rgba(72,217,196,.16),transparent 30%),radial-gradient(circle at 84% 4%,rgba(157,145,255,.13),transparent 31%),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 46%,#070a0f 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,960px);margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 12px calc(36px + env(safe-area-inset-bottom))}.hero-panel,.section,.glass-panel,.activity-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{position:relative;display:grid;gap:18px;overflow:hidden;padding:18px}.hero-panel:before{position:absolute;inset:0;content:"";background:linear-gradient(135deg,rgba(72,217,196,.18),transparent 44%),linear-gradient(315deg,rgba(157,145,255,.14),transparent 48%);pointer-events:none}.hero-copy,.version-badge{position:relative}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.hero-meta span,.version-badge,.soft-pill,.task-status,.filter-chip,.template-chip{border:1px solid var(--line);border-radius:999px;background:var(--surface-muted)}.hero-meta span,.version-badge,.soft-pill{color:var(--accent-strong);font-size:12px;font-weight:800;letter-spacing:0}.hero-meta span{padding:6px 9px}.version-badge{width:fit-content;padding:8px 11px}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:8px;font-size:34px;line-height:1.02;letter-spacing:0}h2{margin-bottom:0;font-size:20px;line-height:1.2;letter-spacing:0}h3{margin-bottom:8px;color:var(--muted-strong);font-size:13px;letter-spacing:0}.subtitle{margin-bottom:8px;color:var(--muted-strong);font-size:16px;font-weight:700}.hero-description,.muted,.selected-agent-text,.detail-block p,.detail-block pre,.empty-state{color:var(--muted)}.hero-description,.selected-agent-text,.detail-block p,.detail-block pre{line-height:1.55}.hero-description,.selected-agent-text{margin-bottom:0}.alert{margin-top:12px;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--line));border-radius:var(--radius);padding:12px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.section,.composer,.detail-panel,.activity-panel{margin-top:12px;padding:14px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-kicker{margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.soft-pill{flex:0 0 auto;padding:6px 9px}.agent-grid,.history-list,.detail-grid{display:grid;gap:10px}.agent-card,.history-card{width:100%;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-align:left;background:var(--surface-strong)}.agent-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;min-height:132px;overflow:hidden;padding:14px}.agent-card:after{position:absolute;inset:auto 12px 0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.26}.agent-card.is-active{border-color:var(--line-strong);outline:2px solid color-mix(in srgb,var(--accent) 20%,transparent);transform:translateY(-1px)}.agent-research.is-active{outline-color:color-mix(in srgb,var(--research) 22%,transparent)}.agent-avatar,.agent-mini{display:inline-grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--line));border-radius:999px;color:#041210;background:linear-gradient(135deg,var(--accent-strong),var(--accent));font-weight:900;letter-spacing:0}.agent-avatar{grid-row:span 3;width:54px;height:54px;font-size:13px}.agent-mini{flex:0 0 auto;width:42px;height:42px;font-size:12px}.agent-research .agent-avatar,.agent-mini.agent-research{border-color:color-mix(in srgb,var(--research) 48%,var(--line));color:#080719;background:linear-gradient(135deg,var(--research-strong),var(--research))}.agent-content .agent-avatar,.agent-mini.agent-content{border-color:color-mix(in srgb,var(--content) 48%,var(--line));color:#1a0f02;background:linear-gradient(135deg,#ffd494,var(--content))}.agent-code{align-self:end;color:var(--accent-strong);font-size:11px;font-weight:900}.agent-research .agent-code{color:var(--research-strong)}.agent-content .agent-code{color:#ffd494}.agent-name{font-size:16px;font-weight:800;line-height:1.2}.agent-description,.history-meta-row,.muted-small{color:var(--muted);font-size:12px;line-height:1.4}.template-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:16px 0 8px;font-size:13px;font-weight:800}.template-list,.filter-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.template-list::-webkit-scrollbar,.filter-row::-webkit-scrollbar{display:none}.template-chip,.filter-chip{flex:0 0 auto;max-width:280px;padding:9px 12px;color:var(--muted-strong);background:#ffffff0e;white-space:nowrap}.template-chip.is-active,.filter-chip.is-active{border-color:var(--line-strong);color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 14%,transparent)}.input-label{display:block;margin:14px 0 8px;color:var(--muted-strong);font-size:13px;font-weight:800}textarea{display:block;width:100%;min-height:142px;resize:vertical;border:1px solid var(--line);border-radius:var(--radius);padding:12px;color:var(--text);background:#04090e70;line-height:1.5}textarea::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent)}textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button{width:100%;min-height:48px;margin-top:12px;border:0;border-radius:var(--radius);padding:13px 16px;color:#f7fffd;background:linear-gradient(135deg,#159b8d,#0b756b);border:1px solid rgba(138,247,223,.55);box-shadow:0 12px 32px #48d9c442;font-weight:900}.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.activity-panel{display:flex;align-items:center;gap:12px}.activity-panel p{margin:3px 0 0;color:var(--muted);font-size:13px}.pulse-dot{width:12px;height:12px;border-radius:999px;background:var(--accent-strong);box-shadow:0 0 0 8px #48d9c41f;animation:pulse 1.35s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.task-status{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 9px;font-size:12px;font-weight:900}.status-pending{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 42%,var(--line));background:color-mix(in srgb,var(--warning) 12%,transparent)}.status-running{color:var(--research-strong);border-color:color-mix(in srgb,var(--research) 44%,var(--line));background:color-mix(in srgb,var(--research) 13%,transparent)}.status-completed{color:var(--success);border-color:color-mix(in srgb,var(--success) 44%,var(--line));background:color-mix(in srgb,var(--success) 11%,transparent)}.status-failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 46%,var(--line));background:color-mix(in srgb,var(--danger) 12%,transparent)}.filter-row{margin-bottom:12px}.history-card{display:grid;gap:9px;padding:12px}.history-card-top,.history-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-agent{overflow:hidden;color:var(--muted-strong);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.history-title{color:var(--text);font-weight:800;line-height:1.35}.history-meta-row{justify-content:flex-start}.history-error{border-left:2px solid var(--danger);padding-left:8px;color:var(--danger);font-size:12px;line-height:1.4}.empty-state{margin-bottom:0}.detail-panel{position:relative;overflow:hidden}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.detail-item{min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:10px;background:#ffffff0a}.detail-item span{display:block;margin-bottom:5px;color:var(--muted);font-size:11px;font-weight:800}.detail-item strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:13px;line-height:1.35}.detail-block{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#ffffff0a}.detail-block+.detail-block{margin-top:10px}.detail-block.is-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.detail-block p,.detail-block pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-block pre{font-family:inherit}@media(min-width:720px){.app-shell{padding-top:28px}.hero-panel{grid-template-columns:1fr auto;align-items:start;padding:24px}h1{max-width:none;font-size:46px}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section,.composer,.detail-panel,.activity-panel{padding:18px}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
