.sy-section{padding:var(--spacing-24) 0;background:var(--colors-bg-default);color:var(--colors-fg-default)}.sy-section :where(h2,h3,p,figure){margin:0}.sy-container{--sy-outline:1;--sy-fill:1;--sy-veins:1;--sy-sources:1;--sy-connection:0;--sy-food-first:0;--sy-food-second:0;--sy-food-third:0;--sy-flash:0;--sy-guide-ink:var(--colors-grass-10);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);grid-template-rows:1fr auto;grid-column-gap:var(--spacing-12);column-gap:var(--spacing-12);max-width:1120px;padding-inline:var(--spacing-8);margin-inline:auto}.sy-container[data-clue=light]{--sy-guide-ink:var(--colors-amber-10)}.sy-container[data-clue=water]{--sy-guide-ink:var(--colors-blue-10)}.sy-intro{grid-column:1;grid-row:1;align-self:center;padding-bottom:var(--spacing-16)}.sy-eyebrow{color:var(--colors-amber-11);font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold);line-height:1.5}.sy-intro h2{margin-top:var(--spacing-4);font-family:var(--font-logo),sans-serif;font-size:var(--font-sizes-5xl);font-weight:var(--font-weights-extrabold);line-height:1.12;letter-spacing:var(--letter-spacings-tight);text-wrap:balance}.sy-intro h2 span{display:block;color:var(--colors-amber-11)}.sy-activity{container:sy-activity/inline-size;grid-column:2;grid-row:1;min-width:0}.sy-activity-heading{padding-left:var(--spacing-6)}.sy-context{color:var(--colors-fg-muted);font-size:var(--font-sizes-sm);line-height:1.5}.sy-activity h3{margin-top:var(--spacing-2);font-size:var(--font-sizes-lg);line-height:1.4;font-weight:var(--font-weights-semibold)}.sy-figure{position:relative;margin-block:var(--spacing-4)}.sy-diagram{position:relative;aspect-ratio:640/450}.sy-leaf{display:block;width:100%;height:100%;overflow:visible}.sy-leaf :where(path,circle,ellipse){stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sy-leaf-outline{stroke:var(--colors-grass-10);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sy-outline))}.sy-leaf-fill{fill:var(--colors-grass-4);opacity:var(--sy-fill)}.sy-leaf-plane{fill:var(--colors-grass-6);opacity:var(--sy-fill)}.sy-leaf-shadow{fill:var(--colors-grass-3);opacity:var(--sy-fill)}.sy-veins{stroke:var(--colors-grass-10);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sy-veins))}.sy-veins .sy-midvein{stroke-width:3px}.sy-pores{opacity:var(--sy-veins);stroke:var(--colors-grass-10);fill:var(--colors-bg-default)}.sy-pores path{stroke-width:3px}.sy-route-light{--sy-ink:var(--colors-amber-9)}.sy-route-water{--sy-ink:var(--colors-blue-9)}.sy-route-air{--sy-ink:var(--colors-grass-11)}.sy-route{opacity:var(--sy-sources)}.sy-route-track{stroke:var(--colors-neutral-7);stroke-dasharray:5 7}.sy-route[data-preview]:not([data-active]):not([data-guided]) .sy-route-track{stroke:var(--sy-ink);opacity:.65}.sy-route-track{transition:stroke .16s ease}.sy-route-ink{stroke:var(--sy-ink);stroke-dasharray:1;animation:sy-trace .65s ease-out both}.sy-route[data-guided] .sy-route-ink{opacity:.55;stroke-dasharray:.035 .025;animation:sy-clue-trace .95s ease-out both}.sy-route-pulse{fill:var(--sy-ink);offset-rotate:0deg;animation:sy-travel .95s ease-in-out both}.sy-source{opacity:calc(.35 + .65 * var(--sy-sources));transition:fill .18s ease,stroke .18s ease;fill:var(--colors-bg-default);stroke:var(--colors-neutral-7)}.sy-source[data-guided]{stroke:var(--sy-guide-ink)}.sy-source-light[data-active]{fill:var(--colors-amber-4);stroke:var(--colors-amber-9)}.sy-source-water[data-active]{fill:var(--colors-blue-4);stroke:var(--colors-blue-9)}.sy-source-air[data-active]{fill:var(--colors-grass-4);stroke:var(--colors-grass-10)}.sy-source-air path,.sy-source-water .sy-drop-detail{fill:none}.sy-sugars{opacity:0}.sy-sugars[data-visible]{opacity:1}.sy-sugar{fill:var(--colors-amber-4);stroke:var(--colors-amber-10);transform-box:fill-box;transform-origin:center;--sy-food:var(--sy-food-first);opacity:var(--sy-food);transform:scale(calc(.82 + .18 * var(--sy-food)))}.sy-sugar-second{--sy-food:var(--sy-food-second)}.sy-sugar-third{--sy-food:var(--sy-food-third)}.sy-food-spark{fill:var(--colors-amber-3);stroke:var(--colors-amber-9);opacity:var(--sy-flash)}.sy-inputs{position:absolute;inset:0;min-width:0;padding:0;margin:0;border:0;pointer-events:none}.sy-input-anchor{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.sy-anchor-light{left:max(52px,11%);top:40%}.sy-anchor-water{left:max(52px,11%);top:88%}.sy-anchor-air{left:min(calc(100% - 52px),86%);top:88%}.sy-input{min-height:48px;height:auto;padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2)}.sy-input.button--variant_secondary{--btn-edge:var(--colors-color-palette-7);background:var(--colors-color-palette-2);color:var(--colors-color-palette-12)}@media (hover:hover){.sy-input.button--variant_secondary:hover{--btn-edge:var(--colors-color-palette-8);background:var(--colors-color-palette-3)}}.sy-input.button--variant_secondary[aria-pressed=true]{--btn-edge:var(--colors-color-palette-default);background:var(--colors-color-palette-4);color:var(--colors-color-palette-12)}@media (hover:hover){.sy-input.button--variant_secondary[aria-pressed=true]:hover{--btn-edge:var(--colors-color-palette-emphasized);background:var(--colors-color-palette-5)}}.sy-input svg{flex:none;width:20px;height:20px;stroke:currentColor}.sy-clue-button path,.sy-input :where(path,circle){stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sy-input[data-guided]{outline:2px dashed var(--sy-guide-ink);outline-offset:4px}.sy-input[data-guided]:focus-visible{outline-style:solid}.sy-guardian{display:flex;align-items:center;gap:var(--spacing-4);min-width:0;margin-top:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border:2px solid var(--colors-neutral-5);background:var(--colors-bg-default)}.sy-guardian-avatar{position:relative;flex:none;width:96px}.sy-guardian:where([data-guiding]) .sy-guardian-avatar:after{content:"";position:absolute;inset:4%;border:2px solid var(--sy-guide-ink);border-radius:var(--radii-full);pointer-events:none;animation:sy-clue-halo .85s ease-out both}.sy-guardian-portrait-character{position:relative}.sy-guardian-portrait,.sy-guardian-portrait-vector{flex:none;display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1}.sy-guardian-portrait-layer{position:absolute;inset:0}.sy-guardian-portrait-character[data-ready=true] .sy-guardian-portrait{opacity:0}.sy-guardian-portrait-playback{position:absolute;bottom:-8px;right:-8px;min-width:40px;min-height:40px}.sy-guardian-speech{flex:1 1;min-width:0}.sy-guardian-name{font-size:var(--font-sizes-sm);font-weight:var(--font-weights-semibold);color:var(--colors-grass-11)}.sy-guardian[data-guiding] .sy-guardian-name{color:var(--sy-guide-ink)}.sy-clue{margin-top:var(--spacing-2);min-height:3em;font-size:var(--font-sizes-sm);line-height:1.5;text-wrap:pretty}.sy-guardian-action{min-height:48px}.sy-clue-button{gap:var(--spacing-2);min-height:44px;height:auto;margin-top:var(--spacing-1)}.sy-clue-button svg{width:20px;height:20px;stroke:currentColor}.sy-caption{grid-column:2;grid-row:2;text-align:center;margin-top:var(--spacing-2);color:var(--colors-fg-muted);font-size:var(--font-sizes-xs);line-height:1.5}.sy-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}.sy-detail{opacity:var(--sy-veins)}.sy-detail-origin{stroke:var(--colors-grass-10);fill:var(--colors-grass-a3)}.sy-detail-leader{stroke:var(--colors-neutral-7);stroke-dasharray:4 6}.sy-detail-signal{stroke:var(--colors-amber-9);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--sy-connection))}.sy-lens-depth{fill:var(--colors-neutral-5)}.sy-lens-face{fill:var(--colors-bg-default);stroke:var(--colors-neutral-5)}.sy-cell{fill:var(--colors-grass-3);stroke:var(--colors-grass-7)}.sy-chloroplasts{fill:var(--colors-grass-6);stroke:var(--colors-grass-10)}.sy-lens-label{position:absolute;top:49%;left:82%;transform:translateX(-50%);white-space:nowrap;font-size:var(--font-sizes-xs);font-weight:var(--font-weights-semibold);color:var(--colors-fg-muted)}.sy-container[data-complete] .sy-lens-label{color:var(--colors-grass-11)}.sy-container:where([data-still]) :where(.sy-route-ink){animation:none}.sy-container:where([data-still]) :where(.sy-route-pulse){display:none}@keyframes sy-trace{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sy-clue-trace{0%{opacity:0}to{opacity:.55}}@keyframes sy-travel{0%{offset-distance:0;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes sy-clue-halo{0%{opacity:0;transform:scale(.94)}20%{opacity:.65}to{opacity:0;transform:scale(1.16)}}.sy-container:is([data-onscreen=false],[data-document-visible=false]) :where(.sy-route-ink,.sy-route-pulse),.sy-container:where([data-onscreen=false],[data-document-visible=false]) .sy-guardian-avatar:after{animation-play-state:paused}@media (max-width:900px){.sy-container{column-gap:var(--spacing-6);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.sy-intro h2{font-size:var(--font-sizes-4xl)}.sy-input{padding-inline:var(--spacing-3)}}@media (max-width:700px){.sy-section{padding-block:var(--spacing-16)}.sy-container{grid-template-columns:minmax(0,1fr);padding-inline:var(--spacing-5);max-width:580px}.sy-intro{grid-column:1;grid-row:1;padding:0;text-align:center;margin-bottom:var(--spacing-8)}.sy-activity{grid-column:1;grid-row:2}.sy-activity-heading{padding-left:0;text-align:center}.sy-guardian{padding:var(--spacing-3);gap:var(--spacing-3)}.sy-guardian-avatar{width:72px}.sy-caption{grid-column:1;grid-row:3;margin-top:var(--spacing-4)}}@media (max-width:390px){.sy-container{padding-inline:var(--spacing-4)}.sy-intro h2{font-size:var(--font-sizes-3xl)}.sy-input{padding-inline:var(--spacing-2);gap:var(--spacing-1);font-size:var(--font-sizes-sm)}.sy-input svg{width:18px;height:18px}}@container sy-activity (max-width: 420px){.sy-inputs{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5rem),1fr));grid-gap:var(--spacing-2);gap:var(--spacing-2);margin-top:var(--spacing-2)}.sy-input-anchor{position:static;transform:none;display:flex;min-width:0}.sy-input{width:100%;padding-inline:var(--spacing-2);white-space:normal;overflow-wrap:anywhere;gap:var(--spacing-1)}.sy-guardian{gap:var(--spacing-3);padding:var(--spacing-3)}.sy-guardian-avatar{width:72px}.sy-lens-label{left:auto;right:0;transform:none;max-width:36%;white-space:normal;text-align:center;text-wrap:balance}}@media (prefers-reduced-motion:reduce){.sy-section *,.sy-section :after,.sy-section :before{transition:none}.sy-container .sy-route-ink{animation:none}.sy-container .sy-guardian-avatar:after,.sy-container :where(.sy-route-pulse){animation:none;display:none}}@media (forced-colors:active){.sy-leaf :where(path,circle,ellipse){stroke:CanvasText}.sy-route[data-active] .sy-route-ink{stroke:Highlight;stroke-width:3px}.sy-input[data-guided]{outline-color:Highlight}}