.cycle-chain[data-astro-cid-avyvkuiw]{background:var(--diagram-plate,transparent);color:var(--deep);border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 8px;margin:0;padding:12px;list-style:none;display:flex}.cycle-chain__step[data-astro-cid-avyvkuiw]{align-items:center;gap:8px;display:inline-flex}.cycle-chain__arrow[data-astro-cid-avyvkuiw]{color:var(--muted);display:inline-flex}.cycle-chain__chip[data-astro-cid-avyvkuiw]{border-radius:var(--r-pill);color:var(--deep);padding:8px 14px;font-size:16px;font-weight:800;display:inline-block}.cycle-chain__step--water-tint[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--water-tint)}.cycle-chain__step--sun[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--sun)}.cycle-chain__step--sun-tint[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--sun-tint)}.cycle-chain__step--leaf-tint[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--leaf-tint)}.cycle-chain__step--pond[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw],.cycle-chain__step--leaf[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{color:var(--white);font-size:19px}.cycle-chain__step--pond[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--pond)}.cycle-chain__step--leaf[data-astro-cid-avyvkuiw] .cycle-chain__chip[data-astro-cid-avyvkuiw]{background:var(--leaf)}.tank{width:100%;container-type:inline-size}.tank__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"drawing""controls""feedback""readouts""chart""help";gap:14px;width:100%;display:grid}.tank__drawing{grid-area:drawing;min-width:0}.tank__drawing .diagram{gap:0;position:relative}.tank__drawing .diagram__art{max-height:min(280px,40vh)}.tank__drawing .diagram__controls{position:absolute;top:0;right:0}@container (width<=459px){.tank__drawing .pause-toggle{width:var(--target);gap:0;padding:0;font-size:0}}.tank__controls{flex-direction:column;grid-area:controls;gap:8px;display:flex}.tank-row{grid-template-columns:4.6em minmax(0,1fr);align-items:center;gap:8px;display:grid}.tank-row__label{white-space:nowrap;font-size:17px;font-weight:800;line-height:1.2}.tank-row__value{font-family:var(--font-mono);margin-left:2px;font-size:20px;font-weight:500}.tank-stepper{grid-template-columns:var(--target) minmax(0, 1fr) var(--target);align-items:center;gap:8px;display:grid}.tank-stepper__btn{width:var(--target);padding:0}.tank-range{-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:var(--target);cursor:pointer;border-radius:var(--r-pill);background:0 0;margin:0}.tank-range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:var(--water-tint);border:2px solid var(--stop-idle-line);height:12px}.tank-range::-moz-range-track{border-radius:var(--r-pill);background:var(--water-tint);border:2px solid var(--stop-idle-line);height:12px}.tank-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--white);border:var(--stroke) solid var(--deep);border-radius:50%;width:30px;height:30px;margin-top:-11px}.tank-range::-moz-range-thumb{background:var(--white);border:var(--stroke) solid var(--deep);border-radius:50%;width:24px;height:24px}.tank-range:focus-visible{outline:var(--stroke) solid var(--water);outline-offset:2px}.tank-seg{border:var(--stroke) solid var(--deep);border-radius:var(--r-pill);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.tank-seg__opt{min-height:calc(var(--target) - 2 * var(--stroke));color:var(--deep);cursor:pointer;transition:background-color var(--t-tap) var(--ease-out);justify-content:center;align-items:center;gap:4px;padding:0 4px;font-size:16px;font-weight:800;display:flex;position:relative}.tank-seg__opt+.tank-seg__opt{border-left:2px solid var(--deep)}.tank-seg__opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.tank-seg__opt.is-on{background:var(--deep);color:var(--paper)}.tank-seg__opt .icon{flex:none;width:16px;height:16px}.tank-seg__opt:has(input:focus-visible){outline:var(--stroke) solid var(--water);outline-offset:-6px}.tank-seg__opt.is-on:has(input:focus-visible){outline-color:var(--water-light)}@container (width<=459px){.tank-seg__opt{flex-direction:column;gap:0;padding:0 2px;line-height:1.1}}.tank__actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.tank__next .icon{width:20px;height:20px}.tank__controls .btn[aria-disabled=true]{border-color:var(--stop-idle-line);color:var(--muted);cursor:default}.tank__status{flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0;font-size:17px;font-weight:800;line-height:1.3;display:flex}.tank__step{font-family:var(--font-mono);font-weight:500}.tank__count{font-size:16px}.tank__feedback{grid-area:feedback}.tank__feedback>p{margin:0}.tank__goal{border-radius:var(--r-answer);background:var(--water-tint);padding:10px 16px;font-size:18px;font-weight:700;line-height:1.4}.tank-feedback,.tank-reason{border-radius:var(--r-answer);border:var(--stroke) solid var(--sun);background:var(--sun-tint);align-items:flex-start;gap:10px;padding:12px 16px;font-size:18px;font-weight:700;line-height:1.4;display:flex}.tank-feedback .icon,.tank-reason .icon{width:22px;height:22px;color:var(--sun-ink);flex:none;margin-top:2px}.tank-feedback.is-right{border-color:var(--leaf);background:var(--leaf-tint)}.tank-feedback.is-right .icon{color:var(--leaf-ink)}.tank-feedback strong{font-weight:800}.tank-feedback.is-right strong{color:var(--leaf-ink)}.tank-feedback.is-not-quite strong{color:var(--sun-ink)}.tank__readouts{flex-direction:column;grid-area:readouts;gap:10px;display:flex}.tank-readouts{grid-template-columns:minmax(0,1fr);gap:4px;margin:0;padding:0;list-style:none;display:grid}.tank-readout{border-bottom:2px solid var(--line);grid-template-columns:minmax(0,1fr) 30px 8.6em;align-items:center;gap:10px;padding:4px 0;display:grid}.tank-readout:last-child{border-bottom:none}.tank-readout__name{font-size:17px;font-weight:800}.tank-readout__symbol{justify-content:center;display:flex}.tank-readout__symbol .icon{width:24px;height:24px}.tank-readout__word{border-radius:var(--r-pill);text-align:center;background:var(--stop-idle);color:var(--deep);transition:background-color var(--t-grow) var(--ease-out);padding:4px 10px;font-size:15px;font-weight:800}.tank-readout.is-good .tank-readout__word{background:var(--leaf-tint);color:var(--leaf-ink)}.tank-readout.is-good .tank-readout__symbol{color:var(--leaf-ink)}.tank-readout.is-warn .tank-readout__word{background:var(--sun-tint);color:var(--sun-ink)}.tank-readout.is-warn .tank-readout__symbol{color:var(--sun-ink)}.tank-meter__bar{fill:none;stroke:currentColor;stroke-width:2px}.tank-meter__bar.is-on{fill:currentColor}.tank-crew{border-radius:var(--r-answer);border:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 12px;display:flex}.tank-crew__art{flex:none}.tank-crew__text{color:var(--deep);flex-direction:column;margin:0;font-size:17px;font-weight:600;line-height:1.35;display:flex}.tank-crew__text>span{white-space:nowrap}.tank-crew__name{font-weight:800}.tank__chart{grid-area:chart;min-width:0}.tank__chart .diagram__art{max-height:min(300px,50vh)}.tank__help{flex-direction:column;grid-area:help;gap:14px;display:flex}.tank__buttons{flex-wrap:wrap;gap:10px;display:flex}.tank-hint{border-radius:var(--r-answer);background:var(--sun-tint);align-items:flex-start;gap:10px;max-width:46ch;margin:0;padding:12px 16px;font-size:18px;font-weight:600;line-height:1.45;display:flex}.tank-hint:before{content:"";background:var(--sun);border-radius:50%;flex:none;width:14px;height:14px;margin-top:6px}.tank__sprout .bubble .icon{width:18px;height:18px;color:var(--leaf-ink)}@container (width>=620px){.tank__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px 28px}.tank--balance .tank__grid{grid-template-rows:auto auto 1fr auto;grid-template-areas:"drawing controls""drawing feedback""drawing readouts""help help"}.tank--cycle .tank__grid{grid-template-rows:auto auto auto 1fr;grid-template-areas:"drawing chart""controls readouts""feedback readouts""help readouts"}.tank__drawing .diagram__art{max-height:min(400px,50vh)}.tank--cycle .tank__chart{align-self:center}}.tank-fallback{flex-direction:column;gap:14px;display:flex}.tank-fallback p{max-width:55ch;margin:0;font-size:22px;font-weight:600;line-height:1.55}.tank-table{border-collapse:collapse;width:100%;max-width:720px;font-size:18px;line-height:1.4}.tank-table caption{text-align:left;padding-bottom:8px;font-size:18px;font-weight:800}.tank-table th,.tank-table td{text-align:left;vertical-align:top;border-bottom:2px solid var(--line);padding:10px 12px}.tank-table thead th{color:var(--slate);font-size:15px}.tank-table tbody th{font-weight:800}.tank-table__setup{color:var(--slate);font-size:15px;font-weight:600;display:block}@media (prefers-reduced-motion:reduce){.tank-seg__opt,.tank-readout__word{transition:none}}.ph{width:100%;container-type:inline-size}.ph__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"plant""control""goal""locks""help";gap:14px;width:100%;display:grid}.ph__plant{grid-area:plant;min-width:0}.ph__plant .diagram{gap:0;position:relative}.ph__plant .diagram__art{max-height:min(260px,40vh)}.ph__plant .diagram__controls{position:absolute;top:0;right:0}@container (width<=419px){.ph__plant .pause-toggle{width:var(--target);gap:0;padding:0;font-size:0}}.ph__goal{border-radius:var(--r-answer);background:var(--water-tint);transition:background-color var(--t-grow) var(--ease-out);flex-wrap:wrap;grid-area:goal;justify-content:space-between;align-items:center;gap:4px 12px;margin:0;padding:10px 16px;font-size:20px;font-weight:800;line-height:1.3;display:flex}.ph__goal.is-met{background:var(--leaf-tint);color:var(--leaf-ink)}.ph__goal-text{align-items:center;gap:8px;display:inline-flex}.ph__goal-text .icon{width:22px;height:22px}.ph__count{font-family:var(--font-mono);color:var(--deep);font-size:15px;font-weight:500}.ph__locks{grid-area:locks;grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.ph-lock{border-bottom:2px solid var(--line);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 0;display:grid}.ph-lock:last-child{border-bottom:none}.ph-lock__icon{width:32px;height:36px;overflow:visible}.ph-lock__shackle{fill:none;stroke:var(--deep);stroke-width:var(--stroke);stroke-linecap:round;transition:transform var(--t-grow) var(--ease-out)}.ph-lock__body{stroke:var(--deep);stroke-width:var(--stroke);stroke-linejoin:round;transition:fill var(--t-grow) var(--ease-out)}.ph-lock__hole{fill:var(--white)}.ph-lock.is-open .ph-lock__shackle{transform:translateY(-7px)}.ph-lock.is-sticking .ph-lock__shackle{transform:translateY(-3.5px)}.ph-lock.is-open .ph-lock__body{fill:var(--leaf)}.ph-lock.is-sticking .ph-lock__body{fill:var(--sun)}.ph-lock.is-locked .ph-lock__body{fill:var(--slate)}.ph-lock__name{flex-direction:column;line-height:1.2;display:flex}.ph-lock__nutrient{font-size:17px;font-weight:800}.ph-lock__role{color:var(--slate);font-size:15px;font-weight:600}.ph-lock__state{border-radius:var(--r-pill);text-align:center;min-width:6.5em;transition:background-color var(--t-grow) var(--ease-out);padding:4px 12px;font-size:15px;font-weight:800}.ph-lock.is-open .ph-lock__state{background:var(--leaf-tint);color:var(--leaf-ink)}.ph-lock.is-sticking .ph-lock__state{background:var(--sun-tint);color:var(--sun-ink)}.ph-lock.is-locked .ph-lock__state{background:var(--stop-idle);color:var(--deep)}.ph__control{background:var(--white);flex-direction:column;grid-area:control;gap:8px;padding-block:8px 4px;display:flex}.ph__readout{font-family:var(--font-mono);text-align:center;margin:0;font-size:28px;font-weight:500;line-height:1.2}.ph__row{grid-template-columns:var(--target) minmax(0, 1fr) var(--target);align-items:center;gap:4px 10px;display:grid}.ph__step{width:var(--target);padding:0}.ph__scale{font-family:var(--font-mono);color:var(--slate);grid-column:1/-1;justify-content:space-between;gap:8px;font-size:15px;display:flex}.ph__scale-word{font-family:var(--font);font-weight:700}.ph__range{-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:var(--target);cursor:pointer;border-radius:var(--r-pill);background:0 0;margin:0}.ph__range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:var(--water-tint);border:2px solid var(--stop-idle-line);height:12px}.ph__range::-moz-range-track{border-radius:var(--r-pill);background:var(--water-tint);border:2px solid var(--stop-idle-line);height:12px}.ph__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--white);border:var(--stroke) solid var(--deep);border-radius:50%;width:34px;height:34px;margin-top:-13px}.ph__range::-moz-range-thumb{background:var(--white);border:var(--stroke) solid var(--deep);border-radius:50%;width:28px;height:28px}.ph__range:focus-visible{outline:var(--stroke) solid var(--water);outline-offset:2px}.ph__help{flex-direction:column;grid-area:help;gap:14px;display:flex}.ph__buttons{flex-wrap:wrap;gap:10px;display:flex}.ph__sprout .bubble .icon{width:18px;height:18px;color:var(--leaf-ink)}@container (width>=560px){.ph__grid{grid-template:"plant goal""plant locks""plant control"1fr"help help"/minmax(0,1fr) minmax(0,1.1fr);column-gap:28px}.ph__plant .diagram__art{max-height:min(380px,40vh)}.ph__control{border-top:var(--stroke) solid var(--line);align-self:end}}.ph-fallback{flex-direction:column;gap:14px;display:flex}.ph-fallback p{max-width:55ch;font-size:22px;font-weight:600;line-height:1.55}.pd{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex;container-type:inline-size}.pd__case{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}@container (width>=600px){.pd__case{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px}}.pd__plant .diagram__art{max-width:300px}.pd--aquaponics .pd__plant .diagram__art{max-width:360px}.pd__intro{flex-direction:column;gap:12px;min-width:0;display:flex}.pd__count{letter-spacing:1px;text-transform:uppercase;color:var(--water-ink);font-size:15px;font-weight:800}.pd__title{font-size:24px;font-weight:800;line-height:1.25}.pd__title:focus{outline:none}.pd__title:focus-visible{outline:var(--stroke) solid var(--water);outline-offset:2px;border-radius:6px}.pd__symptom{max-width:55ch;font-size:20px;font-weight:600;line-height:1.5}.pd__label{margin-bottom:10px;font-size:18px;font-weight:800;line-height:1.3}.pd__clues{background:var(--water-tint);border-radius:var(--r-card);padding:clamp(14px,3vw,20px)}.pd__readings{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pd-reading{border:var(--stroke) dashed var(--stop-idle-line);border-radius:var(--r-answer);background:var(--white);width:100%;min-height:76px;color:var(--deep);font-family:var(--font);text-align:left;transition:background-color var(--t-tap) var(--ease-out), border-color var(--t-tap) var(--ease-out);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:12px 16px;display:flex}button.pd-reading{cursor:pointer}button.pd-reading:hover:not(.is-shown){border-color:var(--water)}.pd-reading.is-shown{border-style:solid;border-color:var(--line);cursor:default}.pd-reading__name{font-size:16px;font-weight:800;line-height:1.25}.pd-reading__ask{color:var(--water-ink);align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}.pd-reading__result{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.pd-reading__value{font-family:var(--font-mono);font-size:18px;font-weight:500}.pd-flag{border-radius:var(--r-pill);align-items:center;gap:4px;padding:3px 12px;font-size:15px;font-weight:800;line-height:1.3;display:inline-flex}.pd-flag--ok{background:var(--leaf-tint);color:var(--leaf-ink)}.pd-flag--alert{background:var(--sun-tint);color:var(--sun-ink);border:2px solid var(--sun)}.pd__causes .answers{max-width:none}.pd__causes .answer{flex-wrap:wrap}.pd__causes .answer:disabled{cursor:default;color:var(--slate)}.pd__result{border-radius:var(--r-card);flex-direction:column;gap:8px;padding:16px 20px;font-size:20px;font-weight:600;line-height:1.5;display:flex}.pd__result p{max-width:55ch}.pd__result--right{background:var(--leaf-tint)}.pd__result--not-quite{background:var(--sun-tint)}.pd__verdict{align-items:center;gap:8px;font-size:18px;font-weight:800;display:inline-flex}.pd__verdict--right{color:var(--leaf-ink)}.pd__verdict--not-quite{color:var(--sun-ink)}.pd__next{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.pd__done{max-width:40ch;font-size:18px;font-weight:700;line-height:1.45}.pd__static-list{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}.pd__static-case{flex-direction:column;gap:14px;display:flex}.pd__static-case+.pd__static-case{border-top:var(--stroke) solid var(--line);padding-top:28px}.pd__readings--static{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}.pd__readings--static .pd-reading{min-height:0}.ix{flex-direction:column;gap:16px;min-width:0;display:flex}.ix__prompt{max-width:55ch;font-size:22px;font-weight:800;line-height:1.3}.ix__how,.ix__now{color:var(--slate);max-width:55ch;font-size:16px;font-weight:700}.ix__now{color:var(--deep);font-size:18px}.ix-mono{font-family:var(--font-mono);font-weight:500}.ix-why{color:var(--slate);font-weight:600}.ix-tag{color:var(--water-ink);flex:none;font-size:15px;font-weight:800}.ix-key{border-radius:var(--r-pill);background:var(--deep);min-width:30px;height:30px;color:var(--paper);font-family:var(--font-mono);flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:16px;font-weight:500;display:inline-flex}.answer.is-picked,.ix-letter.is-picked{border-color:var(--water);background:var(--water-tint)}.ix-feedback{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;max-width:640px;font-weight:600}.ix-feedback:focus{outline:none}.ix-feedback:focus-visible{outline:var(--stroke) solid var(--water);outline-offset:2px}.ix-feedback--hint{border-color:var(--line);background:var(--white)}.ix-feedback__lead{font-weight:800}.ix-sort__pile,.ix-bin__cards,.ix-label__letters,.ix-key-list,.ix-seq__list,.ix-zones{margin:0;padding:0;list-style:none}.ix-sort__pile{flex-direction:column;gap:10px;max-width:640px;display:flex}.ix-sort__bins{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;display:grid}.ix-bin{border:var(--stroke) dashed var(--stop-idle-line);border-radius:var(--r-card);background:var(--paper);flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.ix-bin__btn,.ix-bin__name{width:100%;min-height:var(--target);border:var(--stroke) solid var(--deep);border-radius:var(--r-answer);background:var(--white);color:var(--deep);font-family:var(--font);text-align:left;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:18px;font-weight:800;line-height:1.25;display:flex}.ix-bin__btn{cursor:pointer;transition:background-color var(--t-tap) var(--ease-out)}.ix-bin__btn:hover{background:var(--water-tint)}.ix-bin__name{border-color:var(--line)}.ix-bin__cards{flex-direction:column;gap:6px;display:flex}.ix-bin__card{background:var(--leaf-tint);border-radius:12px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:16px;font-weight:700;line-height:1.35;display:flex}.ix-bin__card .icon{color:var(--leaf-ink);margin-top:.15em}.ix-bin__empty{color:var(--muted);padding:6px 4px;font-size:15px;font-weight:700}.ix-label__art .diagram__key{display:none}.ix-label__letters{flex-wrap:wrap;gap:10px;display:flex}.ix-letter{min-width:var(--target);min-height:var(--target);border:var(--stroke) solid var(--deep);border-radius:var(--r-pill);background:var(--white);color:var(--deep);font-family:var(--font);cursor:pointer;transition:background-color var(--t-tap) var(--ease-out), border-color var(--t-tap) var(--ease-out);align-items:center;gap:8px;padding:4px 14px;font-size:18px;font-weight:800;display:inline-flex}.ix-letter__mark{font-family:var(--font-mono);font-size:20px;font-weight:500}.ix-letter.is-right{border-color:var(--leaf);background:var(--leaf-tint);cursor:default}.ix-letter__name{color:var(--leaf-ink);align-items:center;gap:4px;display:inline-flex}.ix-label__names .answer[aria-disabled=true]{cursor:default}.ix-key-list{flex-direction:column;gap:6px;font-size:18px;display:flex}.ix-seq__list{flex-direction:column;gap:10px;max-width:640px;display:flex;container-type:inline-size}.answer.ix-step{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"num body moves";align-items:center;gap:10px 12px;padding:10px 10px 10px 14px;display:grid}.ix-step__num{background:var(--water-tint);width:32px;height:32px;color:var(--deep);font-family:var(--font-mono);border-radius:50%;grid-area:num;justify-content:center;align-items:center;font-size:16px;font-weight:500;display:inline-flex}.ix-step__body{flex-direction:column;grid-area:body;align-items:flex-start;gap:2px;min-width:0;display:flex}.ix-step__moves{grid-area:moves;gap:6px;display:flex}.ix-step .btn--icon:disabled{border-color:var(--stop-idle-line);color:var(--muted);background:var(--stop-idle)}@container (width<=380px){.answer.ix-step{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"num body"".moves"}}.ix-dial__drawing{flex-direction:column;align-items:center;gap:8px;display:flex}.ix-day{flex-direction:column;align-items:center;gap:4px;width:100%;max-width:420px;display:flex}.ix-day__bar{width:100%;height:auto}.ix-day__legend{color:var(--slate);align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.ix-swatch{border-radius:3px;width:12px;height:14px;display:inline-block}.ix-swatch--light{background:var(--sun)}.ix-swatch--dark{background:var(--deep);margin-left:8px}.ix-dial__readout{font-size:20px;font-weight:700}.ix-dial__readout .ix-mono{font-size:22px}.ix-dial__control{align-items:flex-start;gap:10px;max-width:640px;display:flex}.ix-dial__control>.btn{margin-top:30px}.ix-dial__track{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ix-dial__label{flex-direction:column;font-size:16px;font-weight:800;display:flex}.ix-range{-webkit-appearance:none;appearance:none;width:100%;height:var(--target);cursor:pointer;background:0 0;margin:0}.ix-range::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:var(--water-tint);height:12px}.ix-range::-moz-range-track{border-radius:var(--r-pill);background:var(--water-tint);height:12px}.ix-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--water);border:var(--stroke) solid var(--deep);border-radius:50%;width:32px;height:32px;margin-top:-10px}.ix-range::-moz-range-thumb{background:var(--water);border:var(--stroke) solid var(--deep);border-radius:50%;width:26px;height:26px}.ix-zones{gap:3px;padding-inline:4px;display:flex}.ix-zone{border-top:6px solid var(--stop-idle-line);text-align:center;min-width:0;color:var(--slate);flex-basis:0;justify-content:center;align-items:flex-start;gap:3px;padding:4px 2px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.ix-zone .icon{margin-top:.1em}.ix-zone.is-ok{border-top-color:var(--leaf);color:var(--leaf-ink)}.ix-zone.is-current{color:var(--deep);border-top-color:var(--deep);font-weight:900}.ix-zone.is-ok.is-current{border-top-color:var(--leaf-ink)}.ix-dial{container-type:inline-size}.ix-zone-legend{color:var(--slate);flex-direction:column;gap:2px;margin:0;padding:0;font-size:15px;font-weight:700;list-style:none;display:none}.ix-zone-legend__item{border-left:6px solid var(--stop-idle-line);flex-wrap:wrap;align-items:center;gap:4px 6px;padding-left:10px;display:flex}.ix-zone-legend__item.is-ok{border-left-color:var(--leaf);color:var(--leaf-ink)}.ix-zone-legend__item.is-current{border-left-color:var(--deep);color:var(--deep);font-weight:900}.ix-zone-legend__range{min-width:7ch}@container (width<=440px){.ix-zone__label{display:none}.ix-zone{padding:0}.ix-zone-legend{display:flex}}.lesson-page{flex-direction:column;gap:14px;padding-block:12px 56px;display:flex}.player{background:var(--white);border-radius:var(--r-panel);flex-direction:column;gap:16px;padding:clamp(14px,2vw,24px) clamp(16px,3vw,40px) 0;scroll-margin-top:12px;display:flex}html:not(.js) .player{padding-bottom:clamp(16px,2.6vw,32px)}.player__top{align-items:center;gap:14px;display:flex}.player__top .progress{flex:1}.player__screens{flex-direction:column;gap:40px;display:flex}html:not(.js) .screen+.screen{border-top:var(--stroke) solid var(--line);padding-top:40px}.player.is-playing .player__screens{gap:0;min-height:min(52vh,420px)}.player.is-playing .screen:not(.is-current){display:none}.screen{outline:none;display:flow-root}.screen>*+*{margin-top:14px}.screen>p,.screen>ul,.screen>ol{max-width:52ch;font-size:20px;font-weight:600;line-height:1.55}.screen>h2{max-width:28ch;font-size:clamp(22px,2.2vw,26px);font-weight:800;line-height:1.2}.screen>.diagram{margin-block:8px}.screen>.diagram .diagram__art{max-height:min(48vh,420px)}@media (width>=900px){.screen:has(>.diagram):not(:has(>.interaction)){grid-template-rows:repeat(8,auto) 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-content:start;column-gap:clamp(28px,4vw,64px);display:grid}.screen:has(>.diagram):not(:has(>.interaction))>*{grid-column:1;margin:0 0 14px}.screen:has(>.diagram):not(:has(>.interaction))>.diagram{grid-area:1/2/span 9;align-self:center;margin:0}.screen:has(>.diagram):not(:has(>.interaction))>.diagram .diagram__art{max-height:min(50vh,440px)}.screen:not(:has(>.diagram)):not(:has(>.interaction)){width:min(100%,60ch);margin-inline:auto}.screen[data-check]{width:min(100%,760px)}.screen[data-check]>h2{max-width:none}}.screen>.interaction{clear:both}.screen :is(h2,h3,p,li)[tabindex="-1"]:focus{outline:none}.screen.is-entering{animation:screen-in var(--t-move) var(--ease-gentle)}.screen.is-entering>*{animation:part-in .42s var(--ease-gentle) both}.screen.is-entering>:nth-child(2){animation-delay:60ms}.screen.is-entering>:nth-child(3){animation-delay:.12s}.screen.is-entering>:nth-child(4){animation-delay:.18s}.screen.is-entering>:nth-child(n+5){animation-delay:.24s}@keyframes screen-in{0%{transform:translate(24px)}to{transform:none}}@keyframes part-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.is-entering,.screen.is-entering>*{animation:none}}.screen--done{align-items:flex-start}.player__nav{z-index:3;background:var(--white);border-top:var(--stroke) solid var(--line);border-radius:0 0 var(--r-panel) var(--r-panel);justify-content:space-between;align-items:center;gap:12px;margin-inline:calc(-1*clamp(16px,3vw,40px));padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;bottom:0}.player__nav .btn:disabled{opacity:1}.player__count{color:var(--slate);white-space:nowrap;font-size:15px;font-weight:700}.player__hint{color:var(--slate);text-align:right;flex:1;font-size:15px;font-weight:700}.interaction{clear:both;width:100%}.feedback__sprout[hidden],.feedback__why[hidden]{display:none}.lesson-after{flex-direction:column;gap:16px;max-width:1000px;display:flex}.sources-block{color:var(--slate);font-size:16px;line-height:1.5}.sources-block h2{color:var(--deep);margin-bottom:6px;font-size:18px;font-weight:800}.sources-block ul{padding-left:20px}.draft-flag{background:var(--sun-tint);color:var(--sun-ink);border-radius:var(--r-pill);align-self:flex-start;align-items:center;gap:8px;padding:6px 14px;font-size:15px;font-weight:800;display:inline-flex}@media (width<=560px){.player__nav .btn{padding-inline:16px}.player__hint{display:none}}.screen .interaction .diagram__art{max-height:min(50vh,420px)}:root:has(.player.is-playing){--pinned-bar:calc(var(--target) + 28px);scroll-padding-bottom:calc(var(--pinned-bar) + 8px)}.player.is-playing .screen{padding-bottom:12px}@media (width<=700px){.screen .interaction .diagram__art{max-height:40vh}.screen .ix-day{max-width:300px}}.crew-on-screen{display:flex}