.code-discovery{padding-block:clamp(80px,10vw,152px);scroll-margin-top:80px;background:var(--colors-bg-default);color:var(--colors-fg-default)}.code-discovery-layout{display:grid;align-items:center;grid-gap:var(--spacing-10);gap:var(--spacing-10);max-width:1120px;margin-inline:auto}.code-discovery-copy{max-width:450px;margin-inline:auto;text-align:center}.code-discovery-eyebrow{margin:0 0 var(--spacing-4);color:var(--colors-violet-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold)}.code-discovery h2{margin:0;font-family:var(--font-logo),sans-serif;font-weight:var(--font-weights-extrabold);font-size:clamp(30px,4vw,46px);line-height:1.17;letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.code-discovery .code-syntax-keyword,.code-discovery-highlight{color:var(--colors-violet-11)}.code-discovery-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}.code-discovery-description{margin:var(--spacing-5) 0 0;font-size:var(--font-sizes-lg);line-height:1.65;color:var(--colors-fg-muted);text-wrap:pretty}.code-discovery-controls{border:0;padding:0;margin:var(--spacing-8) 0 0;min-width:0}.code-discovery-controls legend{padding:0;margin:0 auto var(--spacing-3);font-size:var(--font-sizes-sm);color:var(--colors-fg-muted)}.code-discovery-controls>div{display:flex;gap:var(--spacing-2);justify-content:center}.code-discovery-controls button{min-height:44px;min-width:78px}.code-discovery-explanation{min-height:3em;margin:var(--spacing-5) 0 0;font-size:var(--font-sizes-sm);color:var(--colors-fg-muted);line-height:1.5;text-wrap:balance}.code-discovery-figure{margin:0;width:100%;max-width:620px;justify-self:center;min-width:0}.code-discovery-art{width:100%;height:auto;display:block;overflow:visible}.code-discovery-coordinates{stroke:var(--colors-accent-5)}.code-discovery-original{stroke:var(--colors-fg-default);opacity:.3}.code-discovery-measure{color:var(--colors-amber-11);stroke:currentColor}.code-discovery-value{fill:var(--colors-amber-11);font:600 18px var(--font-code),monospace}.code-discovery-line{position:relative;margin:-18px auto 0;width:80%;padding:var(--spacing-4) var(--spacing-5);border:2px solid var(--colors-accent-6);border-radius:var(--radii-xl);background:var(--colors-bg-default);box-shadow:0 4px 0 var(--colors-accent-6)}.code-discovery-line-label{display:block;font-size:var(--font-sizes-xs);color:var(--colors-fg-muted);margin-bottom:var(--spacing-2)}.code-discovery-line code{font-family:var(--font-code),monospace;font-size:clamp(15px,3vw,19px)}.code-discovery-line strong{padding:2px 7px;border-radius:var(--radii-sm);color:var(--colors-amber-11);background:var(--colors-amber-a3);transition:background .35s}.code-discovery-line[data-tracing=true] strong{background:var(--colors-amber-a5)}.code-discovery-figure figcaption{margin-top:var(--spacing-6);text-align:center;color:var(--colors-fg-muted);font-size:var(--font-sizes-xs)}.code-discovery-legend{display:flex;gap:var(--spacing-5);justify-content:center;flex-wrap:wrap}.code-discovery-legend>span{display:inline-flex;align-items:center;gap:var(--spacing-2)}.code-discovery-legend i{display:block;width:20px;height:0;border-top:2px solid}.code-discovery-legend .code-discovery-legend-original{border-top-style:dotted;border-color:var(--colors-fg-muted)}.code-discovery-legend .code-discovery-legend-yours{border-color:var(--colors-amber-10)}.code-discovery-figure figcaption p{margin:var(--spacing-3) 0 0}@media (min-width:960px){.code-discovery-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--spacing-12)}.code-discovery-copy{text-align:left}.code-discovery-controls legend{margin-left:0}.code-discovery-controls>div{justify-content:flex-start}}@media (max-width:479px){.code-discovery-value{font-size:26px}.code-discovery-description{font-size:var(--font-sizes-md)}.code-discovery-layout{gap:var(--spacing-3)}.code-discovery-line{width:94%;margin-top:-12px}}@media (prefers-reduced-motion:reduce){.code-discovery-line strong{transition:none}}.code-page{padding-top:calc(var(--spacing-16) + 2px)}.code-hero{display:flex;min-height:calc(100svh - var(--spacing-16) - 2px);padding-block:var(--spacing-8) var(--spacing-12);background:var(--colors-bg-default);color:var(--colors-fg-default);overflow:clip}.code-hero-stage{display:flex;flex-direction:column;justify-content:center}.code-hero-layout{display:grid;grid-template-areas:"art" "copy";align-items:center;justify-items:center;grid-gap:var(--spacing-10);gap:var(--spacing-10)}.code-hero-copy{grid-area:copy;width:100%;min-width:0;max-width:480px;text-align:center}.code-hero-eyebrow{margin:0 0 var(--spacing-4);color:var(--colors-violet-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold)}.code-hero h1{margin:0;font-family:var(--font-logo),sans-serif;font-size:clamp(var(--font-sizes-3xl),8vw,var(--font-sizes-4xl));line-height:1.13;font-weight:var(--font-weights-extrabold);letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.code-hero h1 span{color:var(--colors-violet-11)}.code-hero-description{max-width:30ch;margin:var(--spacing-5) auto 0;font-size:var(--font-sizes-md);color:var(--colors-fg-muted);line-height:1.65;text-wrap:pretty}.code-hero-actions{display:flex;justify-content:center;margin-top:var(--spacing-7)}.code-hero-actions>button{width:100%;max-width:280px;white-space:normal}.code-hero-visual{grid-area:art;position:relative;width:100%;max-width:580px;min-width:0;isolation:isolate}.code-garden{margin:0}.code-garden-art{width:100%;height:auto;display:block;overflow:visible}.code-garden-ground{fill:var(--colors-neutral-a3)}.code-garden-guide{fill:none;stroke:var(--colors-accent-5);stroke-width:2;stroke-dasharray:2 10;stroke-linecap:round}.code-garden-coordinate{stroke:var(--colors-accent-7)}.code-garden-sparks{stroke:var(--colors-amber-10)}.code-garden-bloom{animation:code-bloom-settle .65s ease-out both;transform-origin:0 0}.code-garden-bloom[data-still=true]{animation:none}.code-hero-visual[data-playing=false] .code-garden-bloom{animation-play-state:paused}.code-garden-program{position:relative;width:88%;margin:-48px auto 0;padding:var(--spacing-4) var(--spacing-5);border:2px solid var(--colors-accent-6);border-radius:var(--radii-2xl);background:var(--colors-bg-default);box-shadow:0 5px 0 var(--colors-accent-6)}.code-program-label{display:flex;align-items:center;gap:var(--spacing-3);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:2px solid var(--colors-accent-6);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-medium);color:var(--colors-fg-muted)}.code-program-mark{font-family:var(--font-code),monospace;color:var(--colors-violet-11);font-weight:var(--font-weights-bold);white-space:nowrap}.code-program-light{width:6px;height:6px;border-radius:50%;flex:0 0 6px;margin-left:auto;background:var(--colors-accent-6);transition:background .25s}.code-program-light[data-active=true]{background:var(--colors-amber-9)}.code-program-source{margin:0;font-family:var(--font-code),monospace;font-size:clamp(12px,2.45vw,14px);line-height:1.8;white-space:pre}.code-program-source code{font-family:inherit}.code-program-line{display:block}.code-syntax-keyword{color:var(--colors-violet-11)}.code-syntax-number{color:var(--colors-amber-11);font-weight:var(--font-weights-bold)}.code-syntax-function{color:var(--colors-grass-11)}.code-program-instruction{position:relative;border-radius:var(--radii-sm);transition:background .25s}.code-program-instruction[data-active=true]{background:var(--colors-amber-a3)}.code-program-iteration{position:absolute;right:4px;font-size:.75em;color:var(--colors-fg-muted)}.code-garden-caption{margin-top:var(--spacing-6);font-size:var(--font-sizes-sm);color:var(--colors-fg-muted);text-align:center;text-wrap:balance}.code-petal-selector{border:0;padding:0;margin:var(--spacing-3) 0 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-4)}.code-petal-selector legend{float:left;padding:0;font-size:var(--font-sizes-sm);color:var(--colors-fg-muted)}.code-petal-selector>div{display:flex;gap:var(--spacing-2)}.code-petal-selector button{min-width:44px;min-height:44px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.code-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 code-bloom-settle{0%{transform:scale(.97)}65%{transform:scale(1.01)}to{transform:scale(1)}}@media (min-width:768px){.code-hero h1{font-size:var(--font-sizes-5xl)}}@media (min-width:1024px){.code-hero{padding-block:var(--spacing-5) var(--spacing-8)}.code-hero-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,.92fr);grid-template-areas:"art copy";gap:clamp(var(--spacing-8),4vw,var(--spacing-16))}.code-hero-visual{max-width:clamp(460px,calc((100svh - 328px) * 1.42),660px)}.code-hero-copy{text-align:left}.code-hero h1{font-size:clamp(var(--font-sizes-4xl),4.1vw,var(--font-sizes-6xl))}.code-hero-description{margin-inline:0;font-size:var(--font-sizes-lg)}.code-hero-actions{justify-content:flex-start}.code-garden-program{margin-top:-64px}}@media (max-width:767px) and (max-height:800px){.code-hero{padding-top:var(--spacing-3)}.code-hero-visual{max-width:440px}.code-hero-layout{gap:var(--spacing-8)}.code-hero h1{font-size:var(--font-sizes-3xl)}}@media (max-width:359px){.code-garden-program{width:96%;padding-inline:var(--spacing-3);margin-top:-36px}.code-program-label{gap:var(--spacing-2)}.code-petal-selector{gap:var(--spacing-3)}}@media (prefers-reduced-motion:reduce){.code-garden-bloom{animation:none}.code-program-instruction,.code-program-light{transition:none}}.code-hint{padding-block:clamp(72px,9vw,128px);color:var(--colors-fg-default);background:var(--colors-bg-default);scroll-margin-top:82px}.code-hint-intro{max-width:710px;margin:0 auto var(--spacing-12);text-align:center}.code-hint-eyebrow{margin:0 0 var(--spacing-4);font-size:var(--font-sizes-sm);color:var(--colors-violet-11);font-weight:var(--font-weights-bold)}.code-hint h2{margin:0;font-family:var(--font-logo),sans-serif;font-size:clamp(30px,4vw,46px);line-height:1.17;font-weight:var(--font-weights-extrabold);letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.code-hint-intro h2 span{color:var(--colors-violet-11)}.code-hint-description{margin:var(--spacing-5) auto 0;max-width:45ch;color:var(--colors-fg-muted);font-size:var(--font-sizes-lg);line-height:1.65;text-wrap:pretty}.code-hint-layout{display:grid;max-width:1120px;margin-inline:auto;align-items:center;grid-gap:var(--spacing-10);gap:var(--spacing-10)}.code-hint-scene{position:relative;min-width:0;width:100%;max-width:620px;margin-inline:auto}.code-hint-guidance{position:relative;z-index:1;width:74%;max-width:370px;margin-inline:4% auto}.code-hint-speaker{margin:0 0 var(--spacing-2) var(--spacing-3);font-size:var(--font-sizes-xs);font-weight:var(--font-weights-bold);color:var(--colors-violet-11)}.code-hint-bubble{min-height:98px;font-size:var(--font-sizes-md);line-height:1.5}.code-hint-bubble p{margin:0;text-wrap:pretty}.code-hint-figure{margin:-75px 0 0}.code-hint-art{display:block;width:100%;height:auto;overflow:visible}.code-hint-ground{fill:var(--colors-neutral-a3)}.code-hint-clue-path,.code-hint-missing{stroke:var(--colors-violet-10)}.code-hint-figure figcaption{text-align:center;margin-top:var(--spacing-1);color:var(--colors-fg-muted);font-size:var(--font-sizes-xs)}.code-hint-exercise{width:100%;max-width:450px;min-width:0;margin-inline:auto}.code-hint-example{font-size:var(--font-sizes-xs);margin:0 0 var(--spacing-3);color:var(--colors-fg-muted)}.code-hint-exercise h3{margin:0;font-size:clamp(22px,3vw,28px);font-family:var(--font-logo),sans-serif;font-weight:var(--font-weights-bold);line-height:1.25;text-wrap:balance}.code-hint-program{border:2px solid var(--colors-accent-6);box-shadow:0 4px 0 var(--colors-accent-6);border-radius:var(--radii-2xl);background:var(--colors-bg-default);padding:var(--spacing-5);margin-block:var(--spacing-6)}.code-hint-program-label{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);color:var(--colors-fg-muted);font-size:var(--font-sizes-xs);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3);border-bottom:2px solid var(--colors-accent-6)}.code-hint-program-label>:first-child{color:var(--colors-violet-11);font-family:var(--font-code),monospace}.code-hint-program pre{margin:0;font-size:clamp(12px,2.5vw,14px);line-height:1.9;white-space:pre}.code-hint-program code{font-family:var(--font-code),monospace}.code-hint-program code>span{display:block}.code-hint-program b{color:var(--colors-violet-11);font-weight:500}.code-hint-program em{color:var(--colors-grass-11);font-style:normal}.code-hint-program mark{display:inline-block;min-width:1.4em;border-radius:var(--radii-sm);text-align:center;background:var(--colors-amber-a3);color:var(--colors-amber-11);font-weight:var(--font-weights-bold);transition:background .25s}.code-hint-program[data-hint=true] mark{background:var(--colors-violet-a4);color:var(--colors-violet-11)}.code-hint-answers{display:flex;gap:var(--spacing-3);border:0;margin:0;padding:0;min-width:0}.code-hint-answers button{flex:1 1;min-width:0;min-height:48px;white-space:normal}.code-hint-request{margin-top:var(--spacing-4);min-height:44px}.code-hint-completed{margin:var(--spacing-4) 0 0;min-height:44px;display:flex;align-items:center;color:var(--colors-grass-11);font-size:var(--font-sizes-sm)}.code-hint-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}.code-hint-tail-phone{display:none}@media (max-width:959px){.code-hint-layout{grid-template-areas:"program" "art" "actions" "guidance";gap:var(--spacing-5);max-width:450px}.code-hint-exercise,.code-hint-scene{display:contents}.code-hint-program-group{grid-area:program;min-width:0}.code-hint-program{margin-bottom:0}.code-hint-figure{grid-area:art;margin:0}.code-hint-actions{grid-area:actions;min-width:0}.code-hint-guidance{grid-area:guidance;width:100%;max-width:none;margin:0}.code-hint-tail-desktop{display:none}.code-hint-tail-phone{display:block}}@media (min-width:960px){.code-hint-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr);gap:var(--spacing-14)}}@media (max-width:479px){.code-hint-intro{margin-bottom:var(--spacing-8)}.code-hint-description{font-size:var(--font-sizes-md)}.code-hint-bubble{min-height:94px}.code-hint-figure{margin-top:-10px}.code-hint-program{padding:var(--spacing-4)}.code-hint-answers{gap:var(--spacing-2)}}@media (prefers-reduced-motion:reduce){.code-hint-program mark{transition:none}}.code-invitation{padding-top:clamp(64px,7vw,112px);background:var(--colors-bg-default);color:var(--colors-fg-default);scroll-margin-top:82px;overflow:clip;margin-bottom:-1px}.code-invitation-copy{max-width:680px;margin-inline:auto;text-align:center}.code-invitation-copy h2{margin:0;font-family:var(--font-logo),sans-serif;font-size:clamp(34px,4.4vw,54px);font-weight:var(--font-weights-extrabold);line-height:1.13;letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.code-invitation-copy h2 span{display:block;color:var(--colors-violet-11)}.code-invitation-copy p{margin:var(--spacing-5) auto var(--spacing-7);max-width:39ch;font-size:var(--font-sizes-lg);line-height:1.6;color:var(--colors-fg-muted);text-wrap:balance}.code-invitation-copy>a{gap:var(--spacing-3);min-height:56px}.code-invitation-ground{margin-top:var(--spacing-6);background:linear-gradient(transparent calc(100% - 36px),var(--colors-violet-9) calc(100% - 36px))}.code-invitation-scene{width:100%;max-width:1440px;margin-inline:auto}.code-invitation-art{display:block;width:100%;height:auto;overflow:visible}.code-invitation-floor{fill:var(--colors-violet-9)}.code-invitation-shadow{fill:#352559;opacity:.2}@media (max-width:599px){.code-invitation-copy p{font-size:var(--font-sizes-md);max-width:31ch}.code-invitation-copy>a{width:min(100%,320px);white-space:normal;text-align:center}.code-invitation-ground{margin-top:var(--spacing-7)}}