*{box-sizing:border-box}body{margin:0;background:#080912;color:#edf0ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input{font:inherit}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;padding:18px 14px 86px;background:radial-gradient(circle at top right,rgba(73,240,255,.13),transparent 32%),#080912}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.eyebrow{color:#49f0ff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1;margin-top:5px}.owner-pill,.status,.filters button{border:1px solid #2a3153;background:#15182a;color:#dce3ff;border-radius:999px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px}.screen{display:grid;gap:14px}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.agent-card,.info-card,.metric-card{border:1px solid #282d4a;background:#121525f0;border-radius:12px;padding:12px;min-width:0}.agent-card{display:grid;gap:10px}.agent-card h2{font-size:18px}.agent-card p,.agent-card span,small{color:#9ea7d8;overflow-wrap:anywhere}.agent-card.selectable{color:inherit;text-align:left;cursor:pointer}.agent-card.active,.filters button.active{border-color:#49f0ff;box-shadow:0 0 0 2px #49f0ff1f}.agent-art{width:100%;aspect-ratio:1.4;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#17152b}.agent-art.compact{width:56px;height:56px;aspect-ratio:1}.agent-art.assistant{background:radial-gradient(circle at 65% 35%,#ff4fd8f2,#8b5cf6b8 45%,#17152b 47%)}.agent-art.researcher{background:radial-gradient(circle at 65% 30%,rgba(73,240,255,.85),transparent 28%),linear-gradient(135deg,#101827,#17233a)}.agent-art-shape{width:42%;aspect-ratio:1;border:2px solid rgba(237,240,255,.72);border-radius:14px;transform:rotate(8deg)}.agent-art img{width:100%;height:100%;object-fit:cover;display:block}.agent-art img+.agent-art-shape{display:none}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-card{display:grid;gap:6px}.metric-card span{color:#9ea7d8;font-size:12px}.metric-card strong{overflow-wrap:anywhere}.metric-card.wide{min-height:70px}.filters{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.filters button{flex:0 0 auto;cursor:pointer}.task-list{display:grid;gap:8px}.task-row{width:100%;display:grid;grid-template-columns:4px 1fr auto;gap:10px;align-items:center;text-align:left;color:inherit;border:1px solid #242846;background:#111425;border-radius:10px;padding:10px;cursor:pointer}.agent-strip{align-self:stretch;border-radius:99px;background:#49f0ff}.task-row.assistant .agent-strip{background:#ff4fd8}.task-main{min-width:0;display:grid;gap:4px}.task-main strong,pre{overflow-wrap:anywhere;white-space:pre-wrap}.task-main small{color:#8f98c9}.status{font-size:12px;padding:5px 8px}.status-completed{color:#7dfcc7}.status-failed{color:#ff8aa8}.status-running{color:#49f0ff}.empty,.alert{border:1px solid #2a3153;background:#121525;border-radius:12px;padding:14px;color:#bec7ea}textarea{min-height:150px;width:100%;resize:vertical;color:#edf0ff;background:#111425;border:1px solid #2a3153;border-radius:12px;padding:12px}.field{display:grid;gap:6px;color:#bec7ea}input{color:#edf0ff;background:#111425;border:1px solid #2a3153;border-radius:10px;padding:9px}.primary,.danger,.ghost{border:0;border-radius:12px;padding:12px 14px;color:#080912;background:#49f0ff;font-weight:700;cursor:pointer}.primary:disabled{opacity:.55;cursor:not-allowed}.danger{background:#ff8aa8}.ghost{color:#edf0ff;background:#15182a;border:1px solid #2a3153}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(492px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#0b0d18f0;border:1px solid #2a3153;border-radius:16px;padding:7px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{border:0;border-radius:12px;background:transparent;color:#9ea7d8;display:grid;justify-items:center;gap:3px;padding:8px 4px;cursor:pointer}.bottom-nav button.active{background:#1b2038;color:#edf0ff}.bottom-nav span{font-size:11px}.detail pre{background:#111425;border:1px solid #242846;border-radius:12px;padding:12px;margin:0}.timeline{display:grid;gap:8px}.timeline div,.service-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #242846;padding:8px 0}.info-card{display:flex;gap:12px;align-items:center}.info-card div:last-child{display:grid;gap:4px;min-width:0}@media(max-width:390px){.agent-grid,.metric-row{grid-template-columns:1fr}h1{font-size:25px}}