:root{color:#dcecf0;background:#010304;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--line: rgba(164, 220, 232, .16);--muted: #71858c;--cyan: #8adceb}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#010304}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;height:100%;min-height:560px;overflow:hidden;background:radial-gradient(circle at 48% 46%,rgba(26,94,110,.13),transparent 33%),linear-gradient(180deg,#020506,#010203)}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background-image:linear-gradient(rgba(123,189,203,.018) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:screen}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:74px;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#010405e0,#01040533);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:inline-flex;align-items:center;gap:11px;width:fit-content;color:#eaf8fa;text-decoration:none;font:500 12px/1 SFMono-Regular,Consolas,monospace;letter-spacing:.18em}.brand-mark{width:24px;height:24px;position:relative;display:inline-flex;gap:2px;align-items:center}.brand-mark i{width:3px;height:17px;border-radius:9px;background:var(--cyan);transform:rotate(21deg);box-shadow:0 0 8px #8adceba6}.brand-mark i:nth-child(1){height:11px}.brand-mark i:nth-child(3){height:21px}.study-title{text-align:center;display:grid;gap:4px}.study-title span,.eyebrow{margin:0;color:#668088;font:400 9px/1.2 SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.19em}.study-title strong{color:#b9ced3;font:400 10px/1.2 SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.reset-button,.mobile-controls-button{justify-self:end;border:1px solid var(--line);background:#07101394;padding:9px 12px;border-radius:2px;color:#9cb0b5;font:400 10px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:.18s ease}.reset-button:hover{color:#e5f8fa;border-color:#8adceb73}.reset-button span{display:inline-block;margin-right:6px;font-size:14px}.mobile-controls-button{display:none}.workspace,.scene-wrap,.arm-scene{position:absolute;inset:0}.scene-wrap{z-index:1;top:74px}.arm-scene canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.arm-scene canvas.is-pulling{cursor:ns-resize!important}.arm-scene canvas.is-rotating{cursor:grabbing!important}.intro-panel{position:absolute;z-index:10;left:28px;top:116px;width:230px;pointer-events:none}.intro-panel h1{margin:12px 0 16px;color:#e2f4f7e6;font-size:clamp(31px,3vw,47px);font-weight:300;line-height:.98;letter-spacing:-.055em}.intro-panel h1 em{color:var(--cyan);font-style:normal;text-shadow:0 0 28px rgba(92,207,230,.22)}.lede{margin:0;max-width:210px;color:#74888e;font-size:12px;font-weight:300;line-height:1.65}.view-options{margin-top:29px;padding-top:12px;border-top:1px solid var(--line);pointer-events:auto}.view-options button{width:100%;height:37px;padding:0;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;border:0;color:#6c7f84;background:transparent;text-align:left;font:400 10px/1 DM Mono,monospace;cursor:pointer}.view-options button.active{color:#bed1d5}.option-icon{width:14px;height:14px;border:1px solid currentColor;border-radius:50%;opacity:.8}.isolate-icon{border-radius:2px;transform:rotate(45deg) scale(.7)}.toggle{width:26px;height:13px;padding:2px;border:1px solid #314247;border-radius:9px;transition:.15s ease}.toggle i{display:block;width:7px;height:7px;border-radius:50%;background:#506369;transition:.15s ease}.active .toggle{border-color:#4d9aac}.active .toggle i{transform:translate(13px);background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.gesture-guide{margin-top:35px;display:grid;gap:13px}.gesture-guide>div{display:flex;align-items:center;gap:10px;color:#62757a}.gesture-guide span{width:25px;color:#809399;font:400 18px/1 DM Mono,monospace}.gesture-guide p{display:grid;gap:4px;margin:0}.gesture-guide b{color:#84979c;font:400 9px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.gesture-guide small{font-size:9px;color:#4e5f64}.control-panel{position:absolute;z-index:12;top:94px;right:24px;bottom:24px;width:310px;padding:18px 18px 16px;display:flex;flex-direction:column;border:1px solid rgba(145,211,224,.16);background:#03090bb8;box-shadow:0 25px 70px #0006,inset 0 0 40px #1e647409;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.control-panel:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(135deg,rgba(130,224,241,.1),transparent 18%)}.panel-heading{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:5px 0 0;color:#d5e7ea;font-size:17px;font-weight:400;letter-spacing:-.02em}.tendon-count{margin-top:5px;color:#52666c;font:400 9px/1 DM Mono,monospace;text-transform:uppercase}.panel-close{display:none}.simulation-control{padding:11px 0 9px;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.simulation-control span{display:grid;gap:3px}.simulation-control b{color:#9cb2b7;font:500 8px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.simulation-control small{color:#4f656b;font:400 7px/1 DM Mono,monospace}.simulation-control input{width:100%;height:14px;appearance:none;background:transparent}.simulation-control input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,#6bb9c8 var(--value),#1d3035 var(--value))}.simulation-control input::-webkit-slider-thumb{appearance:none;width:8px;height:8px;margin-top:-3px;border-radius:50%;background:#d9f4f7;box-shadow:0 0 8px #69cada}.preset-row{padding:8px 0;display:grid;grid-template-columns:.8fr 1fr 1.25fr;gap:5px;border-bottom:1px solid var(--line)}.preset-row button{min-height:27px;padding:5px 4px;border:1px solid rgba(129,190,202,.12);background:#306e7b0d;color:#6d8288;font:400 7px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.preset-row button:hover{border-color:#81d7e852;color:#c4dce0;background:#48a0b11a}.tendon-list{flex:1;min-height:0;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#1e3a42 transparent}.tendon-group{padding:14px 0 2px}.tendon-group h3{margin:0 0 4px;display:flex;align-items:center;gap:9px;color:#556b71;font:500 8px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.16em}.tendon-group h3 span{flex:1;height:1px;background:#78b1bd17}.tendon-control{margin:0 -7px;padding:7px;border:1px solid transparent;transition:.14s ease;cursor:pointer}.tendon-control.selected{border-color:#73c4d526;background:#3b899a12}.tendon-control.hovered{border-color:#91e0ee3b;background:#53aec11a}.tendon-control.hovered .path-swatch{filter:brightness(1.65);box-shadow:0 0 13px var(--swatch)}.tendon-control.hovered .tendon-label b{color:#e6f9fb}.tendon-label{width:100%;padding:0;display:grid;grid-template-columns:21px 1fr;align-items:center;gap:7px;border:0;background:none;text-align:left;cursor:pointer}.path-swatch{position:relative;width:17px;height:1px;background:var(--swatch);box-shadow:0 0 7px var(--swatch)}.path-swatch:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--swatch)}.tendon-label>span:last-child{display:flex;align-items:baseline;gap:7px;min-width:0}.tendon-label b{color:#b4c8cd;font:500 9px/1 DM Mono,monospace;white-space:nowrap}.tendon-label small{overflow:hidden;color:#64777c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.range-row{margin:5px 0 0 28px;display:grid;grid-template-columns:1fr 22px;align-items:center;gap:8px}.range-row input{width:100%;height:12px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.range-row input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--accent) var(--value),#1d3035 var(--value))}.range-row input::-webkit-slider-thumb{appearance:none;width:7px;height:7px;margin-top:-3px;border:0;border-radius:50%;background:#e3f6f8;box-shadow:0 0 8px var(--accent)}.range-row input::-moz-range-track{height:1px;background:#1d3035}.range-row input::-moz-range-progress{height:1px;background:var(--accent)}.range-row input::-moz-range-thumb{width:7px;height:7px;border:0;background:#e3f6f8;box-shadow:0 0 8px var(--accent)}.range-row output{color:#60747a;font:400 8px/1 DM Mono,monospace;text-align:right}.selected-readout{margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.readout-top{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px}.active-dot{width:5px;height:5px;border-radius:50%;box-shadow:0 0 8px currentColor}.readout-top>div{display:grid;gap:3px}.readout-top small,.metrics small{color:#52666b;font:400 7px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.readout-top strong{color:#b9cdd1;font-size:11px;font-weight:500}.readout-top>b{color:var(--cyan);font:400 17px/1 DM Mono,monospace}.selected-readout>p{margin:11px 0 13px;color:#667a7f;font-size:9px;line-height:1.5}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metrics span{padding:8px;display:grid;gap:4px;border:1px solid rgba(117,180,193,.09);background:#1f4c560d}.metrics b{color:#9eb4b9;font:400 10px/1 DM Mono,monospace}.scene-note{position:absolute;z-index:7;left:50%;bottom:22px;transform:translate(-50%);color:#4e6268;font:400 8px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.scene-note span{display:inline-block;width:4px;height:4px;margin:0 6px 1px 0;border-radius:50%;background:#628c96}.scene-note i{display:inline-block;width:4px;height:4px;margin:0 6px 1px 10px;border-radius:50%;background:#ff3a28;box-shadow:0 0 7px #ff3a28}.interaction-switch{position:absolute;z-index:9;left:50%;bottom:43px;display:flex;transform:translate(-50%);padding:3px;border:1px solid var(--line);background:#02080ac2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.interaction-switch button{min-width:105px;padding:7px 10px;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;column-gap:6px;border:0;background:transparent;color:#60757b;text-align:left;cursor:pointer}.interaction-switch button+button{border-left:1px solid var(--line)}.interaction-switch button.active{color:#d3edf1;background:#56acbe1f}.interaction-switch span{grid-row:1 / 3;align-self:center;font:400 14px/1 DM Mono,monospace}.interaction-switch b{font:500 8px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.interaction-switch small{margin-top:2px;color:#52666c;font-size:7px}.orientation-widget{position:absolute;z-index:7;right:356px;bottom:29px;width:36px;height:36px;color:#53727a;font:400 7px/1 DM Mono,monospace}.orientation-widget:before,.orientation-widget:after{content:"";position:absolute;left:17px;bottom:9px;width:1px;height:21px;background:#42626a;transform-origin:bottom}.orientation-widget:after{transform:rotate(90deg)}.orientation-widget i{position:absolute;font-style:normal}.axis-y{left:15px;top:0}.axis-x{right:0;bottom:7px}.axis-z{left:2px;bottom:1px}@media(max-width:900px){.intro-panel{left:20px;top:92px;width:190px}.intro-panel h1{font-size:31px}.control-panel{right:14px;width:286px}.orientation-widget{display:none}}@media(min-width:1100px){.scene-wrap{left:248px;right:352px}}@media(max-width:680px){.app-shell{min-height:460px}.topbar{height:58px;padding:0 12px;display:flex;gap:7px}.brand{margin-right:auto;flex:0 1 auto}.scene-wrap{top:58px;transition:bottom .26s cubic-bezier(.22,.72,.22,1)}.controls-open .scene-wrap{bottom:min(64vh,560px)}.brand{font-size:10px;letter-spacing:.12em}.brand-mark{width:18px;transform:scale(.8)}.study-title{display:none}.reset-button{width:35px;height:35px;padding:0;font-size:0}.reset-button span{margin:0;font-size:15px}.mobile-controls-button{display:block}.mobile-controls-button,.reset-button{flex:0 0 auto}.intro-panel{top:78px;left:14px;width:170px}.intro-panel h1{margin-top:8px;font-size:26px;line-height:1.02}.intro-panel .lede,.view-options,.gesture-guide{display:none}.scene-note{bottom:14px;font-size:7px}.interaction-switch{bottom:35px}.interaction-switch button{min-width:98px;min-height:40px}.control-panel{inset:auto 0 0;width:100%;height:min(64vh,560px);padding:16px 16px max(15px,env(safe-area-inset-bottom));transform:translateY(calc(100% + 5px));transition:transform .26s cubic-bezier(.22,.72,.22,1);border-width:1px 0 0;background:#020709f0}.control-panel.open{transform:translateY(0)}.panel-close{display:block;margin:-4px 0 0 auto;width:32px;height:32px;border:1px solid var(--line);background:transparent;color:#82969b;font-size:20px;line-height:1}.tendon-count{display:none}.panel-heading{justify-content:flex-start}.panel-heading>div{flex:1}.tendon-control{padding-top:9px;padding-bottom:9px}.range-row input{height:20px}.range-row input::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px}.selected-readout>p{display:none}}@media(max-height:680px)and (min-width:681px){.topbar{height:58px}.intro-panel{top:80px}.gesture-guide{display:none}.control-panel{top:72px;bottom:14px}.tendon-control{padding-top:4px;padding-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}