@layer theme,base,reset;@layer components{.Ro9h1q_figure{--fig-bg:#f2eee3;--fig-fg:#1c302b;--fig-muted:#6f6a61;--fig-surface:#faf7ee;--fig-group:#e7e9dc;--fig-border:#a6ac98;--fig-accent:#46624d;isolation:isolate;border:1px solid color-mix(in srgb, var(--fig-border) 55%, transparent);border-radius:var(--radius-2xl,1rem);background:var(--fig-bg);min-width:0;color:var(--fig-fg);font-family:var(--font-ui,system-ui), sans-serif;font-optical-sizing:auto;margin:2rem 0;padding:clamp(1rem,3vw,2rem);font-size:1rem;font-weight:400;line-height:1.6;position:relative;box-shadow:0 2px 3px #1c302b08,0 12px 28px #1c302b06}.Ro9h1q_figure:after{content:"";z-index:1;border-radius:inherit;mix-blend-mode:multiply;opacity:.7;pointer-events:none;background:url(/images/blog/paper-valley/paper.webp) 50%/cover;position:absolute;inset:0}.Ro9h1q_figure[data-diagram-theme=dark]{--fig-bg:#202d27;--fig-fg:#f3eee4;--fig-muted:#c3bbad;--fig-surface:#2c3b31;--fig-group:#26362c;--fig-border:#89947d;--fig-accent:#bbcea4}@media (prefers-color-scheme:dark){.Ro9h1q_figure:not([data-diagram-theme=light]){--fig-bg:#202d27;--fig-fg:#f3eee4;--fig-muted:#c3bbad;--fig-surface:#2c3b31;--fig-group:#26362c;--fig-border:#89947d;--fig-accent:#bbcea4}}.Ro9h1q_title{font:550 var(--blog-text-heading-3,1.5rem) / 1.15 var(--font-editorial-display,Georgia, serif);letter-spacing:calc(-.025em + var(--font-editorial-display-tracking-adjustment,0em));text-wrap:balance;overflow-wrap:break-word;margin-bottom:1.5rem}.Ro9h1q_player{min-width:0;display:block}.Ro9h1q_player::part(controls){border-bottom:1px solid color-mix(in srgb, var(--fig-border) 55%, transparent);margin-bottom:.75rem;padding-bottom:.75rem}.Ro9h1q_player::part(caption){min-height:4.5em;max-inline-size:65ch;font-family:var(--font-editorial-reading,Georgia, serif);text-wrap:pretty;overflow-wrap:break-word;font-size:1rem;line-height:1.55}.Ro9h1q_caption{border-top:1px solid color-mix(in srgb, var(--fig-border) 55%, transparent);color:var(--fig-muted);max-inline-size:65ch;font:400 1rem / 1.55 var(--font-editorial-reading,Georgia, serif);text-wrap:pretty;overflow-wrap:break-word;margin:1.25rem 0 0;padding-top:1rem}.Ro9h1q_status{color:var(--fig-muted);margin:1rem 0}@media (max-width:42rem){.Ro9h1q_title{line-height:1.4}}}@layer utilities;
@layer theme,base,reset;@layer components{.V2tF8W_paper{background-color:#f2eee3;background-image:url(/images/blog/paper-valley/paper.webp);background-position:50% 65%;background-size:cover}.V2tF8W_editorialNote{border-left:1px solid var(--blog-rule,#d9d2c5);color:var(--blog-muted,#625c53);font-family:var(--font-ui,system-ui), sans-serif;margin-bottom:1.5rem;padding:.25rem 0 .25rem 1rem;font-size:.875rem;font-style:normal;line-height:1.55}.V2tF8W_editorialNoteTitle{color:var(--blog-ink,#292621);margin-bottom:.5rem;font-weight:600;display:block}.V2tF8W_editorialNote>.V2tF8W_content>p+p{margin-top:.65em}.V2tF8W_editorialNote>.V2tF8W_content>p>a{text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.06em}.V2tF8W_editorialNote>.V2tF8W_content>p>a:hover{color:var(--blog-accent,#8b3a2a)}.V2tF8W_editorialNote>.V2tF8W_content>p>a:focus-visible{outline:2px solid var(--blog-accent,#8b3a2a);outline-offset:3px}.V2tF8W_content>:last-child:not(:where([data-prose-exclude],[data-prose-exclude] *)){margin-bottom:0}}@layer utilities;
@layer theme,base,reset;@layer components{.s4yh0a_figure{--blog-walkthrough-ink:#20382d;--blog-walkthrough-muted:#686b5e;--blog-walkthrough-rule:#d6d7c8;--blog-walkthrough-ease:cubic-bezier(.23, 1, .32, 1);border:1px solid var(--blog-walkthrough-rule);color:var(--blog-walkthrough-ink);font:400 .875rem / 1.5 var(--font-ui,system-ui), sans-serif;background:#f7f5ed;border-radius:1rem;min-width:0;margin:2rem 0;overflow:hidden}.s4yh0a_header{padding:1.5rem 1.75rem 1.25rem}.s4yh0a_eyebrow{color:var(--blog-walkthrough-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.625rem;font-size:.6875rem;display:block}.s4yh0a_title{font:550 1.625rem / 1.25 var(--font-editorial-display,Georgia, serif);text-wrap:balance;margin:0}.s4yh0a_subtitle{color:var(--blog-walkthrough-muted);overflow-wrap:anywhere;margin:.5rem 0 0}.s4yh0a_states{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:.25rem 1.75rem 1.5rem;display:grid}.s4yh0a_cell{border:1px solid var(--blog-walkthrough-rule);background:#efeee5;border-radius:.5rem;min-width:0;padding:.875rem 1rem}.s4yh0a_cell[data-tone=active]{background:#e4ebdc;border-color:#9eaf8d}.s4yh0a_cell[data-tone=waiting]{background:#f2ead8;border-color:#d4c3a0}.s4yh0a_cell[data-tone=done]{background:#e8ece3}.s4yh0a_cellLabel{color:var(--blog-walkthrough-muted);margin-bottom:.5rem;font-size:.75rem;display:block}.s4yh0a_cellValue{min-height:1.5em;animation:s4yh0a_state-arrive .24s var(--blog-walkthrough-ease) both;align-items:center;gap:.5rem;font-weight:550;display:flex}.s4yh0a_dot{opacity:.65;border:1px solid;border-radius:50%;flex:none;width:.5rem;height:.5rem}.s4yh0a_cell[data-tone=active] .s4yh0a_dot,.s4yh0a_cell[data-tone=done] .s4yh0a_dot{background:currentColor}.s4yh0a_codeArea{border-block:1px solid var(--blog-walkthrough-rule);color:#adbac7;background:#22272e;padding:1rem 0}.s4yh0a_codeHeading{color:#909dab;justify-content:space-between;gap:.75rem;padding:0 1.75rem .75rem;font-size:.6875rem;display:flex}.s4yh0a_code{font:400 .875rem / 2 var(--font-mono,monospace);tab-size:2;margin:0;padding:.25rem 0;overflow-x:auto}.s4yh0a_line{min-width:max-content;height:2em;padding-inline:1.75rem;display:block}.s4yh0a_line[data-active=true]{background:#2d3844}.s4yh0a_lineNumber{color:#909dab;-webkit-user-select:none;user-select:none;width:2rem;display:inline-block}.s4yh0a_expression{outline-offset:3px;color:#adbac7;background:#253e52;border-radius:.2rem;outline:1px solid #6cb6ff}.s4yh0a_steps{flex-wrap:wrap;gap:.5rem;padding:1.25rem 1.75rem 0;display:flex}.s4yh0a_step,.s4yh0a_control{border:1px solid var(--blog-walkthrough-rule);min-height:2.5rem;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem;display:inline-flex}.s4yh0a_step[aria-pressed=true]{color:#f7f5ed;background:#20382d;border-color:#20382d}.s4yh0a_stepNumber{opacity:.65;font-variant-numeric:tabular-nums}.s4yh0a_caption{padding:1rem 1.75rem 1.25rem}.s4yh0a_detail{text-wrap:pretty;max-width:80ch;min-height:4.5em;margin:0}.s4yh0a_footer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.s4yh0a_note{color:var(--blog-walkthrough-muted);font-size:.6875rem}.s4yh0a_controls{flex-shrink:0;gap:.375rem;display:flex}.s4yh0a_control:disabled{opacity:.35;cursor:default}.s4yh0a_control:focus-visible,.s4yh0a_step:focus-visible,.s4yh0a_code:focus-visible{outline:2px solid var(--blog-walkthrough-ink);outline-offset:3px}@media (hover:hover) and (pointer:fine){.s4yh0a_control:not(:disabled):hover,.s4yh0a_step:not([aria-pressed=true]):hover{background:#e4e8dc}}@keyframes s4yh0a_state-arrive{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.s4yh0a_figure[data-instant=true] .s4yh0a_cellValue{animation:none}@media (prefers-reduced-motion:reduce){.s4yh0a_cellValue{animation:none}}@media (max-width:42rem){.s4yh0a_header{padding:1.25rem 1rem 1rem}.s4yh0a_title{font-size:1.375rem}.s4yh0a_states{gap:.375rem;padding:0 1rem 1rem}.s4yh0a_cell{padding:.625rem .5rem}.s4yh0a_cellLabel{min-height:3em;font-size:.625rem}.s4yh0a_cellValue{align-items:baseline;gap:.3rem;min-height:3em;font-size:.75rem}.s4yh0a_dot{width:.375rem;height:.375rem}.s4yh0a_codeHeading{flex-wrap:wrap;padding-inline:1rem}.s4yh0a_code{font-size:.75rem}.s4yh0a_line{padding-inline:1rem}.s4yh0a_steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 1rem 0;display:grid}.s4yh0a_step{justify-content:start}.s4yh0a_caption{padding:1rem}.s4yh0a_detail{min-height:9em}.s4yh0a_footer{flex-wrap:wrap;gap:.75rem}}}@layer utilities;
@layer theme,base,reset;@layer components{.xX1LXq_figure{--pele-bg:#f2eee3;--pele-fg:#1c302b;--pele-muted:#625c53;--pele-line:#46624d;--pele-surface:#faf7ee;--pele-surface-alt:#e7e9dc;--pele-border:#a6ac98;--pele-font:var(--font-ui,system-ui), sans-serif;border:1px solid var(--pele-border);border-radius:var(--radius-2xl,1rem);background:var(--pele-bg);min-width:0;color:var(--pele-fg);font:400 1rem / 1.6 var(--font-ui,system-ui), sans-serif;margin:2rem 0;padding:clamp(1rem,3vw,2rem)}.xX1LXq_title{font:550 1.5rem / 1.3 var(--font-editorial-display,Georgia, serif);text-wrap:balance;overflow-wrap:break-word;margin-bottom:1.5rem}.xX1LXq_diagram{width:100%;min-width:0}.xX1LXq_diagram>svg{margin-inline:auto;display:block}.xX1LXq_caption{border-top:1px solid var(--pele-border);color:var(--pele-muted);max-inline-size:65ch;font:400 1rem / 1.55 var(--font-editorial-reading,Georgia, serif);text-wrap:pretty;overflow-wrap:break-word;margin:1.25rem 0 0;padding-top:1rem}.xX1LXq_status{color:var(--pele-muted);margin:1rem 0;display:block}}@layer utilities;
@layer theme,base,reset;@layer components{.LsB9ea_comparison{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.25rem;display:grid}.LsB9ea_option{min-width:0}.LsB9ea_optionHeader{min-height:11rem}.LsB9ea_prototype{background:var(--color-paper);border:1px solid #d4cec2;container:prototype/inline-size}.LsB9ea_years{gap:2.5rem;padding-block-end:2rem;display:grid}.LsB9ea_year{gap:.75rem;display:grid}.LsB9ea_yearItem{border-top:1px solid #d4cec2;padding-block:.875rem}.LsB9ea_archiveDate{margin-block-start:.5rem}.LsB9ea_featurePosts{gap:1.25rem;display:grid}.LsB9ea_featuredPostItem{background:#eae5da;border:0;padding:.5rem 1.5rem}@container prototype (min-width:38rem){.LsB9ea_years{grid-template-columns:5rem minmax(0,1fr);column-gap:2rem}.LsB9ea_year{grid-column:1/-1;grid-template-columns:subgrid}.LsB9ea_yearItem{grid-template-columns:minmax(0,1fr) 4rem;align-items:baseline;gap:1rem;display:grid}.LsB9ea_archiveDate{text-align:right;margin:0}.LsB9ea_featurePosts{grid-template-columns:repeat(2,minmax(0,1fr))}.LsB9ea_featuredPostItem{grid-column:1/-1;padding:1rem 2rem}.LsB9ea_featuredTitle{max-width:30ch}}@media (max-width:64rem){.LsB9ea_comparison{grid-template-columns:1fr}.LsB9ea_optionHeader{min-height:auto;margin-block-end:1.25rem}.LsB9ea_option:not(:first-child){margin-block-start:2rem}}}@layer utilities;
@layer theme,base,reset;@layer components{.SofmGG_page{--experiment-ink:#f6f0df;--experiment-muted:#9ba4b3;--experiment-line:#303846;min-height:100vh;color:var(--experiment-ink);background:radial-gradient(circle at 75% 0,#2563eb2e,#0000 34rem),#0b0e14;padding:clamp(1.25rem,3vw,2.5rem)}.SofmGG_experimentHeader{border-bottom:1px solid var(--experiment-line);justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.SofmGG_status{color:#86efac;align-items:center;gap:.55rem;margin:0;display:flex}.SofmGG_status:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.SofmGG_tabs{border-bottom:1px solid var(--experiment-line);grid-template-columns:repeat(3,1fr);display:grid}.SofmGG_tab{font:inherit;border:0;border-right:1px solid var(--experiment-line);min-height:4.75rem;color:var(--experiment-muted);cursor:pointer;text-align:left;background:#11151d;align-items:center;gap:.75rem;padding-inline:clamp(1rem,3vw,2rem);display:flex}.SofmGG_tab:last-child{border-right:0}.SofmGG_tab[aria-selected=true]{color:var(--experiment-ink);background:#1a202b}.SofmGG_workspace{grid-template-columns:minmax(0,2fr) minmax(19rem,.75fr);min-height:36rem;display:grid}.SofmGG_canvasFrame{min-height:36rem;position:relative}.SofmGG_controls{border-left:1px solid var(--experiment-line);background:#171c25;align-content:start;gap:1.4rem;padding:clamp(1.5rem,3vw,2.25rem);display:grid}.SofmGG_rangeControl{color:#bac3d0;grid-template-columns:1fr auto;gap:.55rem 1rem;font-size:.78rem;display:grid}.SofmGG_lawGrid{border-top:1px solid var(--experiment-line);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;display:grid}.SofmGG_law{border-right:1px solid var(--experiment-line);min-width:0;padding:1.5rem 1.5rem 1.5rem 0}.SofmGG_law+.SofmGG_law{padding-left:1.5rem}.SofmGG_law:last-child{border-right:0}.SofmGG_lawTitle{font-family:var(--font-editorial-reading,Georgia, serif);min-height:3.4em;margin:1rem 0;font-size:1.3rem;font-weight:500;line-height:1.25}.SofmGG_tab:focus-visible{outline-offset:3px;outline:3px solid #86efac}@media (max-width:850px){.SofmGG_experimentHeader{flex-direction:column;align-items:start}.SofmGG_workspace{grid-template-columns:1fr}.SofmGG_canvasFrame{min-height:28rem}.SofmGG_controls{border-top:1px solid var(--experiment-line);border-left:0}.SofmGG_lawGrid{grid-template-columns:1fr}.SofmGG_law,.SofmGG_law+.SofmGG_law{border-right:0;border-bottom:1px solid var(--experiment-line);padding:1.5rem 0}.SofmGG_lawTitle{min-height:0}}@media (max-width:540px){.SofmGG_tab{flex-direction:column;justify-content:center;align-items:start}.SofmGG_canvasFrame{min-height:22rem}}@media (prefers-reduced-motion:reduce){.SofmGG_status:before{opacity:.7}}}@layer utilities;
@layer theme,base,reset;@layer components{.Mg7tZa_page{--experiment-ink:#211f1b;--experiment-muted:#70695f;--experiment-line:#d8d0c2;min-height:100vh;color:var(--experiment-ink);background:linear-gradient(90deg,#0000 49.9%,#5b4d3814 50%,#0000 50.1%),#f4efe4;padding:clamp(1.25rem,3vw,2.5rem)}.Mg7tZa_experimentHeader{border-bottom:1px solid var(--experiment-line);justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.Mg7tZa_runtimeStatus{color:#386547;align-items:center;gap:.55rem;margin:0;display:flex}.Mg7tZa_runtimeStatus:before{content:"";background:currentColor;border-radius:50%;width:.55rem;height:.55rem}.Mg7tZa_runtimeStatus[data-status=loading]{color:var(--experiment-muted)}.Mg7tZa_runtimeStatus[data-status=error]{color:#a33f2b}.Mg7tZa_panels{border-bottom:1px solid var(--experiment-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.Mg7tZa_panel{border-right:1px solid var(--experiment-line);min-width:0;margin:0;padding:clamp(.75rem,2vw,1.25rem)}.Mg7tZa_panel:last-child{border-right:0}.Mg7tZa_readout{border-bottom:1px solid var(--experiment-line);grid-template-columns:auto auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:1.25rem clamp(1.5rem,3vw,2.5rem);display:grid}.Mg7tZa_readoutNote{font-family:var(--font-editorial-reading,Georgia, serif);color:#386547;text-align:right;margin:0;font-size:1.1rem;font-style:italic}.Mg7tZa_controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.Mg7tZa_control{color:var(--experiment-muted);grid-template-columns:1fr auto;gap:.7rem 1rem;font-size:.78rem;display:grid}.Mg7tZa_threeHeader{border-bottom:1px solid var(--experiment-line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.Mg7tZa_threeMetric{font-family:var(--font-code,ui-monospace, monospace);text-align:right;justify-items:end;gap:.35rem;display:grid}.Mg7tZa_threeCanvasFrame{background:#111517;height:min(68vw,46rem);min-height:32rem;position:relative}.Mg7tZa_threeLegend{color:#e5dbc8;pointer-events:none;text-align:center;grid-template-columns:1fr 1fr;display:grid;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.Mg7tZa_threeControls{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.Mg7tZa_threeControl{color:var(--experiment-muted);grid-template-columns:1fr auto;gap:.65rem 1rem;font-size:.76rem;display:grid}.Mg7tZa_threeLoading{min-height:32rem;color:var(--experiment-muted);place-items:center;display:grid}@media (max-width:980px){.Mg7tZa_panels{grid-template-columns:repeat(2,minmax(0,1fr))}.Mg7tZa_panel:nth-child(2){border-right:0}.Mg7tZa_panel:last-child{border-top:1px solid var(--experiment-line);border-right:1px solid var(--experiment-line);grid-column:1/-1;width:50%}.Mg7tZa_controls,.Mg7tZa_threeControls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.Mg7tZa_experimentHeader{flex-direction:column;align-items:start}.Mg7tZa_panels,.Mg7tZa_controls,.Mg7tZa_readout{grid-template-columns:1fr}.Mg7tZa_panel,.Mg7tZa_panel:nth-child(2),.Mg7tZa_panel:last-child{border-top:0;border-right:0;border-bottom:1px solid var(--experiment-line);grid-column:auto;width:auto}.Mg7tZa_panel:last-child{border-bottom:0}.Mg7tZa_readout{gap:1.25rem}.Mg7tZa_readoutNote{text-align:left}.Mg7tZa_threeHeader,.Mg7tZa_threeControls{grid-template-columns:1fr}.Mg7tZa_threeMetric{text-align:left;justify-items:start}.Mg7tZa_threeCanvasFrame{height:32rem;min-height:0}}}@layer utilities;
@layer theme,base,reset;@layer components{.mG_KbG_page{--experiment-ink:#20211d;--experiment-muted:#716d64;--experiment-line:#d8d0c2;min-height:100vh;color:var(--experiment-ink);background:#f4efe4;padding:clamp(1.25rem,3vw,2.5rem)}.mG_KbG_experimentHeader{border-bottom:1px solid var(--experiment-line);justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.mG_KbG_methodGrid{border-bottom:1px solid var(--experiment-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.mG_KbG_methodButton{border:0;border-right:1px solid var(--experiment-line);border-bottom:1px solid var(--experiment-line);min-height:6rem;color:var(--experiment-ink);cursor:pointer;text-align:left;background:#faf7f0;gap:.4rem;padding:1rem;display:grid}.mG_KbG_methodButton:nth-child(6n){border-right:0}.mG_KbG_methodButton[aria-current=true]{color:#f8f2e8;background:#20221e}.mG_KbG_activeMethod{border-bottom:1px solid var(--experiment-line);background:#eee7da;grid-template-columns:minmax(14rem,1fr) minmax(16rem,1.5fr) auto;align-items:center;gap:2rem;padding:1.25rem clamp(1.5rem,3vw,2.5rem);display:grid}.mG_KbG_activeSummary{grid-template-columns:auto 1fr;align-items:baseline;gap:.25rem .75rem;display:grid}.mG_KbG_activeControl{grid-template-columns:1fr auto;gap:.25rem 1rem;display:grid}.mG_KbG_workspace{grid-template-columns:minmax(0,2fr) minmax(18rem,.8fr);min-height:42rem;display:grid}.mG_KbG_canvasFrame{min-height:42rem;position:relative}.mG_KbG_canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.mG_KbG_canvas:active{cursor:grabbing}.mG_KbG_readout{color:#eee8dc;background:#20221e;border-left:1px solid #3c3e38;align-content:start;display:grid}.mG_KbG_resultCard{border-bottom:0;gap:.55rem;margin-top:auto;padding:1.5rem;line-height:1.5;display:grid}.mG_KbG_footerBar{border-top:1px solid var(--experiment-line);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.mG_KbG_keyboardControls{border-top:1px solid var(--experiment-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mG_KbG_keyboardGroup{border:0;border-right:1px solid var(--experiment-line);gap:.75rem;margin:0;padding:1.25rem 1.5rem 1.5rem;display:grid}.mG_KbG_keyboardGroup:last-child{border-right:0}.mG_KbG_keyboardGroup:only-child{grid-column:1/-1}.mG_KbG_keyboardControl{font-family:var(--font-code,ui-monospace, monospace);color:var(--experiment-muted);grid-template-columns:1rem 1fr 2.5rem;align-items:center;gap:.75rem;font-size:.75rem;display:grid}.mG_KbG_methodButton:focus-visible,.mG_KbG_canvas:focus-visible{outline-offset:3px;outline:3px solid #a33f2b}@media (max-width:800px){.mG_KbG_experimentHeader{flex-direction:column;align-items:start}.mG_KbG_workspace{grid-template-columns:1fr}.mG_KbG_methodGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.mG_KbG_methodButton:nth-child(6n){border-right:1px solid var(--experiment-line)}.mG_KbG_methodButton:nth-child(3n){border-right:0}.mG_KbG_activeMethod{grid-template-columns:1fr;gap:1rem}.mG_KbG_canvasFrame{min-height:30rem}.mG_KbG_readout{border-top:1px solid #3c3e38;border-left:0;grid-template-columns:repeat(2,1fr)}.mG_KbG_resultCard{margin-top:0}}@media (max-width:520px){.mG_KbG_methodGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mG_KbG_methodButton:nth-child(3n){border-right:1px solid var(--experiment-line)}.mG_KbG_methodButton:nth-child(2n){border-right:0}.mG_KbG_readout{grid-template-columns:1fr}.mG_KbG_canvasFrame{min-height:25rem}.mG_KbG_keyboardControls{grid-template-columns:1fr}.mG_KbG_keyboardGroup{border-right:0;border-bottom:1px solid var(--experiment-line)}.mG_KbG_keyboardGroup:last-child{border-bottom:0}.mG_KbG_footerBar{flex-direction:column;align-items:start;gap:.75rem}}@media (prefers-reduced-motion:reduce){.mG_KbG_canvas{scroll-behavior:auto}}}@layer utilities;
@layer theme,base,reset;@layer components{.Q3Iu2W_page{--experiment-ink:#eaf1ff;--experiment-muted:#8b97aa;--experiment-page-gutter:clamp(1.25rem, 3vw, 2.5rem);min-height:100vh;padding:var(--experiment-page-gutter);color:var(--experiment-ink);box-sizing:border-box;background:radial-gradient(circle at 70% -10%,#16344d 0,#0000 34rem),#080a10;box-shadow:0 0 0 8px #080a10}.Q3Iu2W_experiment{width:min(100%,92rem);margin-inline:auto}.Q3Iu2W_fullWidthExperiment{width:calc(100% + var(--experiment-page-gutter) + var(--experiment-page-gutter));max-width:none;margin-inline:calc(0px - var(--experiment-page-gutter));border-left:0;border-right:0;border-radius:0}.Q3Iu2W_experiment{background:#0b0e16;border:1px solid #253040;border-radius:1.1rem;overflow:hidden;box-shadow:0 2rem 8rem #00000073}.Q3Iu2W_canvasFrame{background:#05070d;border-bottom:1px solid #253040;min-height:min(72vh,52rem);position:relative;overflow:hidden}.Q3Iu2W_tallCanvasFrame{min-height:calc(min(72vh,52rem) + 150px)}.Q3Iu2W_canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.Q3Iu2W_controls{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:1.5rem;padding:1.25rem;display:grid}.Q3Iu2W_control{color:#a8b4c5;grid-template-columns:1fr auto;gap:.65rem 1rem;font-size:.78rem;display:grid}@media (max-width:900px){.Q3Iu2W_controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.Q3Iu2W_controls{grid-template-columns:1fr}.Q3Iu2W_canvasFrame{min-height:58vh}.Q3Iu2W_tallCanvasFrame{min-height:calc(58vh + 150px)}}@media (prefers-reduced-motion:reduce){.Q3Iu2W_canvas{scroll-behavior:auto}}}@layer utilities;