.opto-clarity .lab-layout{display:block}.opto-clarity .opto-anatomy-fold{margin:12px 0 20px;border:1px solid #729b9955;border-radius:14px;padding:16px}.opto-anatomy-fold>summary{cursor:pointer;font-size:18px;font-weight:650}.opto-clarity .atlas-panel{max-width:900px;margin:auto}.opto-clarity .opto-live-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);align-items:start;gap:24px}.opto-clarity .mechanism-layout{display:block}.opto-clarity .mechanism-layout>figure,.opto-clarity .waveform-head,.opto-clarity .mechanism-zoom,.opto-clarity #experiment-guide{display:none!important}.opto-clarity .mechanism-panel{padding:22px;min-width:0}.opto-clarity .control-panel{padding:22px;min-width:0;position:sticky;top:80px}.opto-clarity .mechanism-panel .section-head{display:none}.opto-clarity .specific-circuit{margin-top:18px}.opto-clarity .specific-circuit svg{min-height:180px}.opto-studio{scroll-margin-top:78px;min-width:0}.opto-studio h3{font-size:28px;line-height:1.3;margin:0 0 12px}.opto-studio>p{font-size:17px;line-height:1.8}.opto-studio-tabs,.opto-play-actions,.opto-step-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.opto-studio button{font-size:16px;min-height:44px;padding:10px 14px;line-height:1.4;white-space:normal}.opto-step-buttons button{min-width:43px;border-radius:50%}.opto-step-buttons button[aria-pressed=true]{background:#f0c885;color:#172a35;border-color:#f0c885;box-shadow:0 0 0 4px #f0c88544}.opto-step-buttons .reached{border-color:#74decb}.opto-structure{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#071d31}.opto-anatomical{position:relative;width:100%;aspect-ratio:3/2}.opto-anatomical img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .7s}.opto-active-art{opacity:0}.opto-active-art.visible{opacity:1}.opto-rest-art.dim{opacity:0}.opto-ion-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.opto-light-beam,.opto-cations,.opto-signal,.opto-calcium,.opto-fusion-ring,.opto-transmitter{opacity:0}.opto-structure[data-step="1"] .opto-light-beam,.opto-structure[data-step="2"] .opto-light-beam,.opto-structure[data-step="3"] .opto-light-beam,.opto-structure[data-step="4"] .opto-light-beam,.opto-structure[data-step="5"] .opto-light-beam{opacity:.65}.opto-structure:not([data-step="0"]) .opto-cations{opacity:1;fill:#ddffff;animation:opto-flow-down 1.4s linear infinite}.opto-structure[data-step="2"] .opto-signal,.opto-structure[data-step="3"] .opto-signal,.opto-structure[data-step="4"] .opto-signal,.opto-structure[data-step="5"] .opto-signal{opacity:1;animation:opto-dash 2s linear infinite}.opto-structure[data-step="3"] .opto-calcium,.opto-structure[data-step="4"] .opto-calcium,.opto-structure[data-step="5"] .opto-calcium{opacity:1;animation:opto-flow-up 1.5s ease-in-out infinite}.opto-structure[data-step="4"] .opto-fusion-ring,.opto-structure[data-step="5"] .opto-fusion-ring{opacity:1;animation:opto-ring 1.5s infinite}.opto-structure[data-step="4"] .opto-transmitter,.opto-structure[data-step="5"] .opto-transmitter{opacity:1;fill:#ffde83;animation:opto-flow-down 1.5s linear infinite}.opto-structure-labels span{position:absolute;color:#f5fffe;font:600 15px/1.5 system-ui;background:#061b31e8;padding:5px 9px;border:1px solid #85dfd166;border-radius:8px;max-width:49%;box-shadow:0 2px 10px #00101a}.label-channel{left:4%;top:3%}.label-vesicle{right:2%;top:28%}.label-calcium{left:2%;top:64%}.label-receptor{right:2%;bottom:3%}.opto-state-readout{font-size:20px!important;font-weight:700;color:#b6eedc;border-left:4px solid #ecc78f;padding-left:12px}.opto-step-copy{min-height:100px}.opto-trace-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opto-trace-pair figure{margin:0;min-width:0;background:#0b2835;border:1px solid #83cbb666;border-radius:12px;padding:12px}.opto-trace-pair strong{font-size:16px;line-height:1.5;display:block;min-height:48px;color:#e8fbf4}.opto-trace-pair canvas{width:100%;height:auto;display:block}.opto-studio details{margin:16px 0;font-size:17px}.opto-studio summary,.opto-advanced summary{cursor:pointer;font-size:17px;font-weight:650;line-height:1.7}.opto-studio details p{font-size:17px!important}.opto-membrane-view svg{width:100%;display:block}.opto-ion-in{animation:opto-flow-down 1.4s linear infinite}.opto-ion-out{animation:opto-flow-up 1.4s linear infinite}.opto-main-runbar{position:sticky;bottom:12px;padding:12px;background:#0b2632f5;border:1px solid #8db2ad66;border-radius:14px;z-index:5;display:flex;gap:10px;margin-top:18px}.opto-main-runbar button{font-size:18px;min-height:50px}.opto-question-picker h3{font-size:24px;line-height:1.4}.opto-question-picker p,.opto-question-picker button,.opto-clarity .protocol-preview p{font-size:17px;line-height:1.8}.opto-question-cards{display:grid;gap:10px;margin:16px 0}.opto-question-cards button{text-align:left;padding:12px 16px;border-radius:12px;min-height:48px}.opto-advanced{margin:15px 0;padding:14px;border:1px solid #70948f66;border-radius:12px}.opto-advanced select{width:100%;font-size:16px}.opto-clarity .prediction .reader-background{display:none}.opto-clarity .prediction h3{font-size:23px}.opto-clarity .prediction-options button{font-size:17px;line-height:1.6;padding:14px}.opto-clarity .protocol-preview h3{font-size:22px}.opto-clarity .control-panel>.panel-heading{display:none}.opto-clarity .protocol-preview{padding:15px}.opto-clarity .control-panel>.fine{display:none}
@keyframes opto-flow-down{0%{transform:translateY(-12px);opacity:.3}50%{opacity:1}100%{transform:translateY(25px);opacity:.3}}@keyframes opto-flow-up{0%{transform:translateY(12px);opacity:.3}50%{opacity:1}100%{transform:translateY(-20px);opacity:.3}}@keyframes opto-dash{to{stroke-dashoffset:-220}}@keyframes opto-ring{50%{stroke-width:22;opacity:.45}}
@media(max-width:900px){.opto-clarity .opto-live-workspace{display:flex;flex-direction:column}.opto-clarity .control-panel{position:static;width:100%;order:0}.opto-clarity .mechanism-panel{width:100%;order:1;padding:15px}.opto-structure-labels span{font-size:14px}.opto-studio h3{font-size:24px}.opto-studio-tabs{display:grid;grid-template-columns:1fr 1fr}.opto-studio-tabs button{padding:9px 8px;font-size:15px}.opto-main-runbar{bottom:10px}.opto-trace-pair{gap:8px}.opto-trace-pair figure{padding:8px}.opto-trace-pair strong{font-size:15px}.opto-question-cards{grid-template-columns:1fr}.opto-step-copy{font-size:17px!important}.opto-clarity .lab>.section-head{margin-bottom:8px}.opto-structure-labels .label-vesicle{display:none}.opto-structure-labels .label-calcium{top:60%;font-size:15px}.opto-structure-labels .label-channel,.opto-structure-labels .label-receptor{font-size:15px}}
@media(prefers-reduced-motion:reduce){.opto-studio *{animation:none!important;transition:none!important}}

.opto-clarity .experiment-timeline{display:none}

.opto-studio button,.opto-question-cards button{background:#153b49;color:#e7fff8;border:1px solid #72b9b3;border-radius:12px;cursor:pointer}.opto-studio button:hover,.opto-question-cards button:hover{background:#255b63}.opto-step-buttons button[aria-pressed=true]{background:#f0c885;color:#172a35}.opto-clarity .prediction-options button b{font-size:17px;line-height:1.65}.opto-clarity .prediction-options button>span{font-size:16px}.opto-membrane-key{font-size:17px;color:#e6f8ee;padding:12px;margin:0}

.opto-studio button{font-size:16px!important}
.opto-studio[data-experiment-playing=true]>h3{font-size:22px;margin-bottom:8px}.opto-studio[data-experiment-playing=true]>p:first-of-type,.opto-studio[data-experiment-playing=true]>.opto-studio-tabs,.opto-studio[data-experiment-playing=true]>.opto-play-actions,.opto-studio[data-experiment-playing=true]>details{display:none}.opto-studio[data-experiment-playing=true] .opto-anatomical{width:min(100%,570px);margin:auto}.opto-studio[data-experiment-playing=true] .opto-step-copy{min-height:0;font-size:16px!important;line-height:1.6;margin:8px 0}.opto-studio[data-experiment-playing=true] .opto-step-buttons{margin:8px 0}.opto-studio[data-experiment-playing=true] .opto-state-readout{margin:8px 0;font-size:18px!important}.opto-is-playing .opto-main-runbar{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 24px));margin:0}.opto-studio[data-experiment-playing=true] .opto-trace-pair strong{min-height:0}.opto-studio[data-experiment-playing=true] .opto-trace-pair figure{padding:7px}

.opto-trace-pair figure{display:block!important}.opto-trace-pair canvas{width:100%!important;height:auto!important;min-height:38px}

.opto-is-playing .opto-live-workspace .opto-main-runbar{position:fixed!important;left:50%!important;bottom:10px!important;top:auto!important;transform:translateX(-50%)!important;padding:6px!important;min-height:0}.opto-is-playing .opto-main-runbar #run{display:none!important}.opto-is-playing .opto-main-runbar #stop{font-size:16px;min-height:42px;padding:7px 16px;margin:auto}.opto-studio[data-experiment-playing=true] .opto-membrane-key{display:none}

.opto-studio[data-experiment-playing=true] .opto-state-readout{line-height:1.4}.opto-studio[data-experiment-playing=true] .opto-trace-pair strong{line-height:1.4}