.scale-nav{display:flex;gap:8px;flex-wrap:wrap}.scale-nav a{padding:9px 14px;border:1px solid #3e526b;border-radius:8px;text-decoration:none;font-size:14px}.scale-nav [aria-current=page]{background:#24463f;border-color:#6bdac9;color:#d4fff4}#cell-structures{overflow:auto;min-height:140px;margin-top:14px}#cell-structures .structure{width:100%}#cell-viewport{height:clamp(430px,59vh,730px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#20354a,#0d1727 80%)}#cell-viewport canvas{display:block;width:100%;height:100%;touch-action:none}#cell-label-layer{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.cell-label{position:absolute;transform:translate(-50%,-50%);padding:3px 7px;pointer-events:auto;font-size:11px;background:#101d2de8;border-color:#638084;white-space:nowrap;box-shadow:0 2px 12px #0005}.cell-label[aria-pressed=true]{color:#fff;border-color:#ffe097;background:#3b3d39}.cell-caption{position:absolute;top:12px;left:16px;right:16px;font-size:12px;color:#b5c8db;pointer-events:none;z-index:3}.cell-player{padding:20px 24px;background:#162b39;border-top:2px solid #5fbdba}.cell-stage-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.cell-stage-heading h2{font-size:23px;margin:5px 0 12px}.cell-paused{font-size:12px;color:#c7ded9;max-width:180px}.cell-player p{font-size:15px;max-width:950px}.cell-transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cell-transport label{font-size:12px;display:flex;align-items:center;gap:7px}.scrub-label{flex:1;min-width:160px}.scrub-label input{width:100%;accent-color:#6ed9bd}#cell-play{background:#245b51;border-color:#75d7c4}#cell-stages button{font-size:12px;padding:7px 9px}#cell-selection{padding:20px 24px;border-bottom:1px solid #405069;background:#142337}#cell-selection h3{margin:0 0 8px}#cell-selection p{max-width:900px;margin:0;font-size:14px}#cell-conditions,#cell-compare{padding:15px;border:1px solid #4d6973;border-radius:9px;margin:16px 0}.condition-row{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0}.condition-row label{font-size:13px}#condition-result{margin:5px 0;color:#e3d3ae}#cell-compare button[aria-pressed=true]{border-color:#6ed9bd;background:#254a43}#response-sketch svg{width:100%;max-width:520px;height:125px}#response-sketch p{font-size:12px;color:#b8c7d9}.cell-evidence{font-size:13px}.cell-evidence li{margin:8px 0}.cell-question button{display:block;margin:8px 0;width:100%;text-align:left;max-width:760px}#cell-feedback:not(:empty){border-left:3px solid #6ed9bd;padding:12px;background:#203649}#cell-guide{scroll-margin-top:15px}#cell-guide h2{font-size:24px}#cell-fallback{padding:70px 24px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffda87;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){header{flex-wrap:wrap;gap:12px}.scale-nav a{font-size:12px;padding:7px}#cell-structures{display:flex;overflow:auto}#cell-structures .structure{min-width:160px}#cell-viewport{height:430px}.cell-player{padding:18px}.cell-stage-heading{display:block}.cell-paused{display:block;margin-bottom:12px}.cell-label{font-size:10px;padding:2px 4px}}

#cell-event{position:absolute;top:38px;left:16px;right:16px;z-index:3;color:#d1e9e4;font-size:13px;pointer-events:none}.ion-key{position:absolute;bottom:35px;left:16px;display:flex;gap:13px;flex-wrap:wrap;font-size:11px;z-index:3;pointer-events:none}.cell-selection-link{margin-top:12px;font-size:12px}