.growth-page{--x-control:var(--x-control-lg);max-width:1360px;padding:0 var(--x-gutter) var(--x-space-16);color:var(--x-ink);margin-inline:auto}.growth-page>.x-page-header{margin-bottom:var(--x-space-6)}.growth-specimen{min-width:260px}.growth-steps{margin-top:var(--x-space-2)}.growth-steps-hint{margin:var(--x-space-3) 0 var(--x-space-8)}.growth-workspace{grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(24px,4vw,54px);min-width:0;display:grid}.growth-chamber{top:calc(var(--x-header-h) + 16px);min-width:0;max-height:calc(100vh - var(--x-header-h) - 32px);max-height:calc(100dvh - var(--x-header-h) - 32px);scrollbar-width:thin;scrollbar-color:var(--x-line-strong) transparent;position:sticky;overflow-y:auto}.growth-task{min-width:0}.growth-chamber>.x-source{margin-bottom:var(--x-space-3)}.growth-window{isolation:isolate;aspect-ratio:1;border:1px solid var(--x-line);border-radius:var(--x-radius-lg);background:radial-gradient(ellipse at 50% 48%, var(--x-surface-1), var(--x-surface-sunken) 72%);position:relative;overflow:hidden}.growth-window:after{content:"";border-radius:inherit;box-shadow:var(--x-shadow-inset), inset 0 0 48px color-mix(in srgb, var(--x-surface-sunken) 55%, transparent);pointer-events:none;z-index:4;position:absolute;inset:0}.growth-window .growth-portrait{z-index:2;position:relative}.growth-portrait{aspect-ratio:1;isolation:isolate;position:relative;overflow:hidden}.growth-portrait .living-specimen{mix-blend-mode:normal;width:100%;max-width:none;height:100%;max-height:none;overflow:hidden}.growth-portrait .specimen-fallback{object-fit:fill;mix-blend-mode:screen;position:absolute}.growth-readout{align-items:center;gap:var(--x-space-2) var(--x-space-3);margin:var(--x-space-4) 0 var(--x-space-2);flex-wrap:wrap;display:flex}.growth-stage-chip{align-items:center;gap:var(--x-space-2);font:400 var(--x-text-xl) / 1.2 var(--x-font-display);color:var(--x-ink);overflow-wrap:anywhere;animation:x-stage-arrive var(--x-dur-step) var(--x-ease-out) both;display:inline-flex}.growth-stage-chip:before{content:"";background:var(--x-accent);width:9px;height:9px;animation:x-stage-ping var(--x-dur-state) var(--x-ease-out) both;border-radius:50%;flex:0 0 9px}.growth-perf{font-family:var(--x-font-mono);font-variant-numeric:tabular-nums}.growth-art-label{margin:0 0 var(--x-space-4);font-size:var(--x-text-xs)}.growth-preview{margin:var(--x-space-2) 0 var(--x-space-5)}.growth-preview .x-panel-header{margin-bottom:var(--x-space-2)}.growth-preview-hint{font-size:var(--x-text-xs)}.growth-scrubber{height:var(--x-control-md);margin:0 0 var(--x-space-3);position:relative}.growth-rail{background:var(--x-line-strong);pointer-events:none;border-radius:2px;height:2px;position:absolute;inset:21px 12px auto}.growth-rail-fill{border-radius:inherit;background:var(--x-accent);transform:scaleX(var(--growth-fill,0));transform-origin:0;transition:transform var(--x-dur-instant) linear;position:absolute;inset:0}.growth-model-marker{top:-7px;bottom:-7px;left:calc(var(--growth-model,0) * 100%);background:var(--x-ink-soft);border-radius:1px;width:2px;margin-left:-1px;position:absolute}.growth-model-marker:after{content:"Today";font-size:var(--x-text-xs);color:var(--x-ink-muted);white-space:nowrap;line-height:1;position:absolute;top:calc(100% + 2px);left:50%;translate:-50%}.growth-scrubber input,.instrument-slider input{-webkit-appearance:none;appearance:none;width:100%;height:var(--x-control-md);cursor:ew-resize;touch-action:pan-y;border-radius:var(--x-radius-sm);background:0 0;margin:0;padding:0;position:absolute;inset:0}.growth-scrubber input::-webkit-slider-runnable-track{background:0 0;height:2px}.instrument-slider input::-webkit-slider-runnable-track{background:0 0;height:2px}.growth-scrubber input::-moz-range-track{background:0 0;height:2px}.instrument-slider input::-moz-range-track{background:0 0;height:2px}.growth-scrubber input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-ground);border-radius:50%;margin-top:-11px}.instrument-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-ground);border-radius:50%;margin-top:-11px}.growth-scrubber input::-moz-range-thumb{border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-ground);border-radius:50%}.instrument-slider input::-moz-range-thumb{border:2px solid var(--x-accent);background:var(--x-surface-1);width:24px;height:24px;box-shadow:0 0 0 4px var(--x-ground);border-radius:50%}:is(.growth-scrubber input:focus-visible,.instrument-slider input:focus-visible){outline:var(--x-ring) solid var(--x-focus);outline-offset:var(--x-ring-offset)}.growth-stage-ticks,.growth-speed,.growth-season,.growth-model-stages,.growth-conditions,.growth-step-set{min-inline-size:0;margin-inline:0}.growth-stage-ticks{--x-segment-count:4;width:100%;margin-bottom:var(--x-space-4)}.growth-stage-ticks strong,.growth-model-stages strong{font-weight:500;font-size:var(--x-text-sm);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;display:block}.growth-stage-ticks small,.growth-model-stages small{color:var(--x-ink-muted);font-size:var(--x-text-xs);display:block}.growth-stage-swatch{width:calc(6px + var(--growth-step,0) * 2px);height:calc(6px + var(--growth-step,0) * 2px);background:var(--x-ink-soft);border-radius:50%;justify-self:center}.growth-chamber>.x-disclosure:first-of-type{margin-top:var(--x-space-2)}.growth-model-terms{margin:var(--x-space-3) 0;font-size:var(--x-text-sm)}.growth-model-terms>div{justify-content:space-between;gap:var(--x-space-4);padding:var(--x-space-2) 0;border-bottom:1px solid var(--x-line);display:flex}.growth-model-terms dt{color:var(--x-ink-muted)}.growth-model-terms dd{color:var(--x-ink);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.growth-model-stages{--x-segment-count:2;width:100%;margin:var(--x-space-3) 0}.growth-weights th[scope=row]{color:var(--x-ink);font-weight:500}.growth-weight-track{vertical-align:middle;width:64px;height:3px;margin-right:var(--x-space-2);background:var(--x-line);border-radius:2px;display:inline-block}.growth-weight-track i{border-radius:inherit;background:var(--x-accent-ink);height:100%;display:block}.chamber-atmosphere{pointer-events:none;z-index:1;position:absolute;inset:0}.water-field,.light-field{transition:opacity var(--x-dur-quick) var(--x-ease-out);position:absolute;inset:0}.water-field{height:32%;opacity:var(--field-water);transform:translateY(calc((1 - var(--field-water)) * 50%));transition:opacity var(--x-dur-quick) var(--x-ease-out), transform var(--x-dur-quick) var(--x-ease-out);background:radial-gradient(ellipse at 50% 110%, color-mix(in srgb, var(--x-factor-water) 28%, transparent), transparent 66%);top:auto;bottom:-3%}.water-field>i{border:1px solid color-mix(in srgb, var(--x-factor-water) 32%, transparent);border-radius:50%;width:75%;height:34%;animation:5s ease-out infinite water-ripple;position:absolute;top:55%;left:12.5%}.water-field>i:nth-child(2){animation-delay:-1.7s}.water-field>i:nth-child(3){animation-delay:-3.4s}.water-field>span{background:radial-gradient(ellipse, color-mix(in srgb, var(--x-factor-water) 16%, transparent), transparent 70%);width:50%;height:28%;position:absolute;bottom:10%;left:25%}.light-field{opacity:var(--field-light);overflow:hidden}.light-field>i{transform-origin:top;background:linear-gradient(180deg, color-mix(in srgb, var(--x-factor-light) 24%, transparent), transparent 85%);clip-path:polygon(40% 0,55% 0,100% 100%,0 100%);filter:blur(2px);width:30%;height:140%;animation:8s ease-in-out infinite alternate radiance-breathe;position:absolute;top:-55%;left:62%;transform:rotate(30deg)}.light-field>i:nth-child(2){opacity:.5;animation-delay:-3s;left:81%;transform:rotate(30deg)scaleX(.4)}.light-field>i:nth-child(3){opacity:.28;animation-delay:-5s;left:42%;transform:rotate(30deg)scaleX(.22)}.light-field>span{background:radial-gradient(ellipse at 88% 0, color-mix(in srgb, var(--x-factor-light) 20%, transparent), transparent 62%);position:absolute;inset:0}.dry-soil-field{opacity:var(--field-drySoil);transition:opacity var(--x-dur-quick) var(--x-ease-out);position:absolute;inset:72% 15% 3%}.dry-soil-field>i{background:radial-gradient(circle at 21% 65%, color-mix(in srgb, var(--x-scenario) 40%, transparent) 0 .7px, transparent 1.4px), radial-gradient(circle at 42% 80%, color-mix(in srgb, var(--x-scenario) 32%, transparent) 0 .6px, transparent 1.3px), radial-gradient(circle at 73% 50%, color-mix(in srgb, var(--x-scenario) 32%, transparent) 0 .7px, transparent 1.4px);animation:9s ease-in-out infinite substrate-drift;position:absolute;inset:0}.dry-soil-field>i:nth-child(2){animation-delay:-3s}.dry-soil-field>i:nth-child(3){animation-delay:-6s}@keyframes substrate-drift{0%,to{opacity:0;transform:translate(-3%,6%)}35%{opacity:.5}75%{opacity:.2;transform:translate(5%,-18%)}}@keyframes radiance-breathe{0%{opacity:.42}to{opacity:.76}}@keyframes water-ripple{0%{opacity:0;transform:scale(.7)}20%{opacity:.8}to{opacity:0;transform:scale(1.3)}}.chamber-readout{z-index:5;bottom:var(--x-space-4);left:var(--x-space-4);align-items:center;gap:var(--x-space-3);padding:var(--x-space-2) var(--x-space-3);background:color-mix(in srgb, var(--x-surface-1) 76%, transparent);border:1px solid var(--x-line);border-radius:var(--x-radius-md);-webkit-backdrop-filter:blur(var(--x-glass-blur));backdrop-filter:blur(var(--x-glass-blur));pointer-events:none;display:flex;position:absolute}.readout-mark{background:var(--instrument-color);opacity:.8;border-radius:3px;width:3px;height:32px}.chamber-readout>div>span{font-size:var(--x-text-xs);color:var(--x-ink-muted);display:block}.chamber-readout b{color:var(--instrument-color);font-size:var(--x-text-md);font-variant-numeric:tabular-nums;font-weight:500;display:block}.chamber-readout small{font-size:var(--x-text-xs);color:var(--x-ink-muted)}.readout-caption{font-size:var(--x-text-xs);letter-spacing:var(--x-tracking-label);text-transform:uppercase;color:var(--x-ink-muted)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.chamber-readout{background:var(--x-surface-1)}}@media (prefers-reduced-transparency:reduce){.chamber-readout{background:var(--x-surface-1);-webkit-backdrop-filter:none;backdrop-filter:none}}[data-factor=day]{--instrument-color:var(--x-factor-day)}[data-factor=night]{--instrument-color:var(--x-factor-night)}[data-factor=humidity]{--instrument-color:var(--x-factor-humidity)}[data-factor=water]{--instrument-color:var(--x-factor-water)}[data-factor=light]{--instrument-color:var(--x-factor-light)}.climate-instrument{margin:0 0 var(--x-space-2);padding:var(--x-space-3) 0 var(--x-space-1);color:var(--x-ink);position:relative}.instrument-heading{align-items:center;gap:var(--x-space-3);display:flex}.instrument-icon{border-radius:var(--x-radius-md);width:40px;height:40px;color:var(--instrument-color);background:color-mix(in srgb, var(--instrument-color) 12%, transparent);flex:none;place-items:center;display:grid}.instrument-heading label{cursor:pointer;flex:1;min-width:0}.instrument-name{font-size:var(--x-text-md);font-weight:500;display:block}.instrument-code{font-size:var(--x-text-xs);color:var(--x-ink-muted);display:block}.climate-instrument[data-pending=true] .instrument-code{color:var(--instrument-color)}.instrument-value{align-items:baseline;gap:var(--x-space-1);white-space:nowrap;color:var(--instrument-color);font-variant-numeric:tabular-nums;display:flex}.instrument-value b{font-size:var(--x-text-xl);letter-spacing:-.02em;font-weight:500}.instrument-value>span{font-size:var(--x-text-xs);color:var(--x-ink-muted)}.instrument-slider{height:var(--x-control-md);margin:var(--x-space-1) 0 0;position:relative}.instrument-rail{background:var(--x-line-strong);pointer-events:none;border-radius:2px;height:2px;position:absolute;inset:21px 12px auto}.rail-spectrum,.rail-fill,.rail-ticks{border-radius:inherit;position:absolute;inset:0}.rail-spectrum{background:var(--instrument-color);opacity:.18}.rail-fill{background:var(--instrument-color);transform:scaleX(var(--instrument-fill));transform-origin:0}.rail-ticks{background:repeating-linear-gradient(90deg, var(--x-line-strong) 0 1px, transparent 1px 10%);-webkit-mask-image:linear-gradient(0deg, var(--x-ink) 0 2px, transparent 2px 8px, var(--x-ink) 8px);mask-image:linear-gradient(0deg, var(--x-ink) 0 2px, transparent 2px 8px, var(--x-ink) 8px);inset:-4px 0}.instrument-slider input::-webkit-slider-thumb{border-color:var(--instrument-color)}.instrument-slider input::-moz-range-thumb{border-color:var(--instrument-color)}.instrument-scale{justify-content:space-between;gap:var(--x-space-3);font-size:var(--x-text-xs);letter-spacing:var(--x-tracking-label);color:var(--x-ink-muted);margin:0 12px;display:flex}.instrument-scale i{margin:0 var(--x-space-1);color:var(--x-ink-faint);font-style:normal}.growth-study{gap:var(--x-space-4);min-width:0;display:grid}.growth-sync{align-items:center;gap:var(--x-space-2) var(--x-space-3);min-height:var(--x-control-md);flex-wrap:wrap;display:flex}.growth-sync a,.growth-notes-empty a{text-underline-offset:4px;color:var(--x-accent-ink);text-decoration:underline}.growth-step-set{border:0;margin:0;padding:0}.growth-step-set:disabled{opacity:.6}.growth-step .x-panel-header{margin-bottom:var(--x-space-4)}.growth-fields{gap:var(--x-space-4);display:grid}.growth-step>.x-panel-header+.x-strip{margin-top:0}.growth-changes,.growth-limits{margin:var(--x-space-3) 0 0}.growth-limits strong{color:var(--x-ink-soft);font-weight:500;display:block}.growth-limits p{margin:var(--x-space-1) 0 0}.growth-actions{justify-content:flex-end;align-items:center;gap:var(--x-space-3);margin-top:var(--x-space-5);flex-wrap:wrap;display:flex}.growth-plant-time{margin-top:var(--x-space-5)}.growth-skips{gap:var(--x-space-2);margin-top:var(--x-space-2);flex-wrap:wrap;display:flex}.growth-season{margin:0 0 var(--x-space-4)}.growth-season>button{min-height:var(--x-control);flex:1 1 0}.growth-history{margin-top:var(--x-space-2)}.growth-history>.x-strip:last-child{margin-bottom:0}.growth-footnote{margin-top:var(--x-space-2)}.growth-notes{margin-top:var(--x-space-12);padding-top:var(--x-space-8);border-top:1px solid var(--x-line)}.growth-notes-list{margin:0;padding:0;list-style:none}.growth-notes-list .x-strip .x-source+p{color:var(--x-ink);font-size:var(--x-text-md)}.growth-notes-list small{color:var(--x-ink-muted)}.growth-reflection{max-width:76ch;margin-top:var(--x-space-6)}.growth-notes-actions{justify-content:space-between;align-items:center;gap:var(--x-space-3);margin-top:var(--x-space-5);flex-wrap:wrap;display:flex}.growth-reset{align-items:center;gap:var(--x-space-3);flex-wrap:wrap;display:inline-flex}.growth-notes-actions .x-btn{white-space:normal;text-align:center}.growth-reset-note{margin-top:var(--x-space-2);color:var(--x-ink-soft)}.growth-reset-note:empty,.growth-companion{display:none}@media (max-width:1000px){.growth-workspace{gap:var(--x-space-6);grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr)}}@media (max-width:700px){.growth-workspace{gap:var(--x-space-6);grid-template-columns:1fr}.growth-chamber{max-height:none;position:relative;top:0;overflow:visible}.growth-window{max-width:420px;margin-inline:auto}.growth-companion{top:calc(var(--x-header-h) + 8px);z-index:var(--x-z-sticky);align-items:center;gap:var(--x-space-3);min-width:0;margin:0 0 var(--x-space-4);padding:var(--x-space-2);border:1px solid var(--x-line-strong);border-radius:var(--x-radius-lg);background:color-mix(in srgb, var(--x-surface-1) 96%, transparent);box-shadow:var(--x-shadow-1);color:var(--x-ink);text-decoration:none;display:flex;position:sticky}.growth-companion img{border-radius:var(--x-radius-md);background:var(--x-surface-sunken);flex:none;width:54px;height:54px}.growth-companion>span:nth-child(2){min-width:0}.growth-companion strong{font-size:var(--x-text-sm);overflow-wrap:anywhere;display:block}.growth-companion small{font-size:var(--x-text-xs);color:var(--x-ink-muted);display:block}.growth-companion-label{font-size:var(--x-text-xs);color:var(--x-accent-ink);flex:none;margin-left:auto}.growth-conditions .x-chip-option{flex:1 1 calc(50% - var(--x-space-2));min-width:0}.growth-conditions .x-chip-option span{width:100%;padding:0 var(--x-space-3);white-space:normal;text-align:center;justify-content:center}.growth-actions,.growth-skips{flex-direction:column;align-items:stretch}.growth-actions .x-btn,.growth-skips .x-btn,.growth-notes-actions .x-btn,.growth-reset{width:100%}.growth-reset{flex-direction:column}.growth-page .x-btn--forward{min-width:0;min-height:var(--x-control-lg)}.growth-step .x-btn{white-space:normal;text-align:center}.growth-step .x-btn--forward{text-align:left}.growth-notes-actions{flex-direction:column;align-items:stretch}.growth-preview .x-transport>.x-btn[data-variant=primary]{min-height:var(--x-control-lg);flex:100%}.growth-preview .x-transport>.x-btn[data-variant=ghost]{flex:auto}.growth-preview .growth-speed{flex:auto;margin-left:0}.growth-preview .growth-speed>button{min-width:var(--x-control-md);flex:1 1 0}.growth-task :is(input,select,textarea,button,summary,a,[tabindex]){scroll-margin-top:calc(var(--x-header-h) + 8px + 72px + 16px)}}
