@keyframes _si{from{opacity:0}to{opacity:1}}

.legacy-content .desc {font-size:16px;color:var(--sub);line-height:1.8}.legacy-content .analogy-box {background:rgba(124,58,237,.05);border:1.5px solid rgba(124,58,237,.15);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);line-height:1.7}.legacy-content .analogy-box b {color:var(--purple)}.legacy-content .kv-compare {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .kv-box {border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-card)}.legacy-content .kv-box-h {padding:9px 16px;font-size:15px;font-weight:700;border-bottom:1px solid var(--border)}.legacy-content .kv-box-b {padding:14px 16px;font-size:14px;color:var(--sub);line-height:1.7}.legacy-content .kv-box.no .kv-box-h {background:rgba(220,38,38,.05);color:var(--danger)}.legacy-content .kv-box.yes .kv-box-h {background:rgba(22,163,74,.05);color:var(--success)}.legacy-content .insight-box {background:rgba(22,163,74,.05);border:1.5px solid rgba(22,163,74,.18);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);line-height:1.7}.legacy-content .insight-box b {color:var(--success)}.legacy-content .warn-box {background:rgba(220,38,38,.05);border:1.5px solid rgba(220,38,38,.2);border-radius:var(--radius);padding:16px 20px;font-size:14px;color:var(--text);line-height:1.7}.legacy-content .warn-box b {color:var(--danger)}.legacy-content .next-card {background:rgba(22,163,74,.05);border:1.5px solid rgba(22,163,74,.25);border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;gap:12px}.legacy-content .next-card:hover {background:rgba(22,163,74,.1)}.legacy-content .mode-tabs {display:flex;gap:6px;align-items:center;flex-wrap:wrap}.legacy-content .mode-tabs span {font-size:14px;color:var(--sub);margin-right:4px;font-weight:600}.legacy-content .mode-btn {padding:7px 16px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);font-size:14px;font-weight:700;color:var(--sub);cursor:pointer;font-family:inherit;transition:all .15s;min-height:36px}.legacy-content .mode-btn.active-bad {border-color:var(--danger);background:rgba(220,38,38,.08);color:var(--danger)}.legacy-content .mode-btn.active-good {border-color:var(--success);background:rgba(22,163,74,.08);color:var(--success)}.legacy-content .legend {display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.legacy-content .leg {display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--sub)}.legacy-content .leg-dot {width:12px;height:12px;border-radius:3px;flex-shrink:0}.legacy-content .viz-panel {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:12px;box-shadow:var(--shadow-card)}.legacy-content .viz-title {padding:9px 16px;border-bottom:1px solid var(--border);background:var(--bg);font-size:13px;font-weight:700;color:var(--sub)}.legacy-content .turns-list {padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:60px;overflow-x:auto}.legacy-content .turn-row {display:flex;align-items:center;gap:10px;flex-shrink:0;animation:row-in .3s ease}@keyframes row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.legacy-content .turn-label {font-size:13px;font-weight:800;color:var(--sub);min-width:34px;flex-shrink:0}.legacy-content .bar-wrap {flex:1;overflow:hidden}.legacy-content .bar-track {height:28px;border-radius:6px;display:flex;gap:1px;background:transparent;min-width:0}.legacy-content .bar-seg {height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:white;overflow:hidden;white-space:nowrap;padding:0 4px;border-radius:4px;flex-shrink:0;animation:seg-in .35s ease}@keyframes seg-in{from{opacity:0;transform:scaleX(0.6)}to{opacity:1;transform:scaleX(1)}}.legacy-content .bar-seg.sys {background:var(--purple)}.legacy-content .bar-seg.recalc {background:var(--danger)}.legacy-content .bar-seg.cached {background:rgba(22,163,74,.3);color:var(--success)}.legacy-content .bar-seg.new {background:var(--accent)}.legacy-content .turn-meta {min-width:80px;flex-shrink:0;text-align:right}.legacy-content .turn-cost {font-size:14px;font-weight:800}.legacy-content .turn-cost.bad {color:var(--danger)}.legacy-content .turn-cost.good {color:var(--success)}.legacy-content .turn-diff {font-size:11px;color:var(--sub)}.legacy-content .stat-row {display:flex;gap:10px;margin-top:12px}.legacy-content .stat-box {flex:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center;box-shadow:var(--shadow-card)}.legacy-content .stat-box .sv {font-size:22px;font-weight:900}.legacy-content .stat-box .sl {font-size:12px;color:var(--sub);font-weight:600}.legacy-content .stat-box.waste .sv {color:var(--danger)}.legacy-content .stat-box.save .sv {color:var(--success)}.legacy-content .stat-box.turns .sv {color:var(--text)}.legacy-content .ctrl-bar {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.legacy-content .btn-turn {padding:10px 24px;border-radius:8px;background:var(--success);color:white;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:opacity .2s;min-height:44px}.legacy-content .btn-turn:disabled {opacity:.35;cursor:not-allowed}.legacy-content .btn-reset {padding:10px 16px;border-radius:8px;background:var(--card);color:var(--sub);font-size:14px;font-weight:600;border:1px solid var(--border);cursor:pointer;font-family:inherit;min-height:44px}.legacy-content .ctrl-hint {flex:1;font-size:13px;color:var(--sub);line-height:1.4;min-width:180px}.legacy-content .takeaway {background:rgba(22,163,74,.05);border:1.5px solid rgba(22,163,74,.18);border-radius:var(--radius);padding:14px 18px;font-size:15px;color:var(--text);line-height:1.7;margin-top:14px}.legacy-content .takeaway b {color:var(--success)}@media (max-width:768px){.legacy-content .kv-compare {grid-template-columns:1fr}.legacy-content .stat-row {flex-wrap:wrap}.legacy-content .stat-box {min-width:calc(50% - 5px)}}