:root{color-scheme:dark;--bg: #040711;--bg-soft: #080d18;--bg-deep: #02040a;--surface: rgba(10, 17, 30, .78);--surface-strong: rgba(14, 23, 38, .9);--surface-elevated: rgba(18, 30, 49, .82);--surface-muted: rgba(122, 239, 221, .07);--text: #f4f8ff;--muted: #8190a8;--muted-strong: #bdc8d9;--line: rgba(136, 170, 205, .18);--line-strong: rgba(122, 239, 221, .46);--accent: #3ee6d0;--accent-strong: #94fff0;--research: #8f7dff;--research-strong: #c8c0ff;--content: #f3b35f;--success: #56e39f;--warning: #f3c760;--danger: #ff7188;--shadow: 0 24px 80px rgba(0, 0, 0, .48);--glow-core: 0 0 28px rgba(62, 230, 208, .22);--glow-research: 0 0 30px rgba(143, 125, 255, .24);--radius: 8px}:root[data-theme=light]{color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg-deep)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14% -12%,rgba(62,230,208,.2),transparent 30%),radial-gradient(circle at 88% 2%,rgba(143,125,255,.22),transparent 32%),radial-gradient(circle at 62% 116%,rgba(62,230,208,.09),transparent 38%),linear-gradient(180deg,#09111f,#050913 42%,#02040a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{position:fixed;inset:0;z-index:-1;content:"";background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 78%);pointer-events:none}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:linear-gradient(180deg,#121e31db,#080e19c7),var(--surface);box-shadow:var(--shadow),inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-panel{position:relative;display:grid;gap:18px;overflow:hidden;padding:18px}.hero-panel:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 10% 10%,rgba(62,230,208,.24),transparent 34%),radial-gradient(circle at 92% 12%,rgba(143,125,255,.22),transparent 34%),linear-gradient(135deg,rgba(62,230,208,.08),transparent 48%);pointer-events:none}.hero-panel:after{position:absolute;right:16px;bottom:0;left:16px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(148,255,240,.6),rgba(200,192,255,.46),transparent)}.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:#ffffff0b}.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;box-shadow:var(--glow-core)}h1,h2,h3,p{margin-top:0}h1{max-width:12ch;margin-bottom:8px;color:#fff;font-size:34px;line-height:1.02;letter-spacing:0;text-shadow:0 0 28px rgba(62,230,208,.18)}h2{margin-bottom:0;color:var(--text);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:#ffc5cf;background:#5014206b}.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:linear-gradient(180deg,#142136e6,#080e19db);box-shadow:inset 0 1px #ffffff0a}.agent-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:5px 12px;min-height:132px;overflow:hidden;padding:14px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.agent-card:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 8% 12%,rgba(62,230,208,.13),transparent 36%);opacity:.7;pointer-events:none}.agent-card:after{position:absolute;inset:auto 12px 0;height:1px;content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.42}.agent-card>*{position:relative}.agent-card:hover{border-color:#94fff057;box-shadow:var(--glow-core),inset 0 1px #ffffff0e;transform:translateY(-1px)}.agent-card.is-active{border-color:var(--line-strong);outline:1px solid rgba(148,255,240,.28);box-shadow:0 0 0 1px #3ee6d014,var(--glow-core);transform:translateY(-1px)}.agent-card.agent-research:before{background:radial-gradient(circle at 8% 12%,rgba(143,125,255,.15),transparent 38%)}.agent-card.agent-research:after{background:linear-gradient(90deg,transparent,var(--research),transparent)}.agent-card.agent-research:hover,.agent-card.agent-research.is-active{border-color:#c8c0ff6b;outline-color:#c8c0ff3d;box-shadow:0 0 0 1px #8f7dff14,var(--glow-research)}.agent-avatar,.agent-mini,.history-avatar,.detail-avatar{display:inline-grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 54%,var(--line));border-radius:999px;color:#041210;background:linear-gradient(135deg,var(--accent-strong),var(--accent));box-shadow:0 0 18px #3ee6d040;font-weight:900;letter-spacing:0}.agent-avatar img,.agent-mini img,.history-avatar img,.detail-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.agent-avatar{grid-row:span 3;width:58px;height:58px;font-size:13px}.agent-mini{flex:0 0 auto;width:46px;height:46px;font-size:12px}.history-avatar{flex:0 0 auto;width:34px;height:34px;font-size:10px}.detail-avatar{flex:0 0 auto;width:46px;height:46px;font-size:12px}.agent-card.agent-core .agent-avatar,.agent-mini.agent-core,.history-avatar.agent-core,.detail-avatar.agent-core{border-color:#94fff08a;box-shadow:0 0 22px #3ee6d057}.agent-card.agent-research .agent-avatar,.agent-mini.agent-research,.history-avatar.agent-research,.detail-avatar.agent-research{border-color:#c8c0ff80;color:#080719;background:linear-gradient(135deg,var(--research-strong),var(--research));box-shadow:0 0 22px #8f7dff5c}.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-row,.agent-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.agent-name{font-size:16px;font-weight:800;line-height:1.2}.agent-badge{display:inline-flex;align-items:center;min-height:22px;border:1px solid rgba(200,192,255,.44);border-radius:999px;padding:3px 8px;color:var(--research-strong);background:#8f7dff21;box-shadow:0 0 18px #8f7dff1a;font-size:11px;font-weight:900}.agent-description,.history-meta-row,.muted-small,.technical-error{color:var(--muted);font-size:12px;line-height:1.4}.research-notice{margin:10px 0 8px;border:1px solid rgba(200,192,255,.3);border-radius:var(--radius);padding:10px;color:var(--muted-strong);background:#8f7dff17;box-shadow:inset 0 1px #ffffff09;font-size:13px;line-height:1.45}.technical-error{margin:10px 0 0}.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:#ffffff0b;white-space:nowrap;transition:border-color .16s ease,color .16s ease,background .16s ease,box-shadow .16s ease}.template-chip:hover,.filter-chip:hover{border-color:#94fff04d;color:var(--text)}.template-chip.is-active,.filter-chip.is-active{border-color:#94fff070;color:var(--accent-strong);background:#3ee6d01a;box-shadow:0 0 20px #3ee6d01f}.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 rgba(136,170,205,.2);border-radius:var(--radius);padding:12px;color:var(--text);background:#03070ec2;box-shadow:inset 0 1px #ffffff06;line-height:1.5}textarea::placeholder{color:color-mix(in srgb,var(--muted) 74%,transparent)}textarea:focus,button:focus-visible{outline:2px solid rgba(148,255,240,.68);outline-offset:2px}.primary-button{width:100%;min-height:50px;margin-top:12px;border:1px solid rgba(148,255,240,.58);border-radius:var(--radius);padding:13px 16px;color:#f8fffe;background:linear-gradient(135deg,#1fd6c4fa,#0f70a0f5),#129b8f;box-shadow:0 16px 34px #3ee6d038,inset 0 1px #ffffff2e;font-weight:900}.primary-button:hover:not(:disabled){box-shadow:0 18px 42px #3ee6d04d,inset 0 1px #ffffff38;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.5;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 #3ee6d01f,0 0 22px #3ee6d06b;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;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.history-card:hover{border-color:#94fff047;box-shadow:0 14px 34px #0000003d,var(--glow-core);transform:translateY(-1px)}.history-card-top,.history-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-agent-wrap{display:flex;align-items:center;min-width:0;gap:8px}.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:#ff9aad;font-size:12px;line-height:1.4}.empty-state{margin-bottom:0}.detail-panel{position:relative;overflow:hidden}.detail-title-row{display:flex;align-items:center;min-width:0;gap:10px}.detail-title-row h2{margin-bottom:0}.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:#ffffff09}.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:#ffffff09}.detail-block+.detail-block{margin-top:10px}.detail-block.is-error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));background:#50142033}.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))}}