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

.legacy-content .desc {font-size:16px;color:var(--sub);line-height:1.8}.legacy-content .compare-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .sys-box {border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:var(--shadow-card)}.legacy-content .sys-box-h {padding:9px 16px;font-size:15px;font-weight:700;border-bottom:1px solid var(--border)}.legacy-content .sys-box-b {padding:14px 16px}.legacy-content .sys-box.bad .sys-box-h {background:rgba(220,38,38,.06);color:var(--danger)}.legacy-content .sys-box.good .sys-box-h {background:rgba(22,163,74,.06);color:var(--success)}.legacy-content .code-blk {background:var(--surface-soft);border-radius:7px;padding:11px 13px;font-size:13px;font-family:'Fira Code','SF Mono',Menlo,monospace;line-height:1.65;color:var(--muted);margin-bottom:10px;overflow-x:auto}.legacy-content .code-blk .ts {background:rgba(220,38,38,.3);border-radius:2px;padding:0 2px;color:var(--muted)}.legacy-content .code-blk .stable {background:rgba(22,163,74,.25);border-radius:2px;padding:0 2px;color:var(--muted)}.legacy-content .metric-row {display:flex;gap:8px}.legacy-content .metric-item {flex:1;text-align:center;background:var(--bg);border-radius:6px;padding:8px 5px}.legacy-content .metric-item .v {font-size:17px;font-weight:700}.legacy-content .metric-item .l {font-size:11px;color:var(--sub)}.legacy-content .killer-box {background:rgba(217,119,6,.06);border:1.5px solid rgba(217,119,6,.2);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);line-height:1.7}.legacy-content .killer-box b {color:var(--amber)}.legacy-content .killer-tags {display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.legacy-content .killer-tag {background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);color:var(--danger);padding:4px 11px;border-radius:5px;font-size:14px;font-weight:600}.legacy-content .live-panel {background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card)}.legacy-content .live-header {padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg);font-size:14px;font-weight:700;color:var(--sub);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.legacy-content .live-clock {font-family:'SF Mono',Menlo,monospace;font-size:18px;font-weight:900;color:var(--text);letter-spacing:1px}.legacy-content .live-body {display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.legacy-content .vs-col {background:var(--card);display:flex;flex-direction:column}.legacy-content .vs-col-h {padding:9px 12px;font-size:14px;font-weight:800;border-bottom:1px solid var(--border)}.legacy-content .vs-col.bad-col .vs-col-h {background:rgba(220,38,38,.05);color:var(--danger)}.legacy-content .vs-col.good-col .vs-col-h {background:rgba(22,163,74,.05);color:var(--success)}.legacy-content .sys-display {margin:10px 12px;border-radius:7px;padding:9px 12px;font-family:'Fira Code','SF Mono',Menlo,monospace;font-size:12.5px;line-height:1.65;background:var(--surface-soft);color:var(--muted);transition:all .25s;overflow-x:auto}.legacy-content .dyn-ts {color:var(--muted);font-weight:800;transition:all .2s}.legacy-content .static-ts {color:var(--muted);font-weight:800}.legacy-content .cache-status {margin:0 12px 10px;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700;text-align:center;transition:all .3s}.legacy-content .cache-status.hit {background:rgba(22,163,74,.1);color:var(--success);border:1.5px solid rgba(22,163,74,.3)}.legacy-content .cache-status.miss {background:rgba(220,38,38,.1);color:var(--danger);border:1.5px solid rgba(220,38,38,.3)}@keyframes flash-miss{0%{background:rgba(220,38,38,.5);transform:scale(1.02)}50%{background:rgba(220,38,38,.2)}100%{background:rgba(220,38,38,.1);transform:scale(1)}}.legacy-content .cache-status.miss.flash {animation:flash-miss .4s ease}.legacy-content .hit-bar-wrap {margin:0 12px 10px;display:flex;flex-direction:column;gap:4px}.legacy-content .hit-bar-label {font-size:13px;font-weight:700;color:var(--sub);display:flex;justify-content:space-between}.legacy-content .hit-bar-track {height:10px;background:var(--bg);border-radius:5px;overflow:hidden}.legacy-content .hit-bar-fill {height:100%;border-radius:5px;transition:width .5s ease}.legacy-content .vs-col.bad-col .hit-bar-fill {background:var(--danger)}.legacy-content .vs-col.good-col .hit-bar-fill {background:var(--success)}.legacy-content .req-log {height:160px;overflow-y:auto;margin:0 12px 12px;display:flex;flex-direction:column;gap:4px}.legacy-content .req-item {font-size:12px;padding:4px 8px;border-radius:5px;display:flex;align-items:center;gap:6px;flex-shrink:0;animation:log-in .2s ease}@keyframes log-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.legacy-content .req-item.hit {background:rgba(22,163,74,.07);color:var(--success)}.legacy-content .req-item.miss {background:rgba(220,38,38,.07);color:var(--danger)}.legacy-content .req-item .req-ts {font-family:'SF Mono',Menlo,monospace;flex:1}.legacy-content .req-item .req-tag {font-weight:800;font-size:11px}.legacy-content .live-stats {display:flex;gap:10px;margin-top:12px}.legacy-content .live-stat {flex:1;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:10px;text-align:center;box-shadow:var(--shadow-card)}.legacy-content .live-stat .sv {font-size:20px;font-weight:900}.legacy-content .live-stat .sl {font-size:11px;color:var(--sub);font-weight:600}.legacy-content .live-stat.bad-stat .sv {color:var(--danger)}.legacy-content .live-stat.good-stat .sv {color:var(--success)}.legacy-content .live-stat.neutral .sv {color:var(--text)}.legacy-content .ctrl-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.legacy-content .btn-ctrl {padding:10px 22px;border-radius:8px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;min-height:44px}.legacy-content .btn-start {background:var(--success);color:white}.legacy-content .btn-stop {background:rgba(220,38,38,.15);color:var(--danger);border:1.5px solid rgba(220,38,38,.3)}.legacy-content .btn-reset {background:var(--card);color:var(--sub);border:1px solid var(--border)}.legacy-content .ctrl-hint {flex:1;font-size:13px;color:var(--sub);min-width:180px}.legacy-content .takeaway {background:rgba(22,163,74,.06);border:1.5px solid rgba(22,163,74,.2);border-radius:var(--radius);padding:16px 20px;font-size:15px;color:var(--text);display:flex;gap:10px;line-height:1.7;margin-top:16px}.legacy-content .takeaway b {color:var(--success)}@media (max-width:768px){.legacy-content .compare-grid {grid-template-columns:1fr}.legacy-content .live-body {grid-template-columns:1fr}.legacy-content .live-stats {flex-wrap:wrap}.legacy-content .live-stat {min-width:calc(50% - 5px)}.legacy-content .req-log {height:120px}}

.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)}
