:root{color:#183c3b;font-synthesis:none;background:#f5f5f0;font-family:ui-rounded,Avenir Next,Avenir,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #d4dfd9;border-radius:10px;min-height:44px;transition:background .16s,box-shadow .16s}button:hover{background:#edf5ef;box-shadow:0 2px 8px #173f3a10}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d89129}button.active{color:#fff;background:#1d514c;border-color:#1d514c}button[aria-pressed=true]{background:#e3efe7}button:disabled{opacity:.5;cursor:default}input[type=range]{accent-color:#247c72;cursor:pointer;width:100%;min-height:30px}input[type=checkbox]{accent-color:#247c72;width:18px;height:18px}button,nav,label{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}.topbar{background:#fff;border-bottom:1px solid #dce2dc;justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 30px;display:flex}.brand{color:#183c3b;letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:12px;font-size:23px;text-decoration:none;display:flex}.brand-mark{color:#257669;font-size:42px}.brand b{font-weight:800}.brand small{letter-spacing:2px;color:#677d77;margin-top:4px;font-size:10px;display:block}.topbar nav{background:#f1f4ef;border-radius:12px;gap:3px;padding:5px;display:flex}.mode{color:#708580;background:0 0;border:0;padding:0 17px;font-size:13px;font-weight:600}.mode span{margin-left:8px;font-size:14px}.mode.active{box-shadow:0 3px 5px #173f3a16}.class-tag{letter-spacing:.4px;color:#6b8077;font-size:12px}main{grid-template-columns:minmax(0,1fr) 355px;min-height:calc(100dvh - 88px);display:grid}.stage{background:#e9ede3;min-height:690px;position:relative;overflow:hidden}.stage-heading{z-index:2;pointer-events:none;position:absolute;top:29px;left:33px}.eyebrow{letter-spacing:2px;color:#56776d;font-size:11px;font-weight:800}h1{letter-spacing:-1.3px;margin:10px 0;font-size:clamp(26px,2.5vw,38px);line-height:1.15}h1+p{color:#52746a;margin:0;font-size:15px}#viewport{touch-action:none;position:absolute;inset:0}canvas{width:100%;height:100%;display:block}#loading{z-index:10;text-align:center;background:#fff;border-radius:12px;max-width:85%;padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bone-label{pointer-events:auto;white-space:nowrap;background:#fffffff0;border:1px solid #fff9;border-radius:6px;min-height:34px;padding:5px 12px;font-size:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 14px #233e3012}.bone-label:before{content:"";background:#298c7c;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.bone-label.selected{color:#fff;background:#20574f}.bone-label.selected:before{background:#eec470}.view-tools{z-index:4;white-space:nowrap;background:#fffffff2;border:1px solid #fff;border-radius:13px;gap:5px;padding:6px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 6px 26px #16332915}.view-tools button{background:0 0;border:0;min-width:40px;padding:0 10px;font-size:19px}.view-tools #reset,.view-tools #labels-toggle{font-size:13px}.stage-bottom{color:#43665c;background:#edf1e9d9;align-items:center;gap:8px;width:100%;padding:17px 24px;font-size:12px;display:flex;position:absolute;bottom:0}.live-dot{background:#397f6e;border-radius:50%;width:6px;height:6px}.model-note{color:#6c857b;margin-left:auto;font-size:11px}.lesson-panel{background:#fcfcf8;border-left:1px solid #dce2dc;flex-direction:column;height:calc(100dvh - 88px);min-height:690px;display:flex}.panel-scroll{flex:1;padding:31px 26px 20px;overflow-y:auto}.section-kicker{letter-spacing:2px;color:#73897d;font-size:11px;font-weight:700}h2{letter-spacing:-.7px;margin:12px 0;font-size:24px}#panel-intro{color:#61776d;margin:0 0 20px;font-size:15px;line-height:1.6}.toggles{flex-direction:column;gap:7px;padding-bottom:20px;display:flex}.toggles label{cursor:pointer;align-items:center;gap:9px;min-height:28px;font-size:14px;display:flex}.info-card{background:#eaf1e9;border:1px solid #d8e5d8;border-radius:13px;margin-bottom:23px;padding:19px}.info-card>span{letter-spacing:1.6px;color:#69836f;font-size:10px;font-weight:800}.info-card h3{margin:9px 0;font-size:26px}.info-card p{margin:0;font-size:15px;line-height:1.6}#info-tip{color:#637b66;border-top:1px solid #cedcce;margin-top:13px;padding-top:13px;font-size:12px;line-height:1.6}.small-heading{margin:0 0 12px;font-size:15px}.small-heading span{color:#7f9083;margin-left:5px;font-size:11px;font-weight:400}.part-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.part-grid button{text-align:left;background:#fff;border-color:#e0e5dc;padding:8px 12px;font-size:13px}.part-grid button.active{background:#20554d}.takeaway{color:#7c7758;align-items:flex-start;gap:11px;margin-top:23px;display:flex}.takeaway span{color:#b39839;font-size:24px}.takeaway p{margin:0;font-size:12px;line-height:1.65}.lesson-panel footer{letter-spacing:1.5px;color:#8b9b8c;border-top:1px solid #e1e6dd;justify-content:space-between;align-items:center;padding:16px 26px;font-size:9px;display:flex}.lesson-panel footer span{color:#3e8071;font-size:22px}.compact{color:#587066;font-size:14px;line-height:1.6}.range-label{justify-content:space-between;margin:15px 0 3px;font-size:13px;font-weight:700;display:flex}.range-ends{color:#75897a;justify-content:space-between;font-size:11px;display:flex}.pair-card{border:1px solid #e2e5db;border-radius:10px;margin:16px 0;overflow:hidden}.pair-card>div{background:#fff;grid-template-columns:12px 1fr;gap:4px 8px;padding:12px;display:grid}.pair-card>div+div{border-top:1px solid #e2e5db}.pair-card b{font-size:14px}.pair-card span{grid-column:2;font-size:12px}.swatch{border-radius:50%;width:10px;height:10px;margin-top:4px}.wide-button{color:#fff;background:#20554d;width:100%;font-size:14px}.footnote{color:#7a8b80;font-size:11px;line-height:1.5}.activity-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.activity-grid button{flex-direction:column;align-items:center;gap:6px;padding:12px 5px;font-size:22px;display:flex}.activity-grid span{font-size:12px}.playback{align-items:center;gap:13px;margin-top:15px;display:flex}.playback button{min-width:86px;font-size:13px}.playback label{flex-direction:column;flex:1;font-size:12px;display:flex}.action-text{background:#eff2e8;border-radius:9px;padding:13px;font-size:14px;line-height:1.6}.stage:fullscreen{width:100%;height:100%;min-height:100dvh}.stage:fullscreen .stage-bottom{bottom:0}@media (width>=1500px){main{grid-template-columns:minmax(0,1fr) 390px}.panel-scroll{padding:35px 32px}}@media (width<=1100px){.topbar{padding:0 18px}.class-tag{display:none}.mode{padding:0 10px}.mode span{margin-left:4px}main{grid-template-columns:minmax(0,1fr) 310px}.panel-scroll{padding:25px 20px}.model-note{display:none}}@media (width<=760px){.topbar{flex-direction:column;gap:12px;height:auto;min-height:116px;padding:13px 12px}.brand{font-size:20px}.brand-mark{font-size:30px}.brand small{font-size:9px}.topbar nav{justify-content:space-between;width:100%}.mode{flex:1;padding:0 5px;font-size:10px}.mode span{font-size:11px}main{flex-direction:column;display:flex}.stage{height:68dvh;min-height:500px}.stage-heading{top:20px;left:21px}.eyebrow{font-size:9px}h1{font-size:26px}h1+p{font-size:12px}.lesson-panel{border-left:0;height:auto;min-height:0}.panel-scroll{padding:24px;overflow:visible}.stage-bottom{padding:15px;font-size:10px}.view-tools{bottom:51px}.bone-label{min-height:32px;padding:5px 7px;font-size:11px}.part-grid{grid-template-columns:repeat(3,1fr)}.info-card{margin-bottom:18px}.toggles{flex-flow:wrap;gap:15px}.panel-scroll{display:block}.activity-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.label-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.label-lines line{stroke:#547d6b;stroke-width:1px;opacity:.6}#organ-key{pointer-events:none;background:#ffffffea;border:1px solid #d1decf;border-radius:9px;flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex;position:absolute;top:135px;right:18px}#organ-key b{letter-spacing:.4px;margin-bottom:2px;font-size:11px}@media (width<=760px){#organ-key{padding:8px;font-size:10px;top:112px;right:10px}}.pair-tabs{gap:7px;margin:10px 0;display:flex}.pair-tabs button{flex:1;font-size:13px}.pair-card .contracting{background:#f7e3d9;border-left:4px solid #ad4a35}.pair-card>div{transition:background .25s}.pair-phase{color:#a14937;margin:7px 0;font-size:13px;font-weight:700}#arm-section{border-bottom:1px solid #d8dfd5;margin-bottom:22px;padding-bottom:20px}.triceps{background:#985b46}.biceps{background:#a83f36}#pair-description{font-size:12px}.bone-label.is-contracting{color:#fff;background:#a14632;border-color:#a14632}.bone-label.is-contracting:before{background:#ffe1bd}body:has(#arm-section:not([hidden])) .bone-label{font-size:12px}