@keyframes _si{to{opacity:1}}.legacy-content .lesson-header h1 em {font-style:normal;color:var(--purple)}.legacy-content .problem-box {background:rgba(91,79,207,.06);border:1px solid rgba(91,79,207,.2);border-radius:10px;padding:14px 16px}.legacy-content .problem-box .pb-title {font-size:15px;font-weight:800;color:var(--purple);margin-bottom:6px}.legacy-content .problem-row {display:flex;align-items:flex-start;gap:8px;font-size:15px;color:var(--sub);line-height:1.6;margin-bottom:4px}.legacy-content .problem-row b {color:var(--text)}.legacy-content .strat-list {display:flex;flex-direction:column;gap:8px}.legacy-content .strat-btn {display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;text-align:left;transition:all .18s;width:100%}.legacy-content .strat-btn:hover {border-color:rgba(91,79,207,.3)}.legacy-content .strat-btn.active {border-color:var(--purple);background:rgba(91,79,207,.04);box-shadow:0 2px 10px rgba(91,79,207,.1)}.legacy-content .sn {width:32px;height:32px;border-radius:8px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--muted);flex-shrink:0;transition:all .18s}.legacy-content .strat-btn.active .sn {background:var(--purple);color:white}.legacy-content .si h5 {font-size:16px;font-weight:800;color:var(--text);margin-bottom:2px}.legacy-content .si p {font-size:14px;color:var(--sub)}.legacy-content .saving {margin-left:auto;font-size:15px;font-weight:900;flex-shrink:0}.legacy-content .demo-title {font-size:18px;font-weight:800;color:var(--text);margin-bottom:12px}.legacy-content .demo-area {display:flex;flex-direction:column;gap:10px}.legacy-content .fewshot-wrap {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .fs-col {display:flex;flex-direction:column;gap:6px}.legacy-content .fs-col-title {font-size:14px;font-weight:700;padding:6px 10px;border-radius:6px;text-align:center;flex-shrink:0}.legacy-content .fs-col-title.bad {background:rgba(220,38,38,.1);color:var(--red)}.legacy-content .fs-col-title.good {background:rgba(22,163,74,.1);color:var(--green)}.legacy-content .case-pool {flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:340px}.legacy-content .case-item {padding:8px 10px;border-radius:7px;border:1.5px solid var(--border);background:var(--surface);font-size:13px;color:var(--sub);line-height:1.4;cursor:default;transition:all .3s;flex-shrink:0}.legacy-content .case-item .ci-q {font-weight:700;color:var(--text);font-size:13px}.legacy-content .case-item.selected {border-color:var(--green);background:rgba(22,163,74,.06);color:var(--green)}.legacy-content .case-item.greyed {opacity:.3}.legacy-content .prompt-box {flex:1;background:var(--surface-soft);border-radius:8px;padding:12px 14px;font-family:monospace;font-size:12.5px;color:var(--muted);overflow-y:auto;line-height:1.6;white-space:pre-wrap;min-height:200px;max-height:340px}.legacy-content .prompt-box .p-sys {color:var(--muted)}.legacy-content .prompt-box .p-case {color:var(--muted)}.legacy-content .prompt-box .p-user {color:var(--muted)}.legacy-content .tok-bar {display:flex;align-items:center;gap:8px;flex-shrink:0}.legacy-content .tok-track {flex:1;height:10px;border-radius:5px;background:var(--surface2);overflow:hidden}.legacy-content .tok-fill {height:100%;border-radius:5px;transition:width .6s ease}.legacy-content .tok-num {font-size:14px;font-weight:800;min-width:70px;text-align:right}.legacy-content .btn-sim {padding:10px 18px;border-radius:8px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s}.legacy-content .btn-primary {background:var(--purple);color:white}.legacy-content .btn-reset {background:var(--surface2);color:var(--sub);border:1px solid var(--border)}.legacy-content .compress-wrap {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .doc-box {flex:1;border:1.5px solid var(--border);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.75;color:var(--sub);overflow-y:auto;background:var(--surface);max-height:380px}.legacy-content .doc-box .keep {color:var(--text);font-weight:500}.legacy-content .doc-box .drop {color:rgba(220,38,38,.35);text-decoration:line-through;transition:all .4s}.legacy-content .doc-box .drop.hidden {display:none}.legacy-content .compress-ctrl {display:flex;flex-direction:column;gap:8px}.legacy-content .slider-row {display:flex;align-items:center;gap:10px}.legacy-content .slider-label {font-size:14px;font-weight:700;color:var(--muted);white-space:nowrap}.legacy-content input[type=range] {flex:1;-webkit-appearance:none;height:6px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--purple) 0%,var(--purple) var(--pct,30%),var(--surface2) var(--pct,30%))}.legacy-content input[type=range]::-webkit-slider-thumb {-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--purple);box-shadow:0 2px 6px rgba(91,79,207,.35);cursor:pointer}.legacy-content .attn-wrap {display:flex;flex-direction:column;gap:8px}.legacy-content .attn-prompt {display:flex;flex-direction:column;gap:6px}.legacy-content .attn-seg {display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:9px;border:2px solid transparent;cursor:grab;transition:all .3s;user-select:none}.legacy-content .attn-seg:active {cursor:grabbing;transform:scale(0.98)}.legacy-content .attn-label {font-size:14px;font-weight:800;min-width:90px;flex-shrink:0}.legacy-content .attn-content {font-size:14px;color:var(--sub);flex:1;line-height:1.4}.legacy-content .attn-heat {width:70px;height:26px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;transition:all .4s}.legacy-content .attn-note {font-size:13px;padding:9px 12px;border-radius:8px;text-align:center;font-weight:600}.legacy-content .stat-row {display:flex;gap:8px;flex-wrap:wrap}.legacy-content .stat-box {flex:1;min-width:120px;border-radius:8px;padding:10px;text-align:center}.legacy-content .stat-box .sv {font-size:24px;font-weight:900;transition:all .4s}.legacy-content .stat-box .sl {font-size:12px;font-weight:700;margin-top:1px}.legacy-content .stat-box.good {background:rgba(22,163,74,.07);border:1px solid rgba(22,163,74,.2)}.legacy-content .stat-box.good .sv {color:var(--green)}.legacy-content .stat-box.bad {background:rgba(220,38,38,.07);border:1px solid rgba(220,38,38,.2)}.legacy-content .stat-box.bad .sv {color:var(--red)}.legacy-content .stat-box.neutral {background:var(--surface);border:1px solid var(--border)}.legacy-content .stat-box.neutral .sv {color:var(--purple)}.legacy-content .sl {color:var(--muted)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}.legacy-content .pop {animation:pop .3s ease}@media (max-width:768px){.legacy-content .fewshot-wrap, .legacy-content .compress-wrap {grid-template-columns:1fr}.legacy-content .case-pool, .legacy-content .prompt-box, .legacy-content .doc-box {max-height:280px}.legacy-content .attn-label {min-width:76px;font-size:13px}.legacy-content .attn-content {font-size:13px}.legacy-content .stat-box .sv {font-size:20px}}