.anatomy-main{max-width:1320px;padding-block:38px 50px}.anatomy-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px}.anatomy-heading h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.2;letter-spacing:-1.3px;margin:12px 0 0}.anatomy-heading h1 em{font-weight:400;color:var(--wine)}.anatomy-heading>p{font-size:16px;color:var(--muted);margin-bottom:4px}
.anatomy-workspace{display:grid;grid-template-columns:minmax(0,1fr) 265px;border:1px solid #d6dce1;border-radius:24px;overflow:hidden;background:#edf5f9;box-shadow:0 16px 45px #2a4e6710}.anatomy-stage{position:relative;height:610px;min-width:0;background:radial-gradient(ellipse at 46% 42%,#fafdff 0,#edf5fa 48%,#d9eaf3 100%);isolation:isolate}#heart-canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-5px}#heart-canvas:focus-visible{outline:2px solid #944866}.stage-top{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-badge{font-family:var(--menu-font);font-size:11px;letter-spacing:1.5px;color:#6a8292;border:1px solid #cedce5;border-radius:30px;background:#ffffffa8;padding:7px 12px}.stage-caption{font-size:12px;color:#7b8f9b}.stage-instruction{position:absolute;bottom:20px;left:15px;right:15px;text-align:center;font-size:12px;color:#748793;pointer-events:none}
.anatomy-panel{padding:34px 25px;background:#fffdfa;border-left:1px solid #dce3e8}.anatomy-panel h2{font-family:var(--serif);font-size:31px;font-weight:500;letter-spacing:-.8px;line-height:1.3;margin:14px 0 26px;color:#70344b}.anatomy-legend{display:grid;gap:21px;margin-bottom:30px}.anatomy-legend>div{display:flex;align-items:flex-start;gap:10px}.legend-dot{width:10px;height:10px;border-radius:50%;margin-top:6px;flex-shrink:0}.legend-dot.red{background:#d64d60;box-shadow:0 0 0 4px #fcebef}.legend-dot.blue{background:#418fc7;box-shadow:0 0 0 4px #e9f3fa}.anatomy-legend strong{display:block;font-family:var(--menu-font);font-size:14px;font-weight:600}.anatomy-legend p{font-size:12px;margin:5px 0 0;color:var(--muted)}.anatomy-control-group{padding-top:22px;border-top:1px solid var(--line);margin-top:22px;display:grid;gap:9px}.control-label{font-size:11px;letter-spacing:1.3px;color:#9a7f8c;margin-bottom:4px}.anatomy-control-group button{width:100%;text-align:center;min-height:42px;padding:10px 12px;border:1px solid #e4d3dc;border-radius:10px;background:#fffafc;color:var(--wine);font-family:var(--menu-font);font-weight:600;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.anatomy-control-group button:hover{background:#f3e1e9;border-color:#b890a2}.anatomy-control-group button:disabled{opacity:.5;cursor:wait}.anatomy-control-group button[aria-pressed=true]{background:#eee1e8;border-color:#c49bad}.anatomy-panel-note{font-size:13px;line-height:1.75;color:#97818c;margin:22px 0 0}.anatomy-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:45px;margin-top:24px}.anatomy-bottom>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:720px;margin:0}.anatomy-bottom>p strong{font-weight:600;color:#705460}.anatomy-credits{font-size:13px;max-width:400px;flex:0 1 330px}.anatomy-credits summary{cursor:pointer;color:var(--wine);text-align:right;padding:3px 0}.anatomy-credits p{line-height:1.8;color:var(--muted)}.anatomy-credits a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.anatomy-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:#edf5f9e6;z-index:5}.anatomy-loading[hidden],.anatomy-fallback[hidden]{display:none}.anatomy-loading p{font-size:14px;color:#67869a}.loading-orbit{width:35px;height:35px;border:2px solid #cbdde8;border-top-color:#a45b75;border-radius:50%;animation:loading-turn 1s linear infinite}@keyframes loading-turn{to{transform:rotate(360deg)}}.anatomy-fallback{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:45px 20px;background:#edf5f9}.anatomy-fallback img{width:100%;height:75%;object-fit:contain;border-radius:15px}.anatomy-fallback p{font-size:14px;color:#6b7885;margin:16px 0 8px}.anatomy-fallback button{font-size:14px;color:var(--wine);border:0;border-bottom:1px solid #ad8b9b;background:none;padding:5px;cursor:pointer}
@media(max-width:1000px){.anatomy-workspace{grid-template-columns:minmax(0,1fr) 235px}.anatomy-panel{padding:28px 20px}.anatomy-stage{height:580px}.anatomy-heading{align-items:flex-start;display:block}.anatomy-heading>p{margin:15px 0 0}.anatomy-bottom{gap:25px}}
@media(max-width:700px){.anatomy-main{padding-block:28px 35px}.anatomy-heading h1{font-size:34px;letter-spacing:-.8px}.anatomy-heading>p{font-size:16px}.anatomy-workspace{grid-template-columns:1fr;border-radius:18px}.anatomy-stage{height:470px}.stage-top{top:18px;left:15px;right:15px}.stage-badge{font-size:10px;padding:6px 10px}.stage-caption{font-size:11px}.stage-instruction{font-size:11px;bottom:16px}.anatomy-panel{border-left:0;border-top:1px solid #dce3e8;padding:24px}.anatomy-panel h2{font-size:27px;margin:10px 0 22px}.anatomy-panel h2 br{display:none}.anatomy-legend{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.anatomy-legend strong{font-size:13px}.anatomy-control-group{grid-template-columns:1fr 1fr;gap:10px;padding-top:18px;margin-top:18px}.control-label{grid-column:1/-1}.anatomy-control-group button{font-size:12px;padding-inline:8px}.anatomy-panel-note{margin-top:18px}.anatomy-bottom{display:block;margin-top:20px}.anatomy-credits{max-width:none;margin-top:17px}.anatomy-credits summary{text-align:left}}
@media(prefers-reduced-motion:reduce){.loading-orbit{animation:none}.anatomy-control-group button{transition:none}}