@keyframes _si{to{opacity:1}}.legacy-content .lesson-header h1 em {font-style:normal;color:var(--success)}.legacy-content .nav-col {display:flex;flex-direction:column;gap:6px}.legacy-content .nav-group {font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.8px;text-transform:uppercase;padding:4px 2px 2px}.legacy-content .nav-item {display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid transparent;background:var(--surface);cursor:pointer;transition:all .2s;font-family:inherit;width:100%;text-align:left}.legacy-content .nav-item:hover {border-color:rgba(0,0,0,0.1);background:#fafaf8}.legacy-content .nav-item.active {border-color:var(--accent);background:rgba(0,102,255,.04);box-shadow:0 2px 10px rgba(0,102,255,.1)}.legacy-content .nav-badge {padding:3px 9px;border-radius:6px;font-size:12px;font-weight:800;flex-shrink:0}.legacy-content .badge-out {background:rgba(8,145,178,.12);color:var(--cyan)}.legacy-content .badge-kv {background:rgba(91,79,207,.12);color:var(--purple)}.legacy-content .nav-text h5 {font-size:15px;font-weight:700;color:var(--text);line-height:1.3}.legacy-content .nav-text p {font-size:13px;color:var(--sub);margin-top:1px}.legacy-content .nav-save {margin-left:auto;font-size:14px;font-weight:900;flex-shrink:0;white-space:nowrap}.legacy-content .demo-col {display:flex;flex-direction:column;gap:16px}.legacy-content .demo-heading h3 {font-size:20px;font-weight:800;color:var(--text)}.legacy-content .demo-heading p {font-size:15px;color:var(--sub);margin-top:4px;line-height:1.6}.legacy-content .demo-body {display:flex;flex-direction:column;gap:12px}.legacy-content .card {background:var(--surface);border-radius:14px;border:1px solid var(--border);padding:18px 20px}.legacy-content .card-title {font-size:13px;font-weight:800;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}.legacy-content .token-stream {display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:52px}.legacy-content .tok {padding:9px 14px;border-radius:10px;font-size:16px;font-weight:700;font-family:'SF Mono',Menlo,monospace;transition:all .35s ease}.legacy-content .tok-ctx {background:rgba(0,102,255,.08);color:var(--accent);border:1px solid rgba(0,102,255,.2)}.legacy-content .tok-bad {background:rgba(220,38,38,.08);color:var(--red);border:1px solid rgba(220,38,38,.2)}.legacy-content .tok-good {background:rgba(22,163,74,.08);color:var(--green);border:1px solid rgba(22,163,74,.2);opacity:0;transform:translateY(6px)}.legacy-content .tok-good.show {opacity:1;transform:translateY(0)}.legacy-content .tok-stop {background:rgba(220,38,38,.15);color:var(--red);border:2px dashed rgba(220,38,38,.4);font-size:13px;padding:9px 10px}.legacy-content .tok-blocked {opacity:.2;text-decoration:line-through;filter:grayscale(1)}.legacy-content .tok-arrow {font-size:18px;color:var(--muted)}.legacy-content .prob-list {display:flex;flex-direction:column;gap:6px}.legacy-content .prob-row {display:flex;align-items:center;gap:10px}.legacy-content .prob-word {width:90px;font-size:14px;font-weight:700;font-family:monospace;color:var(--text);flex-shrink:0}.legacy-content .prob-track {flex:1;height:12px;background:rgba(0,0,0,.06);border-radius:6px;overflow:hidden}.legacy-content .prob-fill {height:100%;border-radius:6px;transition:width .5s ease}.legacy-content .prob-pct {font-size:13px;font-weight:800;min-width:36px;text-align:right;color:var(--sub)}.legacy-content .cmp {display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.legacy-content .cmp-col {border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.legacy-content .cmp-col.bad {background:rgba(220,38,38,.04);border:1.5px solid rgba(220,38,38,.18)}.legacy-content .cmp-col.good {background:rgba(22,163,74,.04);border:1.5px solid rgba(22,163,74,.18)}.legacy-content .cmp-head {font-size:14px;font-weight:800}.legacy-content .cmp-col.bad .cmp-head {color:var(--red)}.legacy-content .cmp-col.good .cmp-head {color:var(--green)}.legacy-content .cmp-body {font-size:15px;color:var(--sub);line-height:1.65;flex:1}.legacy-content .cmp-body b {color:var(--text)}.legacy-content pre.code {background:var(--surface-soft);border-radius:10px;padding:14px 16px;font-family:'SF Mono',Menlo,monospace;font-size:13.5px;line-height:1.75;color:var(--muted);overflow:auto;white-space:pre;flex-shrink:0}.legacy-content pre.code .c {color:#6c7086;font-style:italic}.legacy-content pre.code .k {color:var(--muted)}.legacy-content pre.code .s {color:var(--muted)}.legacy-content pre.code .f {color:var(--muted)}.legacy-content pre.code .hl {color:var(--muted)}.legacy-content .stats {display:flex;gap:10px;flex-shrink:0}.legacy-content .stat {flex:1;border-radius:10px;padding:12px 14px;text-align:center}.legacy-content .stat .sv {font-size:26px;font-weight:900}.legacy-content .stat .sl {font-size:12px;font-weight:700;margin-top:2px;color:var(--muted)}.legacy-content .stat.red-s {background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.15)}.legacy-content .stat.red-s .sv {color:var(--red)}.legacy-content .stat.green-s {background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.15)}.legacy-content .stat.green-s .sv {color:var(--green)}.legacy-content .stat.blue-s {background:rgba(0,102,255,.07);border:1px solid rgba(0,102,255,.15)}.legacy-content .stat.blue-s .sv {color:var(--accent)}.legacy-content .stat.gray-s {background:var(--surface);border:1px solid var(--border)}.legacy-content .stat.gray-s .sv {color:var(--text)}.legacy-content .tip {border-radius:10px;padding:11px 14px;font-size:15px;line-height:1.6;flex-shrink:0}.legacy-content .tip.green {background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.2);color:var(--green)}.legacy-content .tip.red {background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.2);color:var(--red)}.legacy-content .tip.purple {background:rgba(91,79,207,.06);border:1px solid rgba(91,79,207,.2);color:var(--purple)}.legacy-content .tip b {font-weight:800}.legacy-content .btn-row {display:flex;gap:8px;flex-shrink:0;align-items:center}.legacy-content .btn {padding:9px 20px;border-radius:9px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.legacy-content .btn-p {background:var(--accent);color:white}.legacy-content .btn-p:hover {filter:brightness(1.1)}.legacy-content .btn-p:disabled {opacity:.35;cursor:not-allowed;filter:none}.legacy-content .btn-r {background:var(--surface2);color:var(--sub);border:1px solid var(--border)}.legacy-content .btn-hint {font-size:13px;color:var(--muted)}.legacy-content .kv-bar {height:36px;border-radius:8px;overflow:hidden;display:flex;gap:1px;background:var(--surface2);transition:all .4s}.legacy-content .kv-seg {height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;white-space:nowrap;overflow:hidden;padding:0 6px;transition:all .5s ease;border-radius:4px}.legacy-content .kv-seg.sys-stable {background:var(--purple)}.legacy-content .kv-seg.kv-cached {background:rgba(22,163,74,.35);color:var(--green)}.legacy-content .kv-seg.kv-miss {background:var(--red)}.legacy-content .kv-seg.kv-new {background:var(--accent)}@keyframes flash-red{0%{background:rgba(220,38,38,.5)}100%{background:rgba(220,38,38,.07)}}.legacy-content .flash-red {animation:flash-red .4s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}.legacy-content .pop {animation:pop .3s ease}@keyframes row-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.legacy-content .row-in {animation:row-in .3s ease}@media (max-width:768px){.legacy-content .cmp {grid-template-columns:1fr}.legacy-content .stats {flex-wrap:wrap}.legacy-content .stat {min-width:calc(50% - 10px)}.legacy-content .stat .sv {font-size:21px}.legacy-content .demo-heading h3 {font-size:18px}.legacy-content pre.code {font-size:12px}.legacy-content .demo-body [style*="grid-template-columns:1fr 1fr"] {grid-template-columns:1fr!important}}

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