.anatomy-app{--an-line:#2b3545;--an-muted:#a9b5c7;color:#f3f6fa;height:100dvh;font-family:var(--font-geist-sans),sans-serif;background:#070a10;flex-direction:column;display:flex;overflow:hidden}.anatomy-app *{box-sizing:border-box}.anatomy-app button,.anatomy-app select,.anatomy-app input{font:inherit;color:inherit;border:1px solid var(--an-line);background:#0b121c;border-radius:10px;min-height:44px;padding:8px 12px}.anatomy-app button{cursor:pointer;font-weight:600}.anatomy-app button:hover,.anatomy-app button[aria-pressed=true]{color:#d0ff49;background:#202c19;border-color:#c8ff32}.anatomy-app :focus-visible{outline-offset:2px;outline:2px solid #79e5f5}.anatomy-app label{flex-direction:column;gap:6px;font-size:14px;display:flex}.anatomy-app a{color:#cbff43}.anatomy-header{border-bottom:1px solid var(--an-line);justify-content:space-between;align-items:center;gap:15px;min-height:64px;padding:10px 24px;display:flex}.anatomy-header h1{margin:0;font-size:18px}.anatomy-header>a:last-child{border:1px solid var(--an-line);border-radius:10px;padding:10px;font-size:14px;text-decoration:none}.anatomy-brand{letter-spacing:1px;align-items:center;gap:10px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.anatomy-brand strong{letter-spacing:0;color:#fff;font-size:16px;display:block}.anatomy-workspace{flex:1;grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.anatomy-stage{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.anatomy-canvas{background:#0b111b;flex:1;min-height:0;position:relative;overflow:hidden}.anatomy-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.anatomy-tools{background:#101722;align-items:end;gap:16px;padding:12px 20px;display:flex}.anatomy-tools .anatomy-check{flex-direction:row;align-self:center;align-items:center}.anatomy-check input{accent-color:#c8ff32;width:20px;min-height:20px}.anatomy-view-controls{background:#101722;align-items:center;gap:8px;padding:8px 16px;display:flex}.anatomy-view-controls label{flex-direction:row;flex:1;align-items:center;gap:12px;margin-left:12px}.anatomy-view-controls input{accent-color:#c8ff32;width:100%;min-height:30px;padding:0}.anatomy-hint{color:var(--an-muted);background:#101722;margin:0;padding:7px 16px;font-size:12px}.anatomy-panel{border-left:1px solid var(--an-line);background:#0e1520;flex-direction:column;min-height:0;display:flex}.anatomy-panel nav{border-bottom:1px solid var(--an-line);gap:8px;padding:12px;display:flex}.anatomy-panel nav button{flex:1;font-size:14px}.anatomy-panel-body{overscroll-behavior:contain;min-height:0;padding:18px;overflow:auto}.anatomy-panel-body>label{margin-bottom:12px}.anatomy-panel h2{margin:8px 0 16px;font-size:24px;line-height:1.2}.anatomy-panel h3{margin:20px 0 10px;font-size:18px}.anatomy-panel p{font-size:14px;line-height:1.5}.anatomy-note{color:var(--an-muted)}.anatomy-muscle-list{gap:6px;display:grid}.anatomy-muscle-list button{text-align:left;font-size:14px}.anatomy-muscle-list small,.anatomy-exercise small{color:var(--an-muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.anatomy-selection-actions{flex-wrap:wrap;gap:6px;display:flex}.anatomy-selection-actions button{font-size:14px}.anatomy-kicker{color:#79e5f5;text-transform:uppercase;font-size:12px;font-weight:700}.anatomy-exercise{border:1px solid var(--an-line);border-radius:12px;margin:8px 0;padding:10px}.anatomy-exercise summary{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.anatomy-exercise img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0}.anatomy-exercise li{margin-bottom:9px;font-size:14px;line-height:1.5}.anatomy-about{border-top:1px solid var(--an-line);margin-top:24px;padding-top:15px;font-size:14px}.anatomy-about summary{cursor:pointer}.anatomy-footer{border-top:1px solid var(--an-line);color:var(--an-muted);flex-shrink:0;gap:20px;padding:9px 20px;font-size:12px;display:flex}.anatomy-footer span{margin-right:auto}.anatomy-status{z-index:2;text-align:center;background:#17212e;border-radius:12px;padding:15px;font-size:14px;position:absolute;inset:40% 15% auto}.anatomy-status button{margin:10px auto 0;display:block}@media (max-width:760px){.anatomy-header{min-height:56px;padding:8px 12px}.anatomy-header h1{font-size:14px}.anatomy-header>a:last-child{padding:7px;font-size:12px}.anatomy-brand span{display:none}.anatomy-workspace{grid-template-rows:52% 48%;grid-template-columns:1fr}.anatomy-tools{gap:8px;padding:6px 10px}.anatomy-tools label{font-size:12px}.anatomy-tools select{max-width:158px}.anatomy-tools button{margin-left:auto}.anatomy-tools button,.anatomy-tools select{font-size:12px}.anatomy-view-controls{gap:4px;padding:5px 10px}.anatomy-view-controls button{padding:6px 10px;font-size:12px}.anatomy-view-controls label{gap:5px;margin-left:4px;font-size:12px}.anatomy-hint{display:none}.anatomy-panel{border-top:1px solid var(--an-line);border-left:0}.anatomy-panel nav{padding:6px 10px}.anatomy-panel-body{padding:12px}.anatomy-footer{gap:12px;padding:7px 10px}.anatomy-panel h2{font-size:20px}.anatomy-stage{min-height:200px}}.anatomy-mobile-actions,.anatomy-mobile-panel-header{display:none}@media (max-width:760px){.anatomy-workspace{flex-direction:column;display:flex;position:relative}.anatomy-stage{flex:1;min-height:0}.anatomy-panel{z-index:5;border:1px solid var(--an-line);border-radius:18px 18px 0 0;height:62%;max-height:100%;display:none;position:absolute;inset:auto 0 0;box-shadow:0 -12px 35px #0008}.anatomy-panel.is-open{display:flex}.anatomy-mobile-panel-header{border-bottom:1px solid var(--an-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.anatomy-mobile-panel-header strong{font-size:14px}.anatomy-mobile-panel-header button{color:#c8ff32;font-size:14px}.anatomy-mobile-actions{background:#101722;align-items:center;gap:10px;min-width:0;padding:6px 10px;display:flex}.anatomy-mobile-actions button{flex-shrink:0;font-size:14px}.anatomy-mobile-actions button+button{white-space:nowrap;text-overflow:ellipsis;color:#c8ff32;flex:1;min-width:0;overflow:hidden}.anatomy-mobile-actions span{color:var(--an-muted);font-size:12px}}@media (prefers-reduced-motion:reduce){.anatomy-app *{scroll-behavior:auto}}
