.hg-wrapper{position:relative;width:100%;max-width:860px;margin:2.5rem auto 3.5rem;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.glow-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0;pointer-events:none}.hg-card{position:relative;z-index:1;background:#08080ceb;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 32px 64px -16px #0009,0 0 0 1px #ffffff0a inset}.hg-header{display:flex;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05}.mac-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%}.close{background:#ef4444}.min{background:#eab308}.max{background:#22c55e}.hg-title{flex:1;text-align:center;font-size:.7rem;color:#fff6;font-family:ui-monospace,Menlo,monospace;letter-spacing:.02em}.hg-badge{font-size:.65rem;color:#22c55e;font-weight:600;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.hg-body{display:grid;grid-template-columns:1fr 1fr;min-height:300px}@media(max-width:640px){.hg-body{grid-template-columns:1fr}}.hg-code{border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;overflow:hidden}.code-file-tab{font-size:.65rem;font-family:ui-monospace,Menlo,monospace;color:#ffffff59;padding:6px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:.04em}.hg-card pre{margin:0;padding:20px;overflow:hidden;font-size:.775rem;line-height:1.65;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#cdd6f4;background:transparent!important}.hg-card code{background:none!important}.kw{color:#cba6f7}.fn{color:#89dceb}.tp{color:#fab387}.st{color:#a6e3a1}.c{color:#ffffff4d;font-style:italic}.hg-trace{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:18px 18px}.trace-row{display:flex}.trace-connector{width:2px;height:14px;margin-left:19px;background:linear-gradient(to bottom,#ffffff1a,#ffffff0d)}.trace-node{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;width:100%;position:relative;box-shadow:0 4px 12px #0003}.tn-icon{flex-shrink:0;color:#ffffff80;display:flex}.tn-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tn-label{font-family:ui-monospace,Menlo,monospace;font-size:.6rem;color:#ffffff61;text-transform:uppercase;letter-spacing:.06em}.tn-value{font-size:.78rem;font-weight:500;color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-node{border-color:#ffffff1a}.agent-node{border-color:#a855f74d;background:#a855f70f;box-shadow:0 0 20px #a855f714}.tool-node{border-color:#f59e0b4d;background:#f59e0b0d}.wire-node{border-color:#38bdf84d;background:#38bdf80d}.result-node{border-color:#22c55e4d;background:#22c55e0d;box-shadow:0 0 20px #22c55e14}.tn-tag{font-size:.6rem;background:#f59e0b33;color:#f59e0b;padding:2px 6px;border-radius:4px;font-weight:700;white-space:nowrap;flex-shrink:0}.thinking-dots{display:flex;gap:3px;flex-shrink:0;margin-left:auto;padding-left:6px}.thinking-dots span{width:5px;height:5px;background:#a855f799;border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.status-glow{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-green 2s infinite;margin-left:auto}@keyframes pulse-green{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.blob-1:where(.astro-l7fi6if4){width:280px;height:280px;top:-40px;left:-40px;background:#8b5cf659}.blob-2:where(.astro-l7fi6if4){width:260px;height:260px;bottom:-40px;right:-20px;background:#38bdf840}.blob-1:where(.astro-l6qnqnmk){width:280px;height:280px;top:-40px;left:-40px;background:#38bdf84d}.blob-2:where(.astro-l6qnqnmk){width:260px;height:260px;bottom:-40px;right:-20px;background:#22c55e33}.blob-1:where(.astro-o7fveqit){width:280px;height:280px;top:-40px;left:-40px;background:#38bdf84d}.blob-2:where(.astro-o7fveqit){width:260px;height:260px;bottom:-40px;right:-20px;background:#a855f733}