.bridge-programming .bg-type{stroke-dasharray:1;stroke-dashoffset:0}.bridge-robotics .bg-shoulder{transform-origin:24px 47px}.bridge-robotics .bg-elbow{transform-origin:36px 25px}.bridge-robotics .bg-jaw{transform-origin:49px 31px}.bridge-robotics .bg-jaw-top{rotate:-12deg}.bridge-robotics .bg-jaw-bottom{rotate:12deg}@media (prefers-reduced-motion:no-preference){.era-glyph[data-live] .bg-type{animation:4s steps(6,end) infinite bg-type}.era-glyph[data-live] .bg-cursor{animation:4s steps(6,end) infinite bg-cursor,.8s step-end infinite bg-blink}.era-glyph[data-live] .bg-out{animation:4s linear infinite bg-out}.era-glyph[data-live] .bg-layer{animation:2.4s ease-in-out infinite bg-fire}.era-glyph[data-live] .bg-layer-2{animation-delay:.3s}.era-glyph[data-live] .bg-layer-3{animation-delay:.6s}.era-glyph[data-live] .bg-shoulder{animation:3.6s ease-in-out infinite bg-reach}.era-glyph[data-live] .bg-elbow{animation:3.6s ease-in-out infinite bg-bend}.era-glyph[data-live] .bg-jaw-top{animation:3.6s ease-in-out infinite bg-grip-top}.era-glyph[data-live] .bg-jaw-bottom{animation:3.6s ease-in-out infinite bg-grip-bottom}}@keyframes bg-type{0%{stroke-dashoffset:1px}40%,to{stroke-dashoffset:0}}@keyframes bg-cursor{0%{translate:-16px}40%,to{translate:0}}@keyframes bg-blink{50%{opacity:0}}@keyframes bg-out{0%,46%{opacity:0}52%,92%{opacity:.45}to{opacity:0}}@keyframes bg-fire{0%,45%,to{opacity:.55}15%{opacity:1}}@keyframes bg-reach{0%,to{rotate:-8deg}50%{rotate:8deg}}@keyframes bg-bend{0%,to{rotate:14deg}50%{rotate:-10deg}}@keyframes bg-grip-top{0%,40%{rotate:-16deg}52%,88%{rotate:0deg}to{rotate:-16deg}}@keyframes bg-grip-bottom{0%,40%{rotate:16deg}52%,88%{rotate:0deg}to{rotate:16deg}}
.bento{counter-reset:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.bento>.tile{grid-template-rows:1fr auto auto auto;gap:6px;min-height:300px;display:grid;overflow:hidden}.bento h3{margin:0;font-size:clamp(1.125rem,1.5vw,1.3125rem);font-weight:700;line-height:1.3}.bento .muted{max-width:40ch;margin:0;font-size:1.0625rem;line-height:1.6}.bento-step{color:var(--os-go-ink);letter-spacing:.04em;margin-top:14px;font-size:.875rem;font-weight:800}.bento-sim{grid-area:span 2/span 4}.bento-notes,.bento-practice{grid-column:span 2}.bento-mentor,.bento-review{grid-column:span 3}.how-art{align-self:start;margin-bottom:8px}.bento-sim .how-art{align-self:center}@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-sim{grid-area:auto/1/auto/-1}.bento-notes,.bento-practice,.bento-mentor,.bento-review{grid-column:span 1}}@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.bento>.tile{min-height:0}.bento-notes,.bento-practice,.bento-mentor,.bento-review{grid-column:auto}}.how-art text{font-family:var(--os-font-body);text-anchor:middle;font-weight:750}.how-axis{fill:none;stroke:var(--os-line-2);stroke-width:2px;stroke-linecap:round}.how-sim{width:100%;height:auto;overflow:visible}.how-stage{fill:var(--os-panel-2);stroke:var(--os-line);stroke-width:1.5px}.how-q{fill:color-mix(in srgb, var(--sp-violet) 14%, var(--os-panel-2))}.how-q-mark{fill:var(--sp-violet-ink);font-size:17px}.how-chip rect{fill:var(--os-panel);stroke:var(--os-line-2);stroke-width:1.5px}.how-chip text{fill:var(--os-ink-2);font-size:14px}.how-chip-pick rect{animation:9s infinite how-pick}.how-chip-pick text{animation:9s infinite how-pick-text;translate:-6px}.how-chip-tick{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:9s infinite how-tick}@keyframes how-pick{0%,6%{fill:var(--os-panel);stroke:var(--os-line-2)}10%,62%{fill:var(--os-ink);stroke:var(--os-ink)}66%,86%{fill:var(--sp-green-ink);stroke:var(--sp-green-ink)}92%,to{fill:var(--os-panel);stroke:var(--os-line-2)}}@keyframes how-pick-text{0%,6%{fill:var(--os-ink-2)}10%,86%{fill:var(--os-hull)}92%,to{fill:var(--os-ink-2)}}@keyframes how-tick{0%,64%{stroke-dashoffset:1px;opacity:1}70%,86%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:0}}.how-graph-bg{fill:var(--os-panel)}.how-axis-label{fill:var(--os-ink-3);font-size:12px;font-style:italic}.how-vt{fill:none;stroke:var(--sp-violet);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1 1;animation:9s linear infinite how-vt}@keyframes how-vt{0%,23%{stroke-dashoffset:1px;opacity:0}24%{stroke-dashoffset:1px;opacity:1}58%,86%{stroke-dashoffset:0;opacity:1}90%,to{stroke-dashoffset:0;opacity:0}}.how-ramp{fill:var(--os-panel)}.how-ramp-top{stroke:var(--os-ink);stroke-width:3px;stroke-linecap:round}.how-ghost{fill:var(--os-go);opacity:0}.how-ghost-1{animation:9s infinite how-ghost-1}.how-ghost-2{animation:9s infinite how-ghost-2}.how-ghost-3{animation:9s infinite how-ghost-3}@keyframes how-ghost-1{0%,32%{opacity:0}33.5%,86%{opacity:.22}90%,to{opacity:0}}@keyframes how-ghost-2{0%,40.5%{opacity:0}42%,86%{opacity:.22}90%,to{opacity:0}}@keyframes how-ghost-3{0%,49%{opacity:0}50.5%,86%{opacity:.22}90%,to{opacity:0}}.how-ball{transform:translate(var(--x0), var(--y0));animation:9s infinite how-roll}.how-ball circle{fill:var(--os-go)}.how-ball path{stroke:#fff;stroke-width:2.5px;stroke-linecap:round;opacity:.85}.how-ball-spin{animation:9s infinite how-spin}@keyframes how-roll{0%,24%{transform:translate(var(--x0), var(--y0));opacity:1;animation-timing-function:cubic-bezier(.11,0,.5,0)}58%,86%{transform:translate(var(--x1), var(--y1));opacity:1}90%{transform:translate(var(--x1), var(--y1));opacity:0}91%{transform:translate(var(--x0), var(--y0));opacity:0}97%,to{transform:translate(var(--x0), var(--y0));opacity:1}}@keyframes how-spin{0%,24%{animation-timing-function:cubic-bezier(.11,0,.5,0);transform:rotate(0)}58%,90%{transform:rotate(var(--spin))}91%,to{transform:rotate(0)}}.how-sim-compact{display:none}@media (max-width:640px){.how-sim-wide{display:none}.how-sim-compact{display:block}}.how-readout rect{fill:color-mix(in srgb, var(--sp-violet) 14%, var(--os-panel-2))}.how-readout text{fill:var(--sp-violet-ink);font-size:14px}.how-readout{opacity:0;animation:9s infinite how-readout}@keyframes how-readout{0%,58%{opacity:0;translate:0 8px}62%,86%{opacity:1;translate:0}90%,to{opacity:0;translate:0}}.how-run{transform-box:fill-box;transform-origin:50%;animation:9s infinite how-run}.how-run>rect{fill:var(--os-ink)}.how-run text{fill:var(--os-hull);text-anchor:middle;font-size:16px}.how-run-ring{fill:none;stroke:var(--os-hull);stroke-width:2.4px}.how-run-orbiter circle{fill:var(--os-go);stroke:var(--os-ink);stroke-width:2px}.how-run-orbiter{animation:9s infinite how-run-orbit}@keyframes how-run{0%,16%{scale:1}19%{scale:.92}23%,to{scale:1}}@keyframes how-run-orbit{0%,22%{animation-timing-function:cubic-bezier(.45,0,.55,1);rotate:0deg}58%,to{rotate:720deg}}.how-notes{background:var(--os-panel-2);box-shadow:var(--os-elev-raised);border-radius:18px;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px 14px;padding:16px 18px 18px;display:grid;position:relative}.how-notes-kicker{color:var(--os-ink-2);grid-column:1/-1;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;display:inline-flex}.how-notes-kicker:before{content:"";background:var(--sp-blue);border-radius:50%;width:8px;height:8px}.how-formula{font-family:var(--os-font-body);letter-spacing:-.01em;white-space:nowrap;justify-self:start;padding:2px 6px;font-size:1.75rem;font-weight:700;position:relative}.how-formula b{margin-inline-end:.08em;font-style:italic;font-weight:800;position:relative}.how-mark{background:color-mix(in srgb, var(--sp-yellow) 55%, transparent);transform-origin:0;border-radius:4px;animation:7s infinite how-mark;position:absolute;inset:56% -2px 4%;transform:scaleX(0)}@keyframes how-mark{0%,6%{opacity:1;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(0)}20%,86%{opacity:1;transform:scaleX(1)}92%,to{opacity:0;transform:scaleX(1)}}.how-t1{animation:7s infinite how-t1}.how-t2{animation:7s infinite how-t2}.how-t3{animation:7s infinite how-t3}.how-t4{animation:7s infinite how-t4}@keyframes how-t1{0%,24%{color:inherit}28%,86%{color:var(--sp-blue-ink)}92%,to{color:inherit}}@keyframes how-t2{0%,34%{color:inherit}38%,86%{color:var(--sp-blue-ink)}92%,to{color:inherit}}@keyframes how-t3{0%,44%{color:inherit}48%,86%{color:var(--os-go-ink)}92%,to{color:inherit}}@keyframes how-t4{0%,54%{color:inherit}58%,86%{color:var(--sp-blue-ink)}92%,to{color:inherit}}.how-notes-graph{width:96px;height:auto}.how-notes-line{fill:none;stroke:var(--sp-blue);stroke-width:3.5px;stroke-linecap:round;stroke-dasharray:1 1;animation:7s linear infinite how-notes-line}@keyframes how-notes-line{0%,26%{stroke-dashoffset:1px;opacity:0}27%{stroke-dashoffset:1px;opacity:1}60%,86%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}.how-notes-u{fill:var(--sp-blue)}.how-lines{grid-column:1/-1;gap:7px;display:grid}.how-lines i{background:var(--os-panel);border-radius:4px;height:7px}.how-lines i:nth-child(2){width:82%}.how-lines i:nth-child(3){width:56%}.how-mcq{background:var(--os-panel-2);box-shadow:var(--os-elev-raised);border-radius:18px;gap:8px;padding:14px;display:grid}.how-progress{background:var(--os-panel);border-radius:2px;height:4px;display:block;overflow:hidden}.how-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--sp-violet), var(--sp-blue));transform-origin:0;width:100%;height:100%;animation:6s infinite how-progress;display:block;transform:scaleX(.4)}@keyframes how-progress{0%,40%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:scaleX(.4)}50%,88%{transform:scaleX(.6)}94%,to{transform:scaleX(.4)}}.how-question{gap:6px;padding:4px 2px 2px;display:grid}.how-question i{background:var(--os-ink-3);opacity:.35;border-radius:4px;height:7px}.how-question i:nth-child(2){width:64%}.how-option{background:var(--os-panel);border-radius:12px;align-items:center;gap:10px;padding:7px 10px;display:flex;position:relative}.how-option b{background:var(--os-panel-2);width:24px;height:24px;color:var(--os-ink-2);border-radius:50%;flex:none;place-items:center;font-size:.8125rem;font-weight:800;display:grid}.how-option i{background:var(--os-line);border-radius:3px;flex:1;height:6px}.how-option svg{width:20px;height:20px;position:absolute;right:10px}.how-option path{fill:none;stroke:var(--sp-green-ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:6s infinite how-tick-b}.how-option-right{animation:6s infinite how-right}.how-option-right b{animation:6s infinite how-right-b}@keyframes how-right{0%,16%{background:var(--os-panel);box-shadow:0 0 #0000}20%,32%{box-shadow:0 0 0 2px var(--os-ink) inset;background:var(--os-panel)}38%,88%{box-shadow:0 0 0 2px var(--sp-green) inset;background:color-mix(in srgb, var(--sp-green) 12%, var(--os-panel-2))}94%,to{background:var(--os-panel);box-shadow:0 0 #0000}}@keyframes how-right-b{0%,16%{background:var(--os-panel-2);color:var(--os-ink-2)}20%,32%{background:var(--os-ink);color:var(--os-hull)}38%,88%{background:var(--sp-green-ink);color:var(--os-hull)}94%,to{background:var(--os-panel-2);color:var(--os-ink-2)}}@keyframes how-tick-b{0%,38%{stroke-dashoffset:1px;opacity:1}46%,88%{stroke-dashoffset:0;opacity:1}94%,to{stroke-dashoffset:0;opacity:0}}.how-chat{gap:12px;display:grid}.how-bubble{border-radius:18px;gap:7px;display:grid}.how-bubble>i{border-radius:4px;height:7px;display:block}.how-me{background:var(--os-ink);border-bottom-right-radius:6px;grid-template-columns:auto;justify-self:end;justify-items:end;padding:10px;animation:8s infinite how-in-me}.how-me>i{background:color-mix(in srgb, var(--os-hull) 40%, transparent);width:84px}.how-khata{width:86px;height:auto}.how-khata rect{fill:var(--os-panel-2)}.how-khata path{fill:none;stroke:var(--os-ink-3);stroke-width:2px;stroke-linecap:round;opacity:.6}.how-khata-ring{fill:none;stroke:var(--sp-red);stroke-width:2.4px;stroke-dasharray:100;stroke-dashoffset:100px;animation:8s infinite how-khata-ring}@keyframes how-in-me{0%{opacity:0;translate:0 10px}6%,90%{opacity:1;translate:0}96%,to{opacity:0;translate:0}}@keyframes how-khata-ring{0%,8%{stroke-dashoffset:100px}16%,to{stroke-dashoffset:0}}.how-mentor-row{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px;display:grid}.how-face{background:color-mix(in srgb, var(--sp-cyan) 18%, var(--os-panel-2));border-radius:50%;grid-area:1/1;place-items:center;width:40px;height:40px;animation:8s infinite how-in-you;display:grid;overflow:hidden}.how-face .mascot img{translate:0 3px}.how-typing,.how-you{grid-area:1/2;justify-self:start}.how-typing{background:color-mix(in srgb, var(--sp-cyan) 14%, var(--os-panel-2));border-radius:18px 18px 18px 6px;gap:6px;padding:14px 16px;animation:8s infinite how-typing;display:inline-flex}.how-typing i{background:var(--sp-cyan-ink);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite how-dot}.how-typing i:nth-child(2){animation-delay:.15s}.how-typing i:nth-child(3){animation-delay:.3s}@keyframes how-dot{0%,60%,to{opacity:.5;translate:0}30%{opacity:1;translate:0 -4px}}.how-you{background:color-mix(in srgb, var(--sp-cyan) 14%, var(--os-panel-2));border-bottom-left-radius:6px;width:min(100%,300px);padding:12px 14px;animation:8s infinite how-you}.how-you>i{background:color-mix(in srgb, var(--sp-cyan-ink) 30%, transparent)}.how-you>i:nth-child(2){width:70%}.how-reply-chips{flex-wrap:wrap;gap:6px;margin-top:3px;display:flex}.how-reply-chips b{border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.8125rem;font-weight:800;display:inline-flex}.how-formula-chip{background:var(--os-panel-2);color:var(--os-ink);font-style:italic}.how-sim-chip{background:var(--os-ink);color:var(--os-hull)}.how-sim-chip svg{width:10px;height:10px;fill:var(--os-go)}@keyframes how-in-you{0%,10%{opacity:0;scale:.8}14%,90%{opacity:1;scale:1}96%,to{opacity:0;scale:1}}@keyframes how-typing{0%,12%{opacity:0}15%,36%{opacity:1}39%,to{opacity:0}}@keyframes how-you{0%,37%{opacity:0;translate:0 8px}42%,90%{opacity:1;translate:0}96%,to{opacity:0;translate:0}}@property --mem{syntax:"<number>";inherits:true;initial-value:100}.how-review{--mem:100;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;animation:8s infinite how-mem;display:grid}@keyframes how-mem{0%{--mem:100;animation-timing-function:cubic-bezier(.15,.6,.35,1)}40%{--mem:34;animation-timing-function:cubic-bezier(.3,0,.1,1)}46%{--mem:100;animation-timing-function:cubic-bezier(.15,.6,.35,1)}80%{--mem:58;animation-timing-function:cubic-bezier(.3,0,.1,1)}86%,to{--mem:100}}.how-ring{width:136px;height:136px;animation:8s infinite how-ring-pulse;overflow:visible}.how-ring-track{fill:none;stroke:var(--os-panel-2);stroke-width:10px}.how-ring-arc{fill:none;stroke:color-mix(in oklab, var(--sp-green) calc(var(--mem) * 1%), var(--sp-yellow));stroke-width:10px;stroke-linecap:round;stroke-dasharray:calc(var(--mem) * 1) 100;transform-origin:60px 60px;rotate:-90deg}.how-ring-orbiter{rotate:calc(var(--mem) * 3.6deg);transform-origin:60px 60px}.how-ring-orbiter circle{fill:var(--os-go);stroke:var(--os-panel);stroke-width:4px}@keyframes how-ring-pulse{0%,41%,49%,81%,89%,to{scale:1}45%,85%{scale:1.06}}.how-curve{width:100%;max-width:320px;height:auto;overflow:visible}.how-curve-line{fill:none;stroke:var(--sp-green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;animation:8s linear infinite how-curve}@keyframes how-curve{0%{stroke-dashoffset:1px}97%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.how-curve-dot{fill:var(--os-go);stroke:var(--os-panel);stroke-width:3px;opacity:0;transform-box:fill-box;transform-origin:50%}.how-curve-dot-1{animation:8s infinite how-dot-1}.how-curve-dot-2{animation:8s infinite how-dot-2}@keyframes how-dot-1{0%,42%{opacity:0;scale:.4}46%,96%{opacity:1;scale:1}to{opacity:0}}@keyframes how-dot-2{0%,82%{opacity:0;scale:.4}86%,96%{opacity:1;scale:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.how-art,.how-art *{animation:none!important}.how-ball{transform:translate(var(--x1), var(--y1))}.how-ghost{opacity:.22}.how-vt,.how-notes-line,.how-chip-tick,.how-curve-line,.how-option path{stroke-dashoffset:0}.how-readout,.how-curve-dot{opacity:1}.how-chip-pick rect{fill:var(--sp-green-ink);stroke:var(--sp-green-ink)}.how-chip-pick text{fill:var(--os-hull)}.how-mark{transform:scaleX(1)}.how-typing{display:none}.how-review{--mem:72}.how-option-right{box-shadow:0 0 0 2px var(--sp-green) inset;background:color-mix(in srgb, var(--sp-green) 12%, var(--os-panel-2))}.how-option-right b{background:var(--sp-green-ink);color:var(--os-hull)}.how-khata-ring{stroke-dashoffset:0}}