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

.legacy-content .lesson-header .kicker {color:var(--vibe)}.legacy-content .desc {font-size:16px;color:var(--sub);line-height:1.8}.legacy-content .acc-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.legacy-content .acc-num {display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(13,148,136,.1);color:var(--vibe);font-size:13px;font-weight:800;margin-bottom:8px}.legacy-content .acc-grid h3 {font-size:16px;font-weight:800;margin-bottom:4px}.legacy-content .acc-grid p {font-size:14px;color:var(--sub);line-height:1.7}.legacy-content .tl-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.legacy-content .vis-wrap {background:var(--card);border:1.5px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.legacy-content .vis-wrap.tl-bad {border-color:rgba(220,38,38,.3)}.legacy-content .vis-wrap.tl-good {border-color:rgba(13,148,136,.35)}.legacy-content .vis-bar {padding:10px 16px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02);display:flex;align-items:center;justify-content:space-between;gap:10px}.legacy-content .vis-bar-title {font-size:14px;font-weight:800}.legacy-content .tl-bad .vis-bar-title {color:var(--danger)}.legacy-content .tl-good .vis-bar-title {color:var(--vibe)}.legacy-content .vis-body {min-height:300px;max-height:420px;padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.legacy-content .msg {padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.65;opacity:0;transform:translateY(8px);transition:all .35s ease;flex-shrink:0}.legacy-content .msg.show {opacity:1;transform:translateY(0)}.legacy-content .msg.user {background:rgba(8,145,178,.1);color:var(--cyan)}.legacy-content .msg.ai {background:rgba(0,0,0,.05);color:var(--text)}.legacy-content .msg.step {background:rgba(13,148,136,.08);color:var(--vibe-deep)}.legacy-content .msg.warning {background:rgba(220,38,38,.08);color:var(--danger);font-weight:600}.legacy-content .msg.ok {background:rgba(22,163,74,.09);color:var(--success);font-weight:600}.legacy-content .ctrl-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.legacy-content .btn {padding:11px 24px;border-radius:9px;font-size:15px;font-weight:700;border:none;cursor:pointer;font-family:inherit;transition:all .2s;min-height:44px}.legacy-content .btn-p {background:var(--vibe);color:#fff}.legacy-content .btn-p:hover {filter:brightness(1.08)}.legacy-content .btn-p:disabled {opacity:.35;cursor:not-allowed}.legacy-content .btn-r {background:rgba(0,0,0,.05);color:var(--sub);border:1px solid var(--border)}.legacy-content .hint {font-size:13px;color:var(--sub)}.legacy-content .inj-list {display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:12px}.legacy-content .inj-btn {display:flex;flex-direction:column;gap:3px;padding:13px 16px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;transition:all .2s;font-family:inherit;text-align:left;width:100%;min-height:44px;box-shadow:var(--shadow-card)}.legacy-content .inj-btn:hover {border-color:rgba(0,0,0,.15)}.legacy-content .inj-btn.active {border-color:var(--vibe);background:rgba(13,148,136,.05)}.legacy-content .inj-btn h4 {font-size:15px;font-weight:800;color:var(--text)}.legacy-content .inj-btn.active h4 {color:var(--vibe)}.legacy-content .inj-btn p {font-size:13px;color:var(--sub);line-height:1.5}.legacy-content .inj-stage {display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}.legacy-content .inj-tile {border-radius:12px;padding:14px 16px;border:1.5px solid var(--border);background:var(--card);transition:all .25s}.legacy-content .inj-tile .it-when {font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--sub);margin-bottom:6px}.legacy-content .inj-tile .it-state {font-size:17px;font-weight:800;margin-bottom:4px}.legacy-content .inj-tile .it-note {font-size:13px;color:var(--sub);line-height:1.6}.legacy-content .inj-tile.st-ok {border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.05)}.legacy-content .inj-tile.st-ok .it-state {color:var(--success)}.legacy-content .inj-tile.st-bad {border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.04)}.legacy-content .inj-tile.st-bad .it-state {color:var(--danger)}.legacy-content .inj-tile.st-warn {border-color:rgba(217,119,6,.35);background:rgba(217,119,6,.05)}.legacy-content .inj-tile.st-warn .it-state {color:var(--amber)}.legacy-content .inj-verdict {margin-top:12px;font-size:15px;line-height:1.7;color:var(--text);background:rgba(13,148,136,.05);border:1.5px solid rgba(13,148,136,.2);border-radius:12px;padding:13px 17px}.legacy-content .inj-verdict b {color:var(--vibe)}.legacy-content pre {margin:12px 0 0;padding:16px 18px;overflow:auto;border:1.5px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:13px;line-height:1.65}.legacy-content pre code {padding:0;background:none;color:var(--muted)}.legacy-content code {color:var(--vibe-deep);background:rgba(13,148,136,.08)}.legacy-content .vibe-callout {background:rgba(13,148,136,.05);border:1.5px solid rgba(13,148,136,.25);border-radius:14px;padding:18px 22px}.legacy-content .vibe-callout b {color:var(--vibe)}.legacy-content .src-note {margin-top:28px;font-size:13px;color:var(--sub)}.legacy-content .src-note a {color:var(--vibe-deep)}.legacy-content .repo-cta {display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,rgba(13,148,136,.06),var(--card));border:1.5px solid rgba(13,148,136,.35);border-radius:14px;padding:20px 22px;flex-wrap:wrap}.legacy-content .repo-cta .repo-ic {width:42px;height:42px;flex-shrink:0;color:var(--text)}.legacy-content .repo-cta .repo-txt {flex:1;min-width:220px}.legacy-content .repo-cta h3 {font-size:16px;font-weight:800;margin-bottom:4px}.legacy-content .repo-cta h3 span {color:var(--vibe-deep)}.legacy-content .repo-cta .repo-txt p {font-size:13.5px;color:var(--sub);line-height:1.7}.legacy-content .repo-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--vibe);color:#fff;font-size:15px;font-weight:700;padding:12px 24px;border-radius:9px;text-decoration:none;min-height:44px;transition:filter .2s,transform .15s;flex-shrink:0}.legacy-content .repo-btn:hover {filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:768px){.legacy-content .repo-cta {flex-direction:column;align-items:flex-start}.legacy-content .repo-btn {width:100%}}@media (max-width:768px){.legacy-content .acc-grid, .legacy-content .tl-grid, .legacy-content .inj-list, .legacy-content .inj-stage {grid-template-columns:1fr}.legacy-content .vis-body {min-height:220px}}

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