@keyframes _si{to{opacity:1}}.legacy-content .lesson-header h1 em {font-style:normal;color:var(--amber)}.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-q {background:rgba(217,119,6,.12);color:var(--amber)}.legacy-content .badge-c {background:rgba(0,102,255,.12);color:var(--accent)}.legacy-content .badge-t {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 .demo-col {display:flex;flex-direction:column;gap:14px}.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:5px;line-height:1.7}.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:16px 18px}.legacy-content .card-title {font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}.legacy-content .cmp {display:grid;grid-template-columns:1fr 1fr;gap:10px}.legacy-content .cmp-col {border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.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-col.neutral {background:rgba(0,102,255,.04);border:1.5px solid rgba(0,102,255,.15)}.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-col.neutral .cmp-head {color:var(--accent)}.legacy-content .cmp-body {font-size:14px;color:var(--sub);line-height:1.7}.legacy-content .cmp-body b {color:var(--text)}.legacy-content .stats {display:flex;gap:10px;flex-shrink:0}.legacy-content .stat {flex:1;border-radius:10px;padding:11px 14px;text-align:center}.legacy-content .stat .sv {font-size:24px;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.amber-s {background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.2)}.legacy-content .stat.amber-s .sv {color:var(--amber)}.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:14px;line-height:1.65;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.amber {background:rgba(217,119,6,.07);border:1px solid rgba(217,119,6,.22);color:var(--amber)}.legacy-content .tip.blue {background:rgba(0,102,255,.06);border:1px solid rgba(0,102,255,.2);color:var(--accent)}.legacy-content .tip.red {background:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.2);color:var(--red)}.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 .scatter-wrap {position:relative;border-radius:12px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.legacy-content .scatter-canvas {display:block;width:100%;height:100%}.legacy-content .scatter-label-x {position:absolute;bottom:6px;right:12px;font-size:11px;font-weight:700;color:var(--muted)}.legacy-content .scatter-label-y {position:absolute;top:8px;left:8px;font-size:11px;font-weight:700;color:var(--muted);writing-mode:horizontal-tb}.legacy-content .axis-label-x {position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:12px;font-weight:800;color:var(--muted)}.legacy-content .axis-label-y {position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;color:var(--muted)}.legacy-content .scatter-tooltip {position:absolute;background:var(--text);color:white;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:700;pointer-events:none;white-space:nowrap;display:none;z-index:10;line-height:1.6}.legacy-content .bar-chart {display:flex;flex-direction:column;gap:7px}.legacy-content .bar-row {display:flex;align-items:center;gap:10px}.legacy-content .bar-name {font-size:13px;font-weight:700;color:var(--text);width:140px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-content .bar-track {flex:1;height:22px;background:rgba(0,0,0,.06);border-radius:5px;overflow:hidden;position:relative}.legacy-content .bar-fill {height:100%;border-radius:5px;display:flex;align-items:center;padding:0 8px;font-size:12px;font-weight:800;color:white;transition:width .5s ease;white-space:nowrap;min-width:0}.legacy-content .bar-val {font-size:12px;font-weight:700;color:var(--sub);width:56px;text-align:right;flex-shrink:0}.legacy-content .calc-row {display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.legacy-content .calc-field {display:flex;flex-direction:column;gap:5px}.legacy-content .calc-field label {font-size:11px;font-weight:700;color:var(--sub)}.legacy-content .calc-input {border:1.5px solid var(--border);border-radius:8px;padding:7px 10px;font-size:14px;font-weight:700;color:var(--text);background:var(--bg);font-family:inherit;outline:none;transition:border-color .2s;width:100%}.legacy-content .calc-input:focus {border-color:var(--accent)}.legacy-content .calc-result-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}.legacy-content .cres {background:var(--bg);border-radius:10px;padding:10px 12px;text-align:center}.legacy-content .cres .cr-name {font-size:11px;color:var(--sub);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legacy-content .cres .cr-val {font-size:17px;font-weight:900;color:var(--text)}.legacy-content .cres.best .cr-val {color:var(--green)}.legacy-content .cres .cr-score {font-size:11px;color:var(--muted);margin-top:2px}@keyframes row-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.legacy-content .row-in {animation:row-in .3s ease}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.06)}100%{transform:scale(1)}}.legacy-content .pop {animation:pop .3s ease}.legacy-content .scatter-wrap {height:380px}@media (max-width:768px){.legacy-content .cmp {grid-template-columns:1fr}.legacy-content .scatter-wrap {height:280px}.legacy-content .calc-row {grid-template-columns:1fr}.legacy-content .calc-result-grid {grid-template-columns:repeat(2,1fr)}.legacy-content .stats {flex-wrap:wrap}.legacy-content .bar-name {width:90px;font-size:12px}.legacy-content .demo-heading h3 {font-size:18px}}