._8-TnWq_field{aspect-ratio:2;contain:layout paint;width:100%;color:hsl(var(--primary-label));position:relative;container-type:inline-size}._8-TnWq_canvas,._8-TnWq_fallback{pointer-events:none;width:100%;height:100%;transition:opacity .18s var(--ease-out);position:absolute;inset:0}._8-TnWq_canvas{opacity:0}._8-TnWq_fallback{opacity:.9}._8-TnWq_fallback path{stroke-width:clamp(.55px,.175cqi,1.05px)}._8-TnWq_canvas[data-ready]{opacity:1}._8-TnWq_canvas[data-ready]+._8-TnWq_fallback{opacity:0}._8-TnWq_field[data-reduced-motion] ._8-TnWq_canvas,._8-TnWq_field[data-reduced-motion] ._8-TnWq_fallback{transition:none}@media (prefers-reduced-motion:reduce){._8-TnWq_canvas,._8-TnWq_fallback{transition:none}}
._5BuU6G_playground{gap:2rem;display:grid;container-type:inline-size}._5BuU6G_hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:0}._5BuU6G_portrait{min-width:0}._5BuU6G_portrait>div{aspect-ratio:1.15}._5BuU6G_hero ._5BuU6G_portrait>div{aspect-ratio:2.1}._5BuU6G_experiment{border-block:1px solid hsl(var(--border));grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.05fr) minmax(0,1.25fr);align-items:center;gap:2rem;padding-block:1.5rem;display:grid}._5BuU6G_lesson{padding-top:.15rem}._5BuU6G_description{max-width:17rem;color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.875rem;line-height:1.6}._5BuU6G_messageField{gap:.5rem}._5BuU6G_fingerprint{min-width:0;container-type:inline-size}._5BuU6G_outputHeading{min-height:2.75rem;color:hsl(var(--muted-foreground));align-items:center;gap:.6rem;margin-top:-.75rem;font-size:.75rem;display:inline-flex}._5BuU6G_outputHeading:hover{color:hsl(var(--primary-label))}._5BuU6G_outputHeading:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}._5BuU6G_outputHeading svg{width:.8rem}._5BuU6G_hash{font-family:var(--font-geist-mono);color:hsl(var(--primary-label));transition:opacity var(--duration-fast) var(--ease-out);grid-template-columns:repeat(32,minmax(0,1fr));font-size:clamp(.625rem,2.65cqi,.8125rem);line-height:1.8;display:grid}._5BuU6G_hash[data-pending=true]{opacity:.35}._5BuU6G_playground[data-reduced-motion] ._5BuU6G_hash{transition:none}._5BuU6G_character{height:1.8em;position:relative;overflow:clip}._5BuU6G_character>span{position:absolute;inset:0}._5BuU6G_status{color:hsl(var(--muted-foreground));margin-top:.5rem;font-size:.75rem}@container not (min-width:58rem){._5BuU6G_experiment{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem}._5BuU6G_lesson{grid-column:1/-1}._5BuU6G_description{max-width:none;margin-top:.25rem}}@media not (min-width:48rem){._5BuU6G_hero{grid-template-columns:minmax(0,1fr);gap:1.5rem}._5BuU6G_hero ._5BuU6G_portrait{justify-self:center;width:min(100%,26rem)}._5BuU6G_hero ._5BuU6G_portrait>div{aspect-ratio:1.8}}@container not (min-width:30rem){._5BuU6G_experiment{grid-template-columns:minmax(0,1fr);gap:1rem;padding-block:1.25rem}}@media (prefers-reduced-motion:reduce){._5BuU6G_hash{transition:none}}
.-cXk3G_card{min-width:0;height:100%;color:hsl(var(--foreground));border-radius:.75rem;outline:none;display:grid;position:relative}.-cXk3G_card:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:6px}.-cXk3G_visual{place-items:center;min-width:0;display:grid}.-cXk3G_illustration{width:100%;max-width:32rem;transition:transform .4s var(--ease-out)}.-cXk3G_copy{min-width:0}.-cXk3G_title{transition:color .18s}.-cXk3G_description{max-width:34rem;color:hsl(var(--muted-foreground));margin-top:.65rem;font-size:.9375rem;line-height:1.7}.-cXk3G_arrow{border:1px solid hsl(var(--border));width:2.75rem;height:2.75rem;transition:color .18s, border-color .18s, transform .3s var(--ease-out);border-radius:50%;align-self:start;place-items:center;display:grid}.-cXk3G_arrow svg{width:1.1rem;height:1.1rem}.-cXk3G_card:hover .-cXk3G_title,.-cXk3G_card:focus-visible .-cXk3G_title{color:hsl(var(--primary-label))}.-cXk3G_card:hover .-cXk3G_arrow,.-cXk3G_card:focus-visible .-cXk3G_arrow{color:hsl(var(--primary-label));border-color:hsl(var(--primary-label) / .55);transform:rotate(45deg)}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration{transform:translateY(-4px)rotate(-1deg)}.-cXk3G_illustrated{grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:1rem;padding-block:0 1.5rem}.-cXk3G_illustrated .-cXk3G_visual{aspect-ratio:1.6;grid-column:1/-1}.-cXk3G_illustrated .-cXk3G_illustration{object-fit:contain;height:100%}.-cXk3G_illustrated .-cXk3G_arrow{margin-top:.15rem}.-cXk3G_index{grid-template-columns:minmax(0,1fr) minmax(10rem,.35fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);padding-block:1.5rem}.-cXk3G_index .-cXk3G_copy{grid-area:1/1}.-cXk3G_index .-cXk3G_visual{grid-area:1/2}.-cXk3G_index .-cXk3G_illustration{max-height:10rem}.-cXk3G_index .-cXk3G_arrow{grid-area:1/3;align-self:center}.-cXk3G_index .-cXk3G_description{max-width:32rem;margin-top:.75rem;font-size:1rem}.-cXk3G_compact{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.25rem;padding-block:1.5rem}.-cXk3G_compact .-cXk3G_symbol{width:2rem;height:2rem;color:hsl(var(--tool-card-accent))}.-cXk3G_compact .-cXk3G_arrow{align-self:center}.-cXk3G_compact .-cXk3G_description{margin-top:.35rem;font-size:.875rem}@media not (min-width:48rem){.-cXk3G_index{grid-template-columns:minmax(0,1fr) clamp(6rem,22vw,9rem);gap:.5rem 1rem}.-cXk3G_index .-cXk3G_copy{display:contents}.-cXk3G_index .-cXk3G_title{grid-area:1/1/auto/-1;padding-right:3.25rem}.-cXk3G_index .-cXk3G_description{grid-area:2/1;margin-top:0;font-size:.9375rem;line-height:1.6}.-cXk3G_index .-cXk3G_visual{grid-area:2/2}.-cXk3G_index .-cXk3G_arrow{grid-area:1/2;justify-self:end;width:2.25rem;height:2.25rem}}@media not (min-width:30rem){.-cXk3G_compact{gap:.85rem}.-cXk3G_compact .-cXk3G_symbol{width:1.5rem;height:1.5rem}}@media (prefers-reduced-motion:reduce){.-cXk3G_illustration,.-cXk3G_title,.-cXk3G_arrow{transition:none}.-cXk3G_card:hover .-cXk3G_illustration,.-cXk3G_card:focus-visible .-cXk3G_illustration,.-cXk3G_card:hover .-cXk3G_arrow,.-cXk3G_card:focus-visible .-cXk3G_arrow{transform:none}}
.RHRjQa_art{width:100%;height:auto;display:block;overflow:visible}.RHRjQa_rotor{transition:transform .8s var(--ease-out)}.RHRjQa_cell{transition:fill-opacity var(--duration-normal)}.RHRjQa_art[data-reduced-motion] .RHRjQa_rotor,.RHRjQa_art[data-reduced-motion] .RHRjQa_cell{transition:none}@media (prefers-reduced-motion:reduce){.RHRjQa_rotor,.RHRjQa_cell{transition:none}}
.ryb31W_opening{gap:clamp(1.5rem,3vw,2.5rem);padding-block:clamp(2rem,4vw,3.5rem) 0;display:grid}.ryb31W_headline{text-wrap:initial}.ryb31W_signalWord{color:hsl(var(--primary-label))}.ryb31W_introduction{justify-items:start;gap:1.75rem;display:grid}.ryb31W_introduction>p{max-width:26rem}@media (min-width:64rem){.ryb31W_introduction>p{font-size:1.25rem;line-height:1.6}}.ryb31W_actions{flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;display:flex}.ryb31W_tools{padding-block:clamp(3rem,6vw,5rem) 3rem}.ryb31W_sectionHeading{justify-content:space-between;align-items:baseline;gap:1.5rem;margin-bottom:1.5rem;display:flex}.ryb31W_textLink{align-items:center;gap:.85rem;width:fit-content;min-height:2.75rem;padding-block:.6rem;font-size:.875rem;font-weight:500;display:inline-flex}.ryb31W_textLink:hover{color:hsl(var(--primary-label))}.ryb31W_textLink svg{width:.85rem}.ryb31W_textLink:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.ryb31W_toolIndex{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.ryb31W_referenceIndex{border-block:1px solid hsl(var(--border) / .6);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem;margin-top:1.5rem;display:grid}.ryb31W_referenceIndex>li+li{border-left:1px solid hsl(var(--border) / .6);padding-left:3rem}.ryb31W_reading{padding-block:2.5rem 4rem}@media not (min-width:64rem){.ryb31W_actions{gap:.5rem 1rem}.ryb31W_toolIndex{gap:1.5rem}.ryb31W_referenceIndex{column-gap:1.5rem}.ryb31W_referenceIndex>li+li{padding-left:1.5rem}}@media not (min-width:48rem){.ryb31W_introduction{gap:1.25rem;max-width:32rem}.ryb31W_toolIndex{grid-template-columns:minmax(0,1fr);gap:1.5rem}.ryb31W_toolIndex>li{border-bottom:1px solid hsl(var(--border) / .6)}.ryb31W_referenceIndex{border-top:0;grid-template-columns:minmax(0,1fr);margin-top:0}.ryb31W_referenceIndex>li+li{border-left:0;border-top:1px solid hsl(var(--border) / .6);padding-left:0}.ryb31W_sectionHeading{flex-direction:column;align-items:start;gap:.5rem;margin-bottom:1rem}.ryb31W_reading{padding-block:1rem 3rem}}