:root{--black: #000000;--white: #ffffff;--gold: #fac83d;--navy: #0c1e49;--muted: #b8b8b8;--nerve: #4fc3f7;--central: #7dcea0;--peri: #e67e22}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-color:#1a2f1a;background-image:url(/_assets/landscape-trees.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll;color:#fff;font-family:Poppins,Inter,system-ui,sans-serif}body{display:flex;flex-direction:column;min-height:100dvh}.anatomy-header{flex-shrink:0;background:#000000c7;text-align:center;padding:.55rem 1rem .65rem;padding-top:max(.55rem,env(safe-area-inset-top))}.anatomy-header img{height:80px;width:auto;max-width:420px;object-fit:contain}@media(max-width:640px){.anatomy-header img{height:56px;max-width:360px}}.anatomy-header h1{margin:.45rem 0 .25rem;font-size:1.28rem;font-weight:600}.anatomy-header .lede{margin:0 auto;max-width:40rem;color:#e8e8e8;font-size:.88rem;line-height:1.4}.anatomy-header .links{display:flex;gap:.9rem;justify-content:center;margin-top:.5rem}.anatomy-header .links a{color:#fac83d;font-weight:600;text-decoration:none}#webgl-fallback{max-width:36rem;margin:1.5rem auto;padding:1rem;border:1px solid #fac83d;color:#fff}#anatomy-root{flex:1;min-height:0;display:flex;flex-direction:column}.explorer{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#000}.viewport{position:relative;flex:1;min-height:0;width:100%}.viewport canvas{display:block}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#e8e8e8;pointer-events:none}.right-rail{position:absolute;top:.5rem;right:.4rem;bottom:.5rem;width:min(17.5rem,40vw);display:flex;flex-direction:column;gap:.45rem;pointer-events:none;z-index:2}.right-rail>*{pointer-events:auto}.layer-slider{--row: 44px;--gap: .28rem;--thumb: 9px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:repeat(9,var(--row));column-gap:.55rem;row-gap:var(--gap);align-items:stretch;background:#0000009e;border:1px solid #333;border-radius:10px;padding:.45rem .5rem}.layer-track{grid-column:1;grid-row:1 / -1;position:relative;display:flex;justify-content:center;padding-block:calc(var(--row) / 2 - var(--thumb));box-sizing:border-box}.layer-track label{display:flex;justify-content:center;width:28px;height:100%;margin:0}.layer-slider input[type=range]{writing-mode:vertical-lr;direction:rtl;width:28px;height:100%;margin:0;padding:0;accent-color:#fac83d}.layer-ticks{position:absolute;left:0;right:0;top:calc(var(--row) / 2);bottom:calc(var(--row) / 2);pointer-events:none}.layer-ticks span{position:absolute;left:50%;top:calc(var(--tick) * 100% / 8);width:7px;height:7px;border-radius:50%;background:#6a6a6a;transform:translate(-50%,-50%)}.layer-ticks span.is-active{background:#fac83d}.chips{display:contents}.chips button{grid-column:2}.chips button,.toolbar button,.nerve-tools button,.hotspots button{font:inherit;min-height:44px;border-radius:999px;border:1px solid #fff;background:transparent;color:#fff;padding:0 .85rem;cursor:pointer}.chips button[aria-pressed=true],.toolbar button[aria-pressed=true],.nerve-tools button[aria-pressed=true]{background:#fac83d;color:#0c1e49;border-color:#fac83d;font-weight:600}.info-panel{background:#000000c7;border:1px solid #fac83d;border-radius:10px;padding:.7rem .8rem;max-height:46vh;overflow:auto}.info-panel h2{margin:0 0 .2rem;font-size:1.05rem}.info-panel .meta{color:#fac83d;font-size:.75rem;margin:0 0 .4rem}.info-panel p{margin:0 0 .45rem;font-size:.86rem;line-height:1.4}.chrome-groups{display:flex;flex-wrap:wrap;gap:.55rem .7rem;align-items:flex-start}.toolbar,.nerve-tools,.hotspots,.legend{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;width:fit-content;max-width:100%;pointer-events:auto;background:#000000b8;border-radius:12px;padding:.4rem .5rem}.bottom-bar{position:relative;flex-shrink:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.45rem .6rem .7rem;padding-bottom:max(.7rem,env(safe-area-inset-bottom));background:transparent;pointer-events:none}.legend span{font-size:.72rem;color:#ddd;margin-right:.6rem}.legend i{display:inline-block;width:.7rem;height:.7rem;border-radius:2px;margin-right:.25rem;vertical-align:-1px}.sw-nerve{background:#4fc3f7}.sw-central{background:#7dcea0}.sw-peri{background:#e67e22}.placeholder-tag{font-size:.68rem;color:#fac83d}html.record-mode .anatomy-header,html.record-mode .right-rail,html.record-mode .bottom-bar{opacity:0!important;pointer-events:none!important}html.record-mode,html.record-mode body{height:100%}html.record-mode #anatomy-root,html.record-mode .explorer,html.record-mode .viewport{flex:1;min-height:100dvh;height:100dvh}.record-caption{position:absolute;left:4%;right:4%;bottom:5%;z-index:5;pointer-events:none;text-align:center;font-size:1.35rem;font-weight:600;letter-spacing:.01em;color:#fff;text-shadow:0 2px 10px #000;padding:.55rem 1rem;border-radius:10px;background:#0000008c;border:1px solid rgba(250,200,61,.45)}.pain-pointer-label{font:600 15px/1.2 Poppins,Inter,system-ui,sans-serif;color:#0c1e49;background:#fac83d;padding:.22rem .55rem;border-radius:999px;white-space:nowrap;box-shadow:0 2px 10px #00000073}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:720px){.right-rail{width:min(14.5rem,46vw);bottom:.4rem}.anatomy-header h1{font-size:1.15rem}.anatomy-header .lede{font-size:.84rem}}