@keyframes _si{to{opacity:1}}

.legacy-content .demo-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.legacy-content .left-col, .legacy-content .right-col {display:flex;flex-direction:column;gap:10px;min-width:0}.legacy-content .formula {background:rgba(217,119,6,.06);border:1.5px solid rgba(217,119,6,.2);border-radius:12px;padding:14px 16px;text-align:center}.legacy-content .formula .eq {font-size:19px;font-weight:800;color:var(--orange);font-family:'Cascadia Code','Fira Code',monospace;margin-bottom:4px}.legacy-content .formula p {font-size:14px;color:var(--sub)}.legacy-content .ctrl {background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.legacy-content .ctrl-top {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.legacy-content .ctrl-label {font-size:14px;color:var(--muted);font-weight:600}.legacy-content .btn-reset {padding:8px 14px;border-radius:8px;background:var(--surface2);color:var(--sub);font-size:14px;font-weight:600;border:1px solid var(--border);cursor:pointer;font-family:inherit;min-height:38px}.legacy-content .prog {height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.legacy-content .prog-fill {height:100%;border-radius:2px;transition:width .4s ease}.legacy-content .scene-tabs {display:flex;gap:6px;flex-wrap:wrap}.legacy-content .scene-btn {padding:8px 14px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;font-size:13px;font-weight:700;color:var(--sub);font-family:inherit;transition:all .15s;min-height:40px}.legacy-content .scene-btn.active {border-color:var(--orange);background:rgba(217,119,6,.06);color:var(--orange)}.legacy-content .stage {background:var(--card);border:1.5px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.legacy-content .stage-head {padding:9px 14px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.legacy-content .stage-title {font-size:14px;font-weight:700;color:var(--text)}.legacy-content .mode-toggle {display:flex;gap:4px}.legacy-content .mode-btn {padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);font-size:12px;font-weight:700;color:var(--sub);cursor:pointer;font-family:inherit;transition:all .15s;min-height:32px}.legacy-content .mode-btn.on-bad {background:rgba(220,38,38,.08);border-color:rgba(220,38,38,.25);color:var(--red)}.legacy-content .mode-btn.on-good {background:rgba(22,163,74,.08);border-color:rgba(22,163,74,.25);color:var(--green)}.legacy-content .stage-body {padding:12px;display:flex;flex-direction:column;gap:6px;min-height:120px}.legacy-content .act {border-radius:8px;padding:8px 12px;display:flex;align-items:flex-start;gap:8px;opacity:0;transform:translateY(6px);transition:all .35s ease}.legacy-content .act.show {opacity:1;transform:translateY(0)}.legacy-content .act-icon {width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800}.legacy-content .act-body {flex:1;display:flex;flex-direction:column;gap:2px}.legacy-content .act-who {font-size:11px;font-weight:800;letter-spacing:.3px}.legacy-content .act-text {font-size:14px;line-height:1.6;color:var(--text)}.legacy-content .act.agent {background:rgba(217,119,6,.04)}.legacy-content .act.agent .act-icon {background:rgba(217,119,6,.12);color:var(--orange)}.legacy-content .act.agent .act-who {color:var(--orange)}.legacy-content .act.human {background:rgba(8,145,178,.04)}.legacy-content .act.human .act-icon {background:rgba(8,145,178,.12);color:var(--cyan)}.legacy-content .act.human .act-who {color:var(--cyan)}.legacy-content .act.waste {background:rgba(220,38,38,.04);border:1px dashed rgba(220,38,38,.15)}.legacy-content .act.waste .act-icon {background:rgba(220,38,38,.1);color:var(--red)}.legacy-content .act.waste .act-who {color:var(--red)}.legacy-content .act.done {background:rgba(22,163,74,.04)}.legacy-content .act.done .act-icon {background:rgba(22,163,74,.12);color:var(--green)}.legacy-content .act.done .act-who {color:var(--green)}.legacy-content .stat-bar {display:flex;gap:6px}.legacy-content .stat {flex:1;border-radius:8px;padding:8px 10px;text-align:center}.legacy-content .stat-n {font-size:22px;font-weight:800}.legacy-content .stat-l {font-size:11px;font-weight:700;margin-top:1px}.legacy-content .stat.bad {background:rgba(220,38,38,.06);color:var(--red)}.legacy-content .stat.bad .stat-l {color:var(--red)}.legacy-content .stat.good {background:rgba(22,163,74,.06);color:var(--green)}.legacy-content .stat.good .stat-l {color:var(--green)}.legacy-content .stat.neutral {background:var(--surface2);color:var(--text)}.legacy-content .stat.neutral .stat-l {color:var(--muted)}.legacy-content .skill-file {background:var(--card);border:1.5px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.legacy-content .sf-head {padding:9px 14px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02);font-size:14px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:6px}.legacy-content .sf-body {padding:14px}.legacy-content .sk-section {margin-bottom:12px}.legacy-content .sk-section:last-child {margin-bottom:0}.legacy-content .sk-h {font-size:14px;font-weight:800;color:var(--orange);margin-bottom:3px}.legacy-content .sk-text {font-size:14px;color:var(--text);line-height:1.65}.legacy-content .sk-code {background:var(--surface-soft);color:var(--muted);padding:10px 12px;border-radius:7px;font-family:'Cascadia Code','Fira Code',monospace;font-size:12px;line-height:1.6;margin-top:4px;white-space:pre-wrap;word-break:break-word}.legacy-content .sk-code .c {color:#6c7086}.legacy-content .sk-code .k {color:var(--muted)}.legacy-content .sk-code .s {color:var(--muted)}.legacy-content .sk-code .fn {color:var(--muted)}.legacy-content .sk-list {padding-left:16px;font-size:13px;color:var(--sub);line-height:1.65;margin-top:3px}.legacy-content .sk-list li {margin-bottom:2px}.legacy-content .insight-box {background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.18);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--text);line-height:1.6;opacity:0;transform:translateY(6px);transition:all .5s}.legacy-content .insight-box.show {opacity:1;transform:translateY(0)}.legacy-content .insight-box b {color:var(--orange)}.legacy-content .ref-box {background:rgba(124,58,237,.04);border:1px solid rgba(124,58,237,.15);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--text);line-height:1.6}.legacy-content .ref-box b {color:var(--purple)}@keyframes bounce-in{0%{transform:scale(0.8);opacity:0}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}@media (max-width:768px){.legacy-content .demo-grid {grid-template-columns:1fr}}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}