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

.legacy-content .lesson-header .kicker {color:var(--vibe)}.legacy-content a {color:var(--vibe-deep)}.legacy-content code {color:var(--vibe-deep);background:rgba(13,148,136,.08)}.legacy-content .l-callout {background:rgba(13,148,136,.04);border-color:var(--vibe-line)}.legacy-content .l-callout b {color:var(--vibe)}.legacy-content .desc {font-size:15px;color:var(--sub);line-height:1.8;margin-bottom:12px}.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:12.5px;line-height:1.7}.legacy-content pre code {background:none;padding:0;color:var(--muted)}.legacy-content .demo-hd {font-size:13px;font-weight:800;color:var(--sub);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}.legacy-content .btn {padding:11px 22px;border-radius:10px;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-r {background:rgba(0,0,0,.05);color:var(--sub);border:1.5px solid var(--border)}.legacy-content .ctrl-row {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.legacy-content .hint {font-size:13px;color:var(--sub)}.legacy-content .ime-input {width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;background:var(--bg);color:var(--text);outline:none;min-height:44px;transition:border-color .15s}.legacy-content .ime-input:focus {border-color:var(--vibe)}.legacy-content .ime-state {display:flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:700;color:var(--sub);flex-wrap:wrap}.legacy-content .flag {padding:3px 13px;border-radius:999px;font-family:"SF Mono",Menlo,monospace;font-size:13px;font-weight:800;border:1.5px solid var(--border);background:rgba(0,0,0,.04);color:var(--sub);transition:all .15s}.legacy-content .flag.on {border-color:rgba(217,119,6,.4);background:rgba(217,119,6,.1);color:var(--amber)}.legacy-content .ime-log {display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:280px;overflow-y:auto}.legacy-content .ime-entry {padding:10px 13px;border:1.5px solid var(--border);border-radius:10px;background:rgba(0,0,0,.02);font-size:13.5px;line-height:1.7}.legacy-content .ime-entry .ihd {font-weight:800;font-family:"SF Mono",Menlo,monospace;font-size:12.5px;margin-bottom:3px}.legacy-content .ime-entry .ihd.warm {color:var(--amber)}.legacy-content .ime-entry .ihd.cool {color:var(--vibe-deep)}.legacy-content .j-bad {color:var(--danger);display:block}.legacy-content .j-good {color:var(--success);display:block}.legacy-content .j-mid {color:var(--sub);display:block}.legacy-content .ime-note {margin:0;padding:0;font-size:13.5px;color:var(--sub);line-height:1.85;padding-left:20px}.legacy-content .ime-note li+li {margin-top:4px}.legacy-content .scn-list {display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.legacy-content .scn-btn {display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px 15px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;font-family:inherit;text-align:left;min-height:44px;transition:all .2s}.legacy-content .scn-btn:hover {border-color:rgba(0,0,0,.18)}.legacy-content .scn-btn.active {border-color:var(--vibe);background:var(--vibe-soft)}.legacy-content .scn-btn h4 {font-size:15px;font-weight:800;color:var(--text)}.legacy-content .scn-btn.active h4 {color:var(--vibe-deep)}.legacy-content .scn-btn p {font-size:12.5px;color:var(--sub);margin:0}.legacy-content .fmt-q {margin-top:16px;padding:13px 16px;border:1.5px solid var(--border);border-radius:10px;background:rgba(0,0,0,.025);font-size:15px;line-height:1.7}.legacy-content .fmt-row {display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.legacy-content .fmt-btn {padding:11px 28px;border-radius:10px;border:1.5px solid var(--border);background:var(--card);font-family:"SF Mono",Menlo,monospace;font-size:15px;font-weight:800;color:var(--text);cursor:pointer;min-height:44px;transition:all .2s}.legacy-content .fmt-btn:hover {border-color:rgba(0,0,0,.18)}.legacy-content .fmt-btn.right {border-color:rgba(22,163,74,.5);background:rgba(22,163,74,.07);color:var(--success)}.legacy-content .fmt-btn.wrong {border-color:rgba(220,38,38,.45);background:rgba(220,38,38,.06);color:var(--danger)}.legacy-content .fmt-verdict {display:none;margin-top:12px;padding:13px 16px;border-radius:10px;font-size:14px;line-height:1.75;border:1.5px solid var(--border)}.legacy-content .fmt-verdict.ok {display:block;border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.05)}.legacy-content .fmt-verdict.no {display:block;border-color:rgba(220,38,38,.32);background:rgba(220,38,38,.045)}.legacy-content .fmt-verdict b {color:var(--text)}.legacy-content .hell-wrap {display:none;margin-top:14px}.legacy-content .hell-wrap.show {display:block}.legacy-content .hell-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px}.legacy-content .hell-grid .hh {font-size:13px;font-weight:800;margin-bottom:2px}.legacy-content .hell-grid .hh.bad {color:var(--danger)}.legacy-content .hell-grid .hh.good {color:var(--success)}.legacy-content .hell-grid pre {margin-top:6px;font-size:11.5px}.legacy-content .fact-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.legacy-content .fact-grid h3, .legacy-content .stack-cols h3 {font-size:15.5px;font-weight:800;margin-bottom:5px}.legacy-content .fact-grid p {font-size:13.5px;color:var(--sub);line-height:1.75}.legacy-content .fact-tag {display:inline-block;margin-bottom:8px;padding:2px 10px;border:1px solid var(--vibe-line);border-radius:999px;background:var(--vibe-soft);color:var(--vibe-deep);font-family:"SF Mono",Menlo,monospace;font-size:11px;font-weight:800;letter-spacing:.04em}.legacy-content .stack-cols ul {margin:0;padding-left:20px;font-size:13.5px;color:var(--sub);line-height:1.85}@media (max-width:768px){.legacy-content .scn-list, .legacy-content .fact-grid, .legacy-content .hell-grid {grid-template-columns:1fr}}

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