@import url('../trickle/studio.css?v=3');
#leaders{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}#leaders line{stroke:#b2c8ba;stroke-width:.7;stroke-opacity:.55}.mechanics-control{display:flex;gap:10px;align-items:center;font-size:11px;margin:20px 0}.mechanics-control input{accent-color:#dfbc84}.guide-panel button{font-size:11px}.part-label{box-shadow:0 3px 12px #0005}.stage{isolation:isolate}
.guide-start{margin-bottom:10px;background:#284643!important;border-color:#6c9b95!important;color:#d2eee3!important}.guide-panel{border:1px solid #527c7b;padding:16px;background:#173235;border-radius:7px;margin:12px 0 20px}.guide-panel h3{font-size:25px}.guide-panel p{font-size:12px;line-height:1.7}.history{margin:20px 0;padding:16px 12px;border:1px solid #36535a;border-radius:7px}.history svg{display:block;width:100%;overflow:visible}.history text{font:8px system-ui;fill:#91adb2}.chart-axis{stroke:#537378;fill:none}.chart-reference{stroke:#7c8e7c;stroke-dasharray:4 4;fill:none}#height-trace{stroke:#e0c18b;stroke-width:2;fill:none;stroke-linejoin:round}.micro-controls{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.micro-controls button{font-size:11px}.micro-controls label{display:flex;align-items:center;gap:8px;font-size:11px;width:100%;margin:8px 0}.micro-controls input{accent-color:#dfbc84}
#part-number{font:700 9px system-ui;letter-spacing:.17em}.stage:fullscreen{height:100dvh;min-height:0}
:root{--sand:#dfbc84}body{background:#0e1d23}.workspace{grid-template-columns:minmax(0,1fr) 390px}.stage{background:radial-gradient(ellipse at 52% 40%,#30454a,#14272f 60%,#0c1b22);min-height:690px}header small{font-size:8px;letter-spacing:.15em;color:#9fb9b8;border-left:1px solid #365057;padding-left:14px}.scene-heading h1{font-size:clamp(27px,2.7vw,44px)}.eyebrow{color:var(--sand)}h1 em,h2 em{color:#d8c7a6}.subtitle{font-size:8px;letter-spacing:.16em;color:#9fbbbf;margin:14px 0}.edition b{color:var(--sand)}#viewport,#labels{bottom:149px}#labels{z-index:2}.transport{padding:14px 24px 10px;background:#0b1c23ed}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.modes button{font-size:10px;padding:10px 6px}.playback{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.playback button{font-size:10px;padding:7px 10px}.playback .accent,button[aria-pressed=true]{background:#d8bc89;border-color:#d8bc89;color:#24302d}#status{font-size:8px;color:#8ca9af;letter-spacing:.04em;margin:9px 0 0}.viewbar{bottom:163px}.viewbar>div{display:flex;gap:4px}.viewbar button[aria-pressed=true]{background:#24434b;color:#d6e6df}.readout{position:absolute;right:25px;top:132px;z-index:2;border-left:2px solid var(--sand);padding:10px 14px;background:#10252de0;min-width:115px}.readout span{font-size:11px;color:#e2c89d}.readout b{font:32px Georgia;display:block;margin:3px 0}.readout small{font-size:7px;letter-spacing:.13em;color:#a0b7bb}#view-note{position:absolute;left:28px;bottom:207px;font-size:8px;letter-spacing:.06em;color:#c9dcd6;max-width:340px;background:#10252dc9;padding:8px 11px;border-left:2px solid #6c9b9e;pointer-events:none}.part-label{font-size:9px;border-color:var(--sand);max-width:175px;white-space:normal}.inspector{padding:29px 26px}.tabs button{font-size:10px;padding:13px 6px}.field-label{display:block;margin:23px 0 9px}select{width:100%;padding:12px}.part-detail{margin:25px 0}.part-detail p{font-size:13px;line-height:1.7}.focus-grid,.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.focus-grid button,.scenario-grid button{text-align:left;font-size:11px;padding:12px 10px}.tour-button{width:100%;text-align:left;padding:16px 12px;color:#e5cfaa;border-color:#6e6550;background:#282f2c}.text-button{font-size:11px}.lab-field{margin:25px 0}.lab-field label{font-size:9px;letter-spacing:.06em;display:flex;justify-content:space-between}.lab-field output{color:var(--sand)}input[type=range]{width:100%;accent-color:var(--sand);margin:14px 0 5px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-block:1px solid #35525b;padding:17px 0;margin:23px 0}.metrics span{font-size:10px;color:#9db7bb}.metrics b{display:block;font-size:16px;font-weight:500;color:#d9d4bb;margin-top:5px}.nitrogen-chain{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-block:1px solid #35525b;margin:25px 0}.nitrogen-chain span{font:25px Georgia;color:#e3c292}.nitrogen-chain small{display:block;font:7px system-ui;letter-spacing:.1em;color:#abc1c3;margin-top:8px}.legend{gap:10px}#panel-biology h4,#panel-care h4{font-size:22px;margin:25px 0 10px}#panel-biology p,#panel-care p{font-size:13px;line-height:1.75}#lesson{margin:20px 0;padding:17px;background:#293532;border:1px solid #73694e;border-radius:7px}#lesson h3{font-size:25px}#lesson p{font-size:13px}.lesson-nav{margin:18px 0 5px}.references a{display:block;margin:14px 0}.quiz-item{padding:14px 0;border-bottom:1px solid #304950}.quiz-item button{margin-right:7px}.quiz-item output{display:block;color:#d7c396;font-size:12px;margin-top:10px}body[data-mode=macro] .readout{display:none}body[data-mode=macro] #view-note{max-width:370px}body[data-mode=macro] .scene-heading h1{font-size:28px}body[data-mode=macro] .edition{display:none}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 420px}.inspector{padding:32px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 335px}.inspector{padding:24px 20px}.readout{top:157px;right:17px;min-width:94px;padding:8px 10px}.readout b{font-size:25px}.modes button{font-size:9px}.playback button{font-size:9px;padding:7px}.scene-heading h1{font-size:29px}}
@media(max-width:760px){header small{display:none}.workspace{display:flex}.stage{height:760px;min-height:620px;max-height:calc(100svh - 58px)}.scene-heading{left:20px;top:20px}.scene-heading h1{font-size:27px}.readout{top:121px;right:15px;min-width:90px;padding:6px 9px}.readout b{font-size:24px}.readout span{font-size:9px}.transport{padding:12px 14px 10px}.modes button{font-size:9px}.playback{gap:4px;margin-top:9px}.playback button{font-size:9px;padding:7px}#viewport,#labels{bottom:153px}.viewbar{bottom:166px}.inspector{padding:27px 22px}#view-note{left:17px;bottom:205px;max-width:245px;font-size:7px}.part-label{font-size:8px;max-width:115px}.edition{display:none}#status{font-size:7px}.wordmark{font-size:12px}header nav{gap:10px}header button{font-size:10px}}