@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 .doc-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px}.legacy-content .doc-grid h3 {font-size:16px;font-weight:800;margin-bottom:5px}.legacy-content .doc-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 .doc-grid p {font-size:13.5px;color:var(--sub);line-height:1.7}.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-p:disabled {opacity:.35;cursor:not-allowed}.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 .tri-wrap {background:var(--card);border:1.5px solid var(--border);border-radius:14px;overflow:hidden}.legacy-content .tri-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;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--sub)}.legacy-content .tri-bar .score {color:var(--vibe);font-weight:800}.legacy-content .tri-body {padding:18px}.legacy-content .tri-item {padding:14px 16px;border:1.5px solid var(--border);border-radius:10px;background:rgba(0,0,0,.025);font-size:15px;line-height:1.75}.legacy-content .tri-choices {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.legacy-content .tri-btn {display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:10px;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 .tri-btn:hover {border-color:rgba(0,0,0,.18)}.legacy-content .tri-btn b {font-family:"SF Mono",Menlo,monospace;font-size:13.5px;color:var(--text)}.legacy-content .tri-btn small {font-size:12px;color:var(--sub)}.legacy-content .tri-btn:disabled {cursor:default}.legacy-content .tri-btn.right {border-color:rgba(22,163,74,.5);background:rgba(22,163,74,.06)}.legacy-content .tri-btn.right b {color:var(--success)}.legacy-content .tri-btn.wrong {border-color:rgba(220,38,38,.45);background:rgba(220,38,38,.05)}.legacy-content .tri-btn.wrong b {color:var(--danger)}.legacy-content .tri-verdict {display:none;margin-top:12px;padding:13px 16px;border-radius:10px;font-size:14px;line-height:1.7;border:1.5px solid var(--border)}.legacy-content .tri-verdict.ok {display:block;border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.05)}.legacy-content .tri-verdict.no {display:block;border-color:rgba(220,38,38,.32);background:rgba(220,38,38,.045)}.legacy-content .tri-verdict b {color:var(--text)}.legacy-content .tri-final {text-align:center;padding:14px 0 6px}.legacy-content .tri-final .big {font-size:30px;font-weight:800;color:var(--vibe)}.legacy-content .tri-final p {font-size:14px;color:var(--sub);margin-top:6px;line-height:1.7}.legacy-content .feat-top {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.legacy-content .feat-name {font-size:17px;font-weight:800}.legacy-content .feat-brief {font-size:13.5px;color:var(--sub);margin-top:4px}.legacy-content .f-status {padding:4px 13px;border-radius:999px;font-size:13.5px;font-weight:800;border:1.5px solid var(--border);background:rgba(0,0,0,.04);color:var(--sub);transition:all .2s}.legacy-content .f-status.plan {border-color:rgba(217,119,6,.35);background:rgba(217,119,6,.08);color:var(--amber)}.legacy-content .f-status.dev {border-color:rgba(0,102,255,.3);background:rgba(0,102,255,.07);color:var(--accent)}.legacy-content .f-status.done {border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.08);color:var(--success)}.legacy-content .f-status.cancel {border-color:var(--border);background:rgba(0,0,0,.05);color:var(--sub)}.legacy-content .f-hist-hd {margin-top:18px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--sub)}.legacy-content .f-hist {display:flex;flex-direction:column;gap:6px;margin-top:8px}.legacy-content .f-rec {padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.02);font-family:"SF Mono",Menlo,monospace;font-size:12.5px;line-height:1.6;color:var(--text);opacity:0;transform:translateY(6px);transition:all .35s ease}.legacy-content .f-rec.show {opacity:1;transform:translateY(0)}.legacy-content .f-rec b {color:var(--vibe-deep)}.legacy-content .rn-box {border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--border)}.legacy-content .rn-box.bad {border-color:rgba(220,38,38,.3);background:rgba(220,38,38,.04)}.legacy-content .rn-box.good {border-color:rgba(22,163,74,.32);background:rgba(22,163,74,.04)}.legacy-content .rn-label {padding:10px 16px;font-size:14px;font-weight:800;border-bottom:1px solid rgba(0,0,0,.06)}.legacy-content .rn-box.bad .rn-label {color:var(--danger)}.legacy-content .rn-box.good .rn-label {color:var(--success)}.legacy-content .rn-box ul {margin:0;padding:12px 16px 14px 34px;font-size:13.5px;color:var(--sub);line-height:1.85}.legacy-content .mtd-grid {display:grid;grid-template-columns:1fr 1fr;gap:14px}.legacy-content .mtd-grid h3 {font-size:15.5px;font-weight:800;margin-bottom:6px}.legacy-content .mtd-grid ul {margin:0;padding-left:20px;font-size:13.5px;color:var(--sub);line-height:1.85}@media (max-width:768px){.legacy-content .doc-grid, .legacy-content .tri-choices, .legacy-content .mtd-grid {grid-template-columns:1fr}}