:root{--learn-accent:#ff9a2e;--learn-accent-soft:#ff9a2e29;--learn-ok:var(--color-success,#30a46c);--learn-bad:var(--color-danger,#e5484d);--learn-alt:#6aa9ff}body.learn-on [data-learn]{outline-offset:3px;cursor:help;border-radius:6px;outline:1px dashed #ff9a2ebf}body.learn-on [data-learn]:hover,body.learn-on [data-learn]:focus-visible{outline-style:solid}.tbi.tbi--on{color:var(--learn-accent);background:var(--learn-accent-soft)}.learn-pop{z-index:2147483000;border:1px solid var(--color-border-soft,#7f7f7f40);background:var(--color-surface,#16110d);border-radius:14px;max-height:min(560px,100vh - 24px);animation:.16s ease-out learn-pop-in;position:fixed;overflow:auto;box-shadow:0 18px 48px #00000059}@keyframes learn-pop-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.learn-card{color:var(--color-text-primary,inherit);gap:10px;padding:14px 16px;display:grid}.learn-card header{gap:4px;display:grid}.learn-card h3{margin:0;font-size:15px;font-weight:650}.learn-card__track{letter-spacing:.04em;text-transform:uppercase;color:var(--learn-accent);font-size:11px;font-weight:600}.learn-card__summary{color:var(--color-text-secondary,inherit);margin:0;font-size:13px;line-height:1.5}.learn-card__points{gap:6px;margin:0;padding-left:18px;font-size:12.5px;line-height:1.5;display:grid}.learn-card__in{background:var(--learn-accent-soft);border-radius:9px;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.5}.learn-card__in strong{color:var(--learn-accent);margin-right:6px}.learn-card__actions{flex-wrap:wrap;gap:6px;display:flex}.learn-card__related{color:var(--color-text-muted,inherit);margin:0;font-size:12px}.learn-card--compact .learn-card__points{font-size:12px}.learn-btn{border:1px solid var(--color-border-soft,#7f7f7f4d);height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex}.learn-btn:hover{background:var(--color-surface-hover,#7f7f7f1f)}.learn-btn--accent{background:var(--learn-accent);color:#1a0f05;border-color:#0000}.learn-btn--accent:hover{background:var(--learn-accent);filter:brightness(1.07)}.learn-link{color:var(--learn-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.learn-link:hover{text-decoration:underline}.learn-diagram{background:color-mix(in srgb, var(--color-bg,#0f0b08) 70%, transparent);border-radius:10px;width:100%;height:auto;display:block}.learn-diagram text{font:500 10.5px/1 var(--font-sans,system-ui, sans-serif);fill:var(--color-text-primary,#f5ece2)}.learn-diagram .ld-sub,.learn-diagram .ld-t--muted{fill:var(--color-text-muted,#a8998b);font-size:9px}.learn-diagram .ld-t--ok{fill:var(--learn-ok);font-weight:600}.learn-diagram .ld-t--bad{fill:var(--learn-bad);font-weight:600}.learn-diagram .ld-t--accent{fill:var(--learn-accent);font-weight:600}.ld-box rect{fill:var(--color-surface,#1d1611);stroke:var(--color-border,#ffffff2e);stroke-width:1px}.ld-box--accent rect{stroke:var(--learn-accent);fill:var(--learn-accent-soft)}.ld-box--ok rect{stroke:var(--learn-ok)}.ld-box--bad rect{stroke:var(--learn-bad);stroke-dasharray:3 3}.ld-box--muted rect{opacity:.5}.ld-arrow{fill:none;stroke:var(--color-text-muted,#a8998b);stroke-width:1.2px;opacity:.8}.ld-arrow--dashed{stroke-dasharray:3 3}.ld-head{fill:var(--color-text-muted,#a8998b)}.ld-dot{fill:var(--learn-accent);filter:drop-shadow(0 0 3px #ff9a2eb3)}.ld-dot--ok{fill:var(--learn-ok);filter:none}.ld-dot--bad{fill:var(--learn-bad);filter:none}.ld-dot--alt{fill:var(--learn-alt);filter:none}.ld-bucket{fill:var(--learn-accent-soft);stroke:var(--learn-accent);stroke-width:1.2px}.ld-token{fill:var(--learn-accent)}.ld-cell{fill:var(--color-surface,#1d1611);stroke:var(--color-border,#ffffff2e)}.ld-table rect,.ld-doc rect{fill:var(--color-surface,#1d1611);stroke:var(--color-border,#fff3)}.ld-brace{fill:none;stroke:var(--learn-accent);stroke-width:1.2px}.ld-user{fill:var(--color-text-muted,#a8998b)}.ld-user--a{fill:var(--learn-accent)}.ld-user--b{fill:var(--learn-alt)}.ld-funnel,.ld-row--a{fill:var(--learn-accent-soft);stroke:var(--learn-accent)}.ld-row--b{fill:#6aa9ff24;stroke:var(--learn-alt)}.ld-axis{stroke:var(--color-text-muted,#a8998b);stroke-width:1.2px}.ld-snap{fill:var(--color-text-muted,#a8998b);opacity:.6}.ld-now{fill:var(--learn-ok)}.ld-chip rect,.ld-hub{fill:var(--learn-accent-soft);stroke:var(--learn-accent)}.ld-pt{fill:var(--color-text-muted,#a8998b);opacity:.7}.ld-pt--near{fill:var(--learn-accent);opacity:1}.ld-star{fill:var(--learn-alt)}.ld-ring{fill:none;stroke:var(--learn-alt)}.ld-line{fill:var(--color-text-muted,#a8998b);opacity:.6}.ld-spark{fill:none;stroke:var(--learn-accent);stroke-width:1.6px}.ld-bar{fill:var(--color-text-muted,#a8998b);opacity:.5}.ld-bar--hot{fill:var(--learn-accent);opacity:1}.learn-page{height:100%;min-height:0;overflow:auto}.learn-page__inner{gap:18px;max-width:1180px;margin:0 auto;padding:24px 24px 48px;display:grid}.learn-page__head{gap:6px;display:grid}.learn-page__head h1{margin:0;font-size:22px}.learn-page__head p{color:var(--color-text-secondary,inherit);max-width:70ch;margin:0;line-height:1.55}.learn-page__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learn-page__bar input{border:1px solid var(--color-border-soft,#7f7f7f4d);background:var(--color-surface,transparent);min-width:240px;height:34px;color:inherit;font:inherit;border-radius:9px;padding:0 12px}.learn-chip{border:1px solid var(--color-border-soft,#7f7f7f4d);height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:12.5px}.learn-chip[aria-pressed=true]{background:var(--learn-accent);color:#1a0f05;border-color:#0000;font-weight:600}.learn-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.learn-grid .learn-card{border:1px solid var(--color-border-soft,#7f7f7f40);background:var(--color-surface,transparent);border-radius:14px}.learn-grid .is-focus-wrap .learn-card{border-color:var(--learn-accent);box-shadow:0 0 0 3px var(--learn-accent-soft)}@media (width<=640px){.learn-page__inner{padding:16px 16px 40px}.learn-page__bar input{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.learn-pop{animation:none}}.learn-chips{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 2px;display:flex}.learn-chips__label{color:var(--learn-accent);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.learn-chips .learn-chip{height:26px;font-size:12px}.learn-chips__card{border:1px solid var(--color-border-soft,#7f7f7f40);background:var(--color-surface,transparent);border-radius:12px;flex-basis:100%}