.chemo-remove{position:fixed;right:14px;bottom:calc(170px + env(safe-area-inset-bottom,0px));z-index:15;padding:10px 14px;border:1px solid #b4d0d9;border-radius:16px;background:#edf7fc;color:#254e64;font-size:12px;box-shadow:0 3px 12px #243e4f20}.chemo-remove[hidden]{display:none}.chemo-exit-dialog{width:min(380px,calc(100vw - 24px))}.chemo-exit-dialog p{font-size:14px;color:#405a50}.chemo-exit-dialog button{font-size:14px}
/* A seated first-person workstation, contained within the existing world. */
.chemo-mix{position:absolute;inset:0;z-index:28;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#edf7f7,#b1c9d1);color:#244650;isolation:isolate}.chemo-mix[hidden]{display:none}.chemo-mix-header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 8px;gap:12px;flex:none}.chemo-mix-header span{font-size:11px;color:#506f79}.chemo-mix-header h2{font-size:21px;margin:3px 0;line-height:1.3;letter-spacing:-.5px}.chemo-mix button{touch-action:manipulation}.chemo-mix-header button,.chemo-mix-bottom button{background:#f4fbfc;border:1px solid #8eafb9;padding:9px 13px;color:#244650;font-size:12px;border-radius:12px;white-space:nowrap}.chemo-mix-steps{display:flex;list-style:none;padding:4px 20px 8px;margin:0;gap:5px;flex:none}.chemo-mix-steps li{flex:1;display:flex;gap:5px;align-items:center;justify-content:center;color:#718c94;border-bottom:3px solid #a9bec4;padding:5px 1px;font-size:10px}.chemo-mix-steps li span{font-weight:700}.chemo-mix-steps li b{font-weight:500}.chemo-mix-steps li.current{color:#305f7e;border-color:#3d7c9d}.chemo-mix-steps li.current b{font-weight:700}.chemo-mix-steps li.done{color:#326b5d;border-color:#7ba79b}.chemo-mix-scene{flex:1;min-height:0;position:relative;overflow:hidden}.chemo-mix-scene svg{display:block;width:100%;height:100%}.chemo-mix-controls{flex:none;padding:0 20px 12px;background:linear-gradient(#d3e2e8a0,#e2edf0)}.chemo-mix-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:750px;margin:0 auto}.chemo-mix-objects button{font-size:14px;font-weight:700;padding:12px 10px;border:2px solid #9ab7c2;border-radius:14px;background:#edf6f8;color:#385c6c}.chemo-mix-objects button.next{border-color:#5a8aa1;color:#204c64;background:#fffdf0;box-shadow:0 0 0 3px #fff8ce70}.chemo-mix-objects button:disabled{opacity:.6}.chemo-mix-instruction{text-align:center;padding:10px 0 4px;min-height:57px}.chemo-mix-instruction strong{font-size:16px;color:#234b5e}.chemo-mix-instruction p{font-size:12px;line-height:1.55;margin:5px 0 0;color:#4a6974}.chemo-mix-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.chemo-mix-bottom small{font-size:10px;color:#617e89}.chemo-mix-bottom button{padding:5px 10px;font-size:11px}.chemo-mixing .chemo-remove{display:none}.chemo-mix :focus-visible{outline:3px solid #365f8a;outline-offset:3px}
#cmBag,#cmVial,#cmSyringeBody{transform-box:fill-box;transform-origin:center;cursor:pointer}#cmBag,#cmVial,#cmSyringeBody,#cmPlunger,#cmLeftHand,#cmRightHand{transition:transform .25s ease}#cmVialLiquid,#cmSyringeLiquid,#cmVialSwirl{opacity:0}#cmTransfer{display:none}#cmBagLiquid,#cmPowder,#cmVialLiquid{transition:opacity .5s,fill .5s}#cmPlunger{transform:translateY(-28px)}
.chemo-mix[data-step=reconstitute] #cmSyringeLiquid,.chemo-mix[data-step=return] #cmSyringeLiquid{opacity:1}.chemo-mix[data-step=reconstitute] #cmPlunger,.chemo-mix[data-step=return] #cmPlunger{transform:translateY(4px)}.chemo-mix[data-step=return] #cmSyringeLiquid{fill:#c092d2b0}
.chemo-mix:is([data-step=dissolve],[data-step=withdraw]) #cmVialLiquid{opacity:1}.chemo-mix[data-step=withdraw] #cmVialLiquid{fill:#c49bd0b0}.chemo-mix[data-step=dissolve][data-swirls="1"] #cmPowder{opacity:.65}.chemo-mix[data-step=dissolve][data-swirls="2"] #cmPowder{opacity:.3}.chemo-mix:is([data-step=withdraw],[data-step=return],[data-step=mixbag],[data-step=done]) #cmPowder{opacity:0}.chemo-mix:is([data-step=mixbag],[data-step=done]) #cmBagLiquid{fill:#c19bd5a0}.chemo-mix[data-step=done] .chemo-mix-instruction strong{color:#286953}
.chemo-mix[data-animation=syringe] #cmSyringeBody{animation:cmPick 1.1s ease-in-out}.chemo-mix:is([data-animation=diluent],[data-animation=return]) #cmSyringeBody{animation:cmBagReach 1.1s ease-in-out}.chemo-mix:is([data-animation=reconstitute],[data-animation=withdraw]) #cmSyringeBody{animation:cmVialReach 1.1s ease-in-out}.chemo-mix:is([data-animation=diluent],[data-animation=withdraw]) #cmSyringeLiquid{animation:cmFill 1.1s both}.chemo-mix:is([data-animation=reconstitute],[data-animation=return]) #cmSyringeLiquid{animation:cmEmpty 1.1s both}.chemo-mix:is([data-animation=diluent],[data-animation=withdraw]) #cmPlunger{animation:cmDraw 1.1s ease-in-out}.chemo-mix:is([data-animation=reconstitute],[data-animation=return]) #cmPlunger{animation:cmPush 1.1s ease-in-out}.chemo-mix[data-animation=reconstitute] #cmVialLiquid{animation:cmFill 1.1s both}.chemo-mix[data-animation=dissolve] #cmVial{animation:cmSwirl 1.1s ease-in-out}.chemo-mix[data-animation=dissolve] #cmVialSwirl{opacity:1;animation:cmGlint 1.1s}.chemo-mix[data-animation=mixbag] #cmBag{animation:cmSwirl 1.1s ease-in-out}.chemo-mix[data-animation] #cmRightHand{animation:cmHandReach 1.1s ease-in-out}.chemo-mix:is([data-animation=dissolve],[data-animation=mixbag]) #cmLeftHand{animation:cmSupport 1.1s ease-in-out}
@keyframes cmPick{40%,70%{transform:translateY(-45px) rotate(-9deg)}}@keyframes cmBagReach{35%,78%{transform:translate(-442px,178px)}}@keyframes cmVialReach{35%,78%{transform:translate(-227px,-203px) rotate(180deg)}}@keyframes cmFill{0%,25%{opacity:0}75%,100%{opacity:1}}@keyframes cmEmpty{0%,25%{opacity:1}75%,100%{opacity:0}}@keyframes cmDraw{0%,20%{transform:translateY(-28px)}80%,100%{transform:translateY(4px)}}@keyframes cmPush{0%,20%{transform:translateY(4px)}80%,100%{transform:translateY(-28px)}}@keyframes cmSwirl{20%,65%{transform:translate(-8px,-10px) rotate(-7deg)}40%,85%{transform:translate(8px,-7px) rotate(7deg)}}@keyframes cmGlint{50%{stroke-dasharray:12 8;transform:translateY(-4px)}}@keyframes cmHandReach{35%,78%{transform:translate(-90px,-80px)}}@keyframes cmSupport{35%,78%{transform:translate(120px,-65px)}}
@media(max-width:600px){.chemo-mix-header{padding:10px 12px 6px}.chemo-mix-header h2{font-size:18px}.chemo-mix-header span{font-size:10px}.chemo-mix-steps{padding:3px 10px 6px;gap:3px}.chemo-mix-steps li{font-size:11px;padding:4px 0}.chemo-mix-steps li b{display:none}.chemo-mix-steps li.current{background:#eef7fa;border-radius:6px 6px 0 0}.chemo-mix-controls{padding:0 12px 9px}.chemo-mix-objects{gap:8px}.chemo-mix-objects button{padding:11px 5px;font-size:13px}.chemo-mix-instruction{min-height:68px;padding-top:9px}.chemo-mix-instruction strong{font-size:15px}.chemo-mix-instruction p{font-size:12px}.chemo-mix-scene svg{height:100%;min-height:0}.chemo-mix-bottom small{font-size:9px}}
@media(max-height:510px) and (orientation:landscape){.chemo-mix-header{padding:5px 12px}.chemo-mix-header h2{font-size:15px}.chemo-mix-header span{display:none}.chemo-mix-steps{padding-block:0}.chemo-mix-steps li b{display:none}.chemo-mix-controls{position:absolute;right:10px;top:54px;bottom:8px;width:32%;padding:10px;border-radius:16px;background:#e9f3f5ed;display:flex;flex-direction:column;justify-content:center}.chemo-mix-objects{width:100%;gap:4px}.chemo-mix-objects button{font-size:11px;padding:9px 2px}.chemo-mix-instruction p{font-size:11px}.chemo-mix-instruction strong{font-size:13px}.chemo-mix-bottom{margin-top:10px}.chemo-mix-scene{width:67%}}
@media(prefers-reduced-motion:reduce){.chemo-mix *{animation:none!important;transition:none!important}}
/* The photographic contact poses keep each grip and its tool in one image. */

.cm-photo-canvas{position:absolute;inset:0;display:none;width:100%;height:100%;pointer-events:none;background:#b2bdbe}.has-motion-art>.cm-photo-canvas{display:block}.chemo-mix-scene.has-motion-art{background:#b2bdbe}
.chemo-practice-modes{flex:none;padding:0 22px 8px}.chemo-practice-modes>div{display:flex;gap:6px;flex-wrap:wrap}.chemo-practice-modes button{padding:7px 12px;min-height:36px;font-size:12px;border:1px solid #9cb8bf;border-radius:18px;background:#eff7f8;color:#325a65}.chemo-practice-modes button[aria-pressed=true]{background:#315f6b;color:#fff;border-color:#315f6b}.chemo-practice-modes small{display:block;font-size:10px;color:#52737c;margin-top:5px;line-height:1.6}.chemo-practice-summary{font-size:12px;line-height:1.8;padding:10px 13px;background:#eef7e7;border:1px solid #b7cfa5;border-radius:12px;color:#3a603f;margin-bottom:8px}
@media(max-width:600px){.chemo-practice-modes{padding:0 12px 5px}.chemo-practice-modes button{font-size:11px;min-height:36px;padding:6px 9px}.chemo-practice-modes small{font-size:9px}.chemo-practice-summary{font-size:11px;padding:8px 10px}}
@media(max-height:510px) and (orientation:landscape){.chemo-practice-modes{max-width:65%;padding-left:12px;padding-bottom:3px}.chemo-practice-modes button{min-height:30px;padding:4px 8px;font-size:10px}.chemo-practice-modes small{font-size:8px}.chemo-practice-summary{max-height:64px;overflow:auto;font-size:10px;padding:6px}.chemo-mix-controls{top:54px}}