:root{
  color-scheme:dark;
  --bg:#0a0a0a;
  --panel:#111;
  --line:#242424;
  --text:#e8e8e8;
  --muted:#777;
  --soft:#a8a8a8;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--soft);font-family:'DM Mono',monospace;min-height:100vh}
.site-header{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;padding:24px 28px}
.back-link{color:var(--muted);text-decoration:none;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.app-shell{max-width:1100px;margin:0 auto;padding:20px 28px 48px}
.intro{max-width:760px;margin-bottom:34px}
.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#555}
.intro h1{font-family:'Instrument Serif',serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:400;line-height:.98;color:var(--text);margin:.5rem 0 1rem}
.intro>p:last-of-type{max-width:720px;line-height:1.8;color:var(--muted)}
.module-link{display:inline-block;margin-top:.8rem;padding:.75rem 0;border-top:1px solid #242424;color:#999;text-decoration:none;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s,padding-left .2s}
.module-link:hover,.module-link:focus-visible{color:var(--text);padding-left:.25rem;outline:none}
.stage-wrap{max-width:640px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:24px}
.stage-wrap svg{display:block;width:100%;height:auto;max-height:600px;overflow:visible;margin:0 auto}
.axis-caption{margin:18px 0 0;text-align:center;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#555}
.ground{stroke:#252525;stroke-width:2}
.vertical-axis{stroke:#333;stroke-width:1;stroke-dasharray:4 5}
.body-segment{stroke:#c4c4c4;stroke-width:11;stroke-linecap:round;stroke-linejoin:round}
.foot-segment{stroke-width:13}
.torso-shape{fill:url(#torsoGradient);stroke:#8f8f8f;stroke-width:1.5;stroke-linejoin:round}
.limb{fill:#c4c4c4;stroke:#8a8a8a;stroke-width:2;stroke-linejoin:round}
.limb.back-limb{fill:#6d6d6d;stroke:#4f4f4f}
.spine-line{stroke:#8a8a8a;stroke-width:4;stroke-linecap:round;opacity:.5}
.back-segment{stroke:#6d6d6d;stroke-width:9}
.head-shape{fill:#c4c4c4;stroke:#8a8a8a;stroke-width:2}
.joint{fill:var(--bg);stroke:#e0e0e0;stroke-width:3}
.whole-body-com{fill:#fff;stroke:#0a0a0a;stroke-width:3}
@media(max-width:720px){.site-header,.app-shell{padding-left:16px;padding-right:16px}.stage-wrap{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}