.learn{--l-bg: oklch(.135 .014 272);--l-bg-2: oklch(.16 .016 270);--l-surface: oklch(.19 .016 270);--l-surface-2: oklch(.235 .018 270);--l-surface-3: oklch(.28 .02 270);--l-line: oklch(.42 .025 270 / .42);--l-line-soft: oklch(.42 .025 270 / .22);--l-ink: oklch(.96 .006 270);--l-ink-2: oklch(.84 .012 270);--l-quiet: oklch(.7 .014 270);--l-faint: oklch(.56 .016 270);--l-cyan: oklch(.85 .135 195);--l-violet: oklch(.64 .21 293);--l-blue: oklch(.66 .19 258);--l-green: oklch(.8 .17 155);--l-green-ink: oklch(.86 .15 155);--l-red: oklch(.7 .19 25);--l-red-ink: oklch(.8 .13 25);--l-amber: oklch(.84 .16 75);--l-ease: cubic-bezier(.16, 1, .3, 1);--l-ease-quint: cubic-bezier(.22, 1, .36, 1);--l-ease-quart: cubic-bezier(.25, 1, .5, 1);--l-radius: 18px;--l-radius-sm: 12px;--l-mono: ui-monospace, "Cascadia Code", "SF Mono", "JetBrains Mono", Menlo, Consolas, "Liberation Mono", monospace;color:var(--l-ink);-webkit-tap-highlight-color:transparent}.learn :where(h1,h2,h3,h4){color:var(--l-ink);letter-spacing:-.01em}.learn :where([dir=rtl],:root[dir=rtl] :scope){--l-leading: 1.95}.learn{--l-leading: 1.7}.learn .l-prose{line-height:var(--l-leading);color:var(--l-ink-2);font-size:1rem;max-width:68ch}.learn .l-prose :where(p+p,p+ul,ul+p,p+ol,ol+p){margin-top:.85em}.learn .l-prose :where(ul,ol){padding-inline-start:1.25em;display:grid;gap:.35em}.learn .l-prose ul{list-style:disc}.learn .l-prose ol{list-style:decimal}.learn .l-prose :where(li)::marker{color:var(--l-a, var(--l-cyan))}.learn .l-prose :where(strong){color:var(--l-ink);font-weight:650}.learn .l-prose :where(a){color:var(--l-a, var(--l-cyan));text-decoration:underline;text-underline-offset:3px}.learn :where(.l-prose,.l-inline) code{font-family:var(--l-mono);font-size:.88em;padding:.12em .42em;border-radius:6px;background:#282d3db3;color:#b6f1f4;unicode-bidi:isolate;white-space:break-spaces}.learn :where(.l-prose,.l-inline) kbd{font-family:var(--l-mono);font-size:.8em;padding:.1em .45em;border-radius:6px;border:1px solid var(--l-line);border-bottom-width:2px;background:var(--l-surface-2);unicode-bidi:isolate}.learn .kbd-plus{padding-inline:.2em;color:var(--l-faint)}.learn .t-kw{color:#cc9fff;color:oklch(.78 .15 305)}.learn .t-ty{color:#55e3e3}.learn .t-fn{color:#f8cf68}.learn .t-st{color:#7ade8b}.learn .t-nu{color:#ffaf78;color:oklch(.82 .14 55)}.learn .t-co{color:#7d8699;font-style:italic}.learn .t-bi{color:#ff9495;color:oklch(.79 .16 20)}.learn .t-at{color:#80c5ff;color:oklch(.8 .12 245)}.learn .t-tg{color:#ff8d8b;color:oklch(.77 .15 22)}.learn .t-an{color:#f2c777}.learn .t-va{color:#fca6e9}.learn .t-pr{color:#77d2f5}.learn .t-pu{color:#9ea5b2}.learn .l-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:0 1.4rem;border-radius:14px;font-weight:650;font-size:.98rem;line-height:1;transition:transform .16s var(--l-ease),background-color .2s var(--l-ease),box-shadow .2s var(--l-ease),color .2s var(--l-ease);touch-action:manipulation;-webkit-user-select:none;user-select:none}.learn .l-btn:focus-visible{outline:2px solid var(--l-cyan);outline-offset:3px}.learn .l-btn:active:not(:disabled){transform:translateY(1px) scale(.985)}.learn .l-btn:disabled{cursor:not-allowed;opacity:.55}.learn .l-btn-primary{color:#0a0d16;background:var(--l-a, var(--l-cyan));box-shadow:0 0 0 1px #ffffff14 inset,0 8px 24px -10px var(--l-a, var(--l-cyan))}.learn .l-btn-primary:hover:not(:disabled){background:color-mix(in oklch,var(--l-a, var(--l-cyan)) 86%,white)}.learn .l-btn-quiet{color:var(--l-ink);background:var(--l-surface-2);box-shadow:0 0 0 1px var(--l-line) inset}.learn .l-btn-quiet:hover:not(:disabled){background:var(--l-surface-3)}.learn .l-btn-ghost{color:var(--l-ink-2);background:transparent}.learn .l-btn-ghost:hover:not(:disabled){color:var(--l-ink);background:#ffffff0d}.learn .l-icon-btn{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;border-radius:12px;color:var(--l-ink-2);transition:background-color .16s var(--l-ease),color .16s var(--l-ease)}.learn .l-icon-btn:hover{color:var(--l-ink);background:#ffffff0f}.learn .l-icon-btn:focus-visible{outline:2px solid var(--l-cyan);outline-offset:2px}.learn .l-eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--l-a, var(--l-cyan))}:root[dir=rtl] .learn .l-eyebrow{letter-spacing:0;font-size:.82rem}.learn .l-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:28px;padding:0 .7rem;border-radius:999px;font-size:.78rem;font-weight:600;color:var(--l-ink-2);background:#ffffff0d;box-shadow:0 0 0 1px var(--l-line-soft) inset;white-space:nowrap}.learn .l-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes l-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes l-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes l-draw{to{stroke-dashoffset:0}}@keyframes l-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.learn .l-rise{animation:l-rise .56s var(--l-ease) both;animation-delay:calc(var(--l-i, 0) * 55ms)}@media(prefers-reduced-motion:reduce){.learn .l-rise{animation:none}}@property --l-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --l-fill{syntax: "<number>"; inherits: false; initial-value: 0;}