.learn-root{--learn-term:#11111b;--learn-glow:color-mix(in oklab,var(--brand-a)40%,transparent);--learn-cmd:#2e7d32;background:var(--color-fd-background);color:var(--color-fd-foreground)}.learn-root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--learn-cmd:#9ece6a;--brand-a:#bb9af7;--brand-b:#7aa2f7}.learn-gradient-text{background:linear-gradient(90deg,var(--brand-a),var(--brand-b));color:#0000;-webkit-background-clip:text;background-clip:text}.lk{--lk-edge:color-mix(in oklab,var(--color-fd-border)70%,black 30%);border:1px solid var(--color-fd-border);background:linear-gradient(180deg,color-mix(in oklab,var(--color-fd-card)80%,white 10%),var(--color-fd-card));min-width:2.6rem;height:2.6rem;box-shadow:0 4px 0 0 var(--lk-edge),0 8px 14px -6px #00000073;font-family:var(--font-mono);color:var(--color-fd-foreground);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:.6rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.95rem;font-weight:600;line-height:1;transition:transform 70ms ease-out,box-shadow 70ms ease-out,background .14s,color .14s,border-color .14s;display:inline-flex;transform:translateY(0)}.lk[data-size=sm]{min-width:1.7rem;height:1.7rem;box-shadow:0 2px 0 0 var(--lk-edge);border-radius:.4rem;padding:0 .45rem;font-size:.75rem}.lk[data-size=xl]{min-width:3.4rem;height:3.4rem;box-shadow:0 5px 0 0 var(--lk-edge),0 12px 18px -8px #00000080;border-radius:.75rem;padding:0 1rem;font-size:1.15rem}.lk[data-done]{border-color:color-mix(in oklab,var(--brand-a)60%,transparent);background:color-mix(in oklab,var(--brand-a)16%,var(--color-fd-card));color:var(--color-fd-foreground)}.lk[data-held]{border-color:var(--brand-a);background:linear-gradient(180deg,var(--brand-a),var(--brand-b));color:#fff;box-shadow:0 1px 0 0 var(--lk-edge),0 0 22px 0 var(--learn-glow);transform:translateY(3px)}.lk[data-size=xl][data-held]{transform:translateY(4px)}.lk[data-next]{animation:1.2s ease-in-out infinite lk-pulse}@keyframes lk-pulse{0%,to{box-shadow:0 4px 0 0 var(--lk-edge),0 0 0 0 var(--learn-glow)}50%{box-shadow:0 4px 0 0 var(--lk-edge),0 0 0 6px color-mix(in oklab,var(--brand-a)25%,transparent)}}.learn-badge{animation:.35s cubic-bezier(.2,.9,.3,1.3) badge-flip}@keyframes badge-flip{0%{opacity:.2;transform:rotateX(80deg)scale(.9)}to{opacity:1;transform:none}}.learn-pop{animation:.45s cubic-bezier(.2,.9,.3,1.4) both learn-pop}@keyframes learn-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.learn-slide{animation:.4s ease-out both learn-slide}@keyframes learn-slide{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.learn-fade{animation:.35s ease-out both fade-up}.learn-glow{animation:1.6s ease-in-out infinite learn-glow}@keyframes learn-glow{0%,to{box-shadow:0 0 0 0 var(--learn-glow)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--brand-a)22%,transparent)}}.learn-stage{background:var(--learn-term);border:1px solid color-mix(in oklab,var(--color-fd-border)80%,black);box-shadow:0 30px 80px -30px color-mix(in oklab,var(--brand-a)45%,transparent),0 0 0 1px #ffffff05 inset}.learn-stage[data-focused]{border-color:color-mix(in oklab,var(--brand-a)70%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-a)25%,transparent),0 30px 80px -30px color-mix(in oklab,var(--brand-a)55%,transparent)}.learn-stage .learn-term{--webterm-background:var(--learn-term);flex-direction:column;justify-content:safe center;display:flex;inset:10px;width:auto!important;height:auto!important;position:absolute!important}.learn-stage .learn-term>.xterm{flex:none}.bsp-pane{padding:4px;transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),opacity .4s,border-color .3s;position:absolute}.bsp-pane>div{border:1.5px solid color-mix(in oklab,var(--pane)45%,transparent);background:color-mix(in oklab,var(--pane)7%,#11111b);border-radius:8px;height:100%;position:relative;overflow:hidden}.bsp-pane[data-focus]>div{border-color:var(--pane);box-shadow:0 0 24px -4px color-mix(in oklab,var(--pane)60%,transparent)}.bsp-pane .bsp-line{background:color-mix(in oklab,var(--pane)35%,transparent);border-radius:3px;height:6px;margin:10px 12px 0}.bsp-cursor{background:var(--pane);width:8px;height:14px;margin:10px 12px 0;animation:1s step-end infinite bsp-blink;display:inline-block}@keyframes bsp-blink{50%{opacity:0}}.bsp-collapse .bsp-pane{opacity:0}.learn-float{animation:5s ease-in-out infinite learn-float}@keyframes learn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.lk,.bsp-pane{transition:none}.lk[data-held]{transform:none}.lk[data-next],.learn-badge,.learn-pop,.learn-slide,.learn-glow,.learn-float,.learn-fade,.bsp-cursor{animation:none}}.ex-detach-panes{animation:4.5s ease-in-out infinite ex-detach}@keyframes ex-detach{0%,30%{opacity:1;transform:scale(1)}42%,72%{opacity:.2;transform:translateY(52px)scale(.18)}85%,to{opacity:1;transform:scale(1)}}.ex-detach-daemon{animation:4.5s ease-in-out infinite ex-daemon}@keyframes ex-daemon{0%,30%,85%,to{box-shadow:none}42%,72%{box-shadow:0 0 18px #9ece6a73}}.ex-detach-on{animation:4.5s step-end infinite ex-on}.ex-detach-off{opacity:0;animation:4.5s step-end infinite ex-off}@keyframes ex-on{0%,85%{opacity:1}36%{opacity:0}}@keyframes ex-off{0%{opacity:0}36%{opacity:1}85%{opacity:0}}.ex-packet{animation:1.4s linear infinite ex-packet}@keyframes ex-packet{0%{left:-25%}to{left:100%}}.ex-sync,.ex-dot{animation:1.2s step-end infinite bsp-blink}@media (prefers-reduced-motion:reduce){.ex-detach-panes,.ex-detach-daemon,.ex-detach-on,.ex-detach-off,.ex-packet,.ex-sync,.ex-dot{animation:none}}.ex-pop{animation:3.6s ease-out infinite both ex-pop}@keyframes ex-pop{0%{opacity:0;transform:scale(.6)}12%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.ex-scroll{animation:6s linear infinite ex-scroll}@keyframes ex-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.ex-pop,.ex-scroll{animation:none}}