#experiment-intro .human-start{margin-top:8px;animation:formula-picker-pulse 2.2s ease-in-out infinite;border-color:var(--acid)}
.human-invitation.protocol-active{grid-template-rows:30px minmax(0,1fr);text-align:left}
.human-invitation.protocol-active>p{display:none}
#experiment-form{min-height:0;position:relative;height:100%;padding-bottom:30px;display:grid;grid-template-rows:40px minmax(0,1fr);gap:8px}
#experiment-form.experiment-completed{grid-template-rows:minmax(0,1fr)}
.experiment-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);min-height:40px}
.experiment-controls button{background:none;border:0;color:var(--white);font:12px/1.4 monospace;letter-spacing:1px;padding:10px 0;min-height:40px;cursor:pointer}
.experiment-controls button:hover{color:var(--acid)}
.experiment-controls button:disabled{color:var(--muted);opacity:.5;cursor:default}
.experiment-controls span{color:var(--acid);font-size:19px;margin-left:8px;vertical-align:middle}
.experiment-step{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;animation:human-copy-found .45s ease-out}
.experiment-step-heading{text-align:center;padding:10px 0}
.experiment-step-heading p{margin:0 0 10px;color:var(--acid)}
.experiment-step-heading h2{font-size:clamp(32px,4.7vw,68px);font-weight:400;letter-spacing:-.055em;line-height:1.08;outline:none}
.experiment-elements{position:relative;min-height:0;max-width:1100px;width:100%;margin:auto;height:100%}
#experiment-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#experiment-connections line{stroke:var(--acid);stroke-width:1;opacity:.4}
.experiment-element{position:absolute;left:var(--ex);top:var(--ey);transform:translate(-50%,-50%);background:none;border:0;color:var(--white);cursor:pointer;padding:10px;min-width:80px;min-height:70px;transition:color .25s,opacity .25s}
.experiment-element b{position:relative;display:block;font-weight:400;font-size:clamp(32px,4vw,56px);line-height:1.15;letter-spacing:-2px;animation:human-suspension 8s ease-in-out infinite;animation-delay:var(--edelay);padding-right:18px}
.experiment-element sup{position:absolute;right:0;top:0;font:13px Poppins,Arial,sans-serif;letter-spacing:0}
.experiment-element>span{font-size:13px;color:var(--muted);display:block;margin-top:5px}
.experiment-element[aria-pressed=true]{color:var(--acid);text-shadow:0 0 20px #d6f50030}
.experiment-element[aria-pressed=true] b{animation-play-state:paused}
.experiment-element[aria-pressed=true]>span{color:var(--white)}
.experiment-element:hover{color:var(--acid)}
.experiment-step-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:12px;min-height:65px}
.experiment-formula{font:clamp(18px,2vw,25px)/1.5 monospace;color:var(--acid);margin:0 0 3px;letter-spacing:-.5px}
.experiment-matter{display:flex;flex-direction:column;gap:12px;min-height:0;max-width:960px;width:100%;margin:auto;height:100%}
.experiment-matter textarea{resize:none;min-height:80px;flex:1;width:100%;background:transparent;color:var(--white);border:0;border-bottom:1px solid #66734b;font:clamp(17px,2vw,26px)/1.6 Poppins,Arial,sans-serif;padding:15px 0;outline:none}
.experiment-matter textarea:focus{border-color:var(--acid)}
.experiment-matter textarea::placeholder{color:#777d70}
.experiment-human-fields{max-width:880px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px 45px;align-content:center}
.experiment-human-fields label{font:12px/1.5 monospace;letter-spacing:1px;color:var(--muted);display:flex;flex-direction:column;gap:7px;min-width:0}
.experiment-human-fields label>span{font-size:10px;color:#73796a}
.experiment-human-fields input{font:18px/1.5 Poppins,Arial,sans-serif;background:none;border:0;border-bottom:1px solid #505944;padding:8px 0;color:var(--white);width:100%;border-radius:0;outline:none}
.experiment-human-fields input:focus{border-color:var(--acid)}
.experiment-human-fields input[aria-invalid=true],.experiment-matter textarea[aria-invalid=true]{border-color:var(--acid);box-shadow:0 2px #d6f50044}
.experiment-trap{display:none}
#experiment-feedback{position:absolute;bottom:0;left:0;right:0;font:12px/1.4 monospace;color:var(--acid);margin:0;text-align:center}
.experiment-received{display:grid;grid-template-rows:1fr;place-items:center;text-align:center}
.experiment-received h2{font-size:clamp(36px,5vw,76px);font-weight:400;letter-spacing:-.06em}
.experiment-received p{color:var(--muted);font-size:15px}
.experiment-received-actions{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}
.experiment-received-actions a{display:inline-flex;align-items:center;justify-content:center}
#initiate-reaction:disabled{opacity:.6;cursor:wait}
.experiment-reacting .experiment-formula{animation:experiment-energy .75s ease-in-out}
.experiment-reacting #initiate-reaction{animation:experiment-energy .75s ease-in-out}
.experiment-reaction-particle{position:absolute;left:var(--rx);top:var(--ry);height:3px;width:3px;background:var(--acid);border-radius:50%;pointer-events:none;animation:experiment-particle .75s ease-in both;z-index:20}
@keyframes experiment-energy{0%{color:var(--acid);box-shadow:0 0 0 #d6f50000}55%{color:#a5ee75;box-shadow:0 0 24px #d6f50033}100%{color:#73d883;box-shadow:0 0 32px #73d88333}}
@keyframes experiment-particle{0%{transform:translate(0,0);opacity:0}15%{opacity:1}85%{background:#73d883;opacity:.8}100%{transform:translate(var(--rdx),var(--rdy));background:#73d883;opacity:0}}
@media(max-width:700px){.experiment-step{gap:8px}.experiment-step-heading{padding:5px 0}.experiment-step-heading h2{font-size:clamp(28px,8vw,40px)}.experiment-elements{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;justify-items:center}.experiment-element{position:relative;left:auto;top:auto;transform:none;min-width:0;width:100%;padding:6px 2px;min-height:55px}.experiment-element b{font-size:30px;padding-right:13px;letter-spacing:-1px}.experiment-element sup{font-size:10px;right:3px}.experiment-element>span{font-size:10px;white-space:normal;line-height:1.4}.experiment-step-footer{gap:8px;padding-top:8px;min-height:58px}.experiment-formula{font-size:16px;max-width:52vw}.experiment-human-fields{grid-template-columns:1fr;gap:10px}.experiment-human-fields label{font-size:10px;gap:2px;position:relative}.experiment-human-fields label>span{position:absolute;right:0;top:0}.experiment-human-fields input{font-size:16px;padding:5px 0}.experiment-matter textarea{font-size:18px}.experiment-received h2{font-size:37px}.experiment-received p{font-size:13px}}
@media(max-height:650px){.experiment-step-heading h2{font-size:30px}.experiment-step-heading p{margin-bottom:5px}.experiment-step-heading{padding:3px}.experiment-human-fields{gap:7px 25px}.experiment-human-fields input{padding:3px 0}.experiment-formula{font-size:16px}.experiment-step-footer{padding-top:5px;min-height:48px}.experiment-element b{font-size:28px}.experiment-element{min-height:50px}.experiment-element>span{margin-top:2px}}
@media(prefers-reduced-motion:reduce){#experiment-intro .human-start,.experiment-element b,.experiment-step,.experiment-reacting .experiment-formula,.experiment-reacting #initiate-reaction{animation:none}.experiment-reaction-particle{display:none}}
