@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&family=Space+Mono:wght@700&display=swap');
:root{--ink:#f7f9ff;--muted:#98a5bc;--line:#ffffff18;--muscular:#ff6475;--skeletal:#fff0b9;--visceral:#ff9d55;--nervous:#ffd35b;--cardiovascular:#ff4167;--skin:#6ed5ff}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060a12;color:var(--ink);font-family:Nunito,system-ui,sans-serif}.anatomy-app{position:relative;width:100%;height:100%;min-height:540px;overflow:hidden;background:radial-gradient(circle at 50% 36%,#1a2636,#090d16 58%,#05070c)}.anatomy-stage,.anatomy-stage canvas,.stage-shade{position:absolute;inset:0;width:100%;height:100%}.anatomy-stage canvas{display:block;touch-action:none;cursor:grab}.anatomy-stage canvas:active{cursor:grabbing}.stage-shade{z-index:2;pointer-events:none;background:linear-gradient(180deg,#0508107d,transparent 19%,transparent 72%,#0508108f)}.glass-panel{position:absolute;z-index:8;background:linear-gradient(145deg,#17202de8,#0c111be8);border:1px solid var(--line);box-shadow:0 18px 48px #0008,inset 0 1px #ffffff0d;backdrop-filter:blur(18px);border-radius:22px}.anatomy-brand{top:18px;left:18px;height:62px;display:flex;align-items:center;padding:9px 14px 9px 9px;gap:11px}.brand-mark{width:43px;height:43px;border-radius:15px;background:linear-gradient(135deg,#ff7187,#df315a);display:grid;place-items:center;color:white;box-shadow:0 10px 25px #e82f5142}.brand-mark svg{width:23px;height:23px}.brand-copy{color:white;text-decoration:none;display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:17px;letter-spacing:.03em}.brand-copy small{font-size:10px;color:#a7b1c3;letter-spacing:.15em;margin-top:6px}.viewer-tools{top:18px;left:50%;transform:translateX(-50%);height:52px;padding:6px;display:flex;gap:3px;border-radius:17px}.viewer-tools button{border:0;background:transparent;color:#8c99ae;border-radius:11px;width:38px;display:grid;place-items:center;cursor:pointer}.viewer-tools button:hover,.viewer-tools button.active{background:#ff657d30;color:#fff}.viewer-tools button svg{width:18px;height:18px}.viewer-tools .audio-toggle{width:auto;padding:0 9px;display:flex;gap:7px}.viewer-tools .audio-toggle span{font-size:11px}.spark-prompt{position:absolute;z-index:7;left:22px;top:100px;display:flex;align-items:center;gap:10px;color:#dce4f2}.spark-prompt>i{width:38px;height:38px;border-radius:14px;background:#ffcf5c1c;border:1px solid #ffcf5c35;color:#ffd66b;display:grid;place-items:center}.spark-prompt svg{width:19px}.spark-prompt span{display:flex;flex-direction:column}.spark-prompt b{font-size:15px}.spark-prompt small{font-size:11px;color:#8e9bb0}.layer-ribbon{left:50%;bottom:18px;transform:translateX(-50%);width:min(860px,calc(100% - 36px));height:92px;padding:10px 12px;display:grid;grid-template-columns:110px 1fr 150px;align-items:center;gap:10px;border-radius:28px}.ribbon-title{display:flex;align-items:center;gap:9px;padding-left:5px}.ribbon-title>i{width:35px;height:35px;display:grid;place-items:center;border-radius:13px;background:#65d7ff1a;color:#6ed5ff}.ribbon-title svg{width:18px}.ribbon-title span{display:flex;flex-direction:column}.ribbon-title small,.finder-title small{font:700 9px Space Mono;letter-spacing:.12em;color:#8997ac}.ribbon-title b,.finder-title b{font-size:14px;white-space:nowrap}.layer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.layer-toggle{height:63px;border:1px solid transparent;background:#ffffff06;color:#7a879b;border-radius:17px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:Nunito;cursor:pointer;transition:.2s}.layer-toggle.active{color:white;background:#ffffff0e;border-color:#ffffff16;transform:translateY(-2px)}.layer-toggle b{font-size:12px}.layer-toggle svg{display:none}.layer-dot,.part-group-title i{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}.skin{color:var(--skin);background:var(--skin)}.muscular{color:var(--muscular);background:var(--muscular)}.skeletal{color:var(--skeletal);background:var(--skeletal)}.visceral{color:var(--visceral);background:var(--visceral)}.nervous{color:var(--nervous);background:var(--nervous)}.cardiovascular{color:var(--cardiovascular);background:var(--cardiovascular)}.opacity-control{display:grid;grid-template-columns:1fr auto;gap:6px;color:#aab5c6;font-size:11px}.opacity-control b{color:white}.opacity-control input{grid-column:1/-1;width:100%;accent-color:#ff6477}.finder-panel{right:18px;top:18px;width:272px;max-height:355px;padding:15px;display:flex;flex-direction:column;transition:.25s}.finder-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px 11px}.finder-title span{display:flex;flex-direction:column;gap:3px}.finder-title button{display:none;border:0;background:#ffffff0d;color:white;width:34px;height:34px;border-radius:11px}.part-search{height:43px;display:flex;align-items:center;gap:8px;border:1px solid #ffffff18;background:#090e17b8;border-radius:14px;padding:0 11px}.part-search svg{width:16px;color:#7f8ca1}.part-search input{width:100%;border:0;outline:0;color:white;background:none;font:700 13px Nunito}.part-search input::placeholder{color:#657187}.parts-heading{display:flex;justify-content:space-between;color:#8f9db1;font:700 9px Space Mono;letter-spacing:.1em;padding:12px 4px 7px}.parts-list{overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:6px;scrollbar-width:thin}.part-group{display:contents}.part-group-title{display:none}.part-row{border:1px solid #ffffff0c;background:#ffffff07;color:#c8d0dd;text-align:left;border-radius:11px;padding:9px 10px;font:700 11px Nunito;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-parts{grid-column:1/-1;margin:4px 2px;color:#9aa7ba;font-size:12px;line-height:1.35}.part-row:hover,.part-row.active{color:white;background:#ff64771d;border-color:#ff64773d}.fact-panel{left:18px;bottom:128px;width:285px;padding:18px 20px;border-radius:23px;transition:transform .28s,opacity .28s}.fact-panel.is-open{border-color:#ff637b50}.fact-panel h2{font-size:22px;line-height:1.05;margin:7px 30px 7px 0}.fact-system{margin:0;color:#9ba7ba;font:700 10px Space Mono;letter-spacing:.14em}.fact-panel>p:not(.fact-system){font-size:14px;color:#c5cddb;line-height:1.42;margin:0}.fact-close{display:none;position:absolute;right:11px;top:11px;border:0;background:#ffffff0b;color:white;border-radius:10px;width:34px;height:34px}.fact-chip{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 10px;background:#ff5b7318;color:#ffd4db;border:1px solid #ff5b732e;border-radius:10px;font-size:11px;font-weight:800}.fact-chip svg{width:13px}.anatomy-labels{position:absolute;inset:0;z-index:6;pointer-events:none}.anatomy-label{--label:#fff;position:absolute;transform:translate(-50%,-50%);pointer-events:auto;border:1px solid color-mix(in srgb,var(--label) 58%,transparent);border-radius:99px;background:#0b1019e8;color:#fff;padding:8px 12px 8px 24px;font:700 10px Space Mono;letter-spacing:.07em;cursor:pointer;white-space:nowrap;box-shadow:0 8px 25px #0008,0 0 14px color-mix(in srgb,var(--label) 22%,transparent);transition:.2s}.anatomy-label:before{content:"";position:absolute;left:9px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--label);transform:translateY(-50%);box-shadow:0 0 9px var(--label)}.anatomy-label:after{content:"";position:absolute;width:28px;height:1px;background:linear-gradient(90deg,var(--label),transparent);right:100%;top:50%;opacity:.5}.anatomy-label.right:after{right:auto;left:100%;transform:rotate(180deg)}.anatomy-label:hover,.anatomy-label.active{transform:translate(-50%,-50%) scale(1.07);border-color:white}.anatomy-label[hidden]{display:none}.control-hint{position:absolute;z-index:7;bottom:120px;left:50%;transform:translateX(-50%);display:flex;gap:13px;color:#8491a5;font-size:11px;white-space:nowrap}.control-hint b{color:#d9dfeb;background:#ffffff0b;border:1px solid #ffffff12;padding:3px 6px;border-radius:6px;margin-right:3px}.model-credit{position:absolute;z-index:7;bottom:119px;right:18px;font-size:9px;color:#536176}.model-credit a{color:#72829b}.load-status{position:absolute;z-index:20;inset:0;background:#070b13;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;transition:.5s}.load-status.done{opacity:0;pointer-events:none}.load-status span{width:46px;height:46px;border-radius:50%;border:3px solid #ffffff16;border-top-color:#ff5c74;animation:spin .8s linear infinite}.load-status b{font:700 10px Space Mono;letter-spacing:.11em;color:#abb5c8}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.layer-ribbon{grid-template-columns:88px 1fr}.opacity-control{display:none}.finder-panel{width:235px}.fact-panel{width:245px}}
@media(max-width:760px){.anatomy-app{min-height:500px}.stage-shade{background:linear-gradient(180deg,#05070b99,transparent 22%,transparent 62%,#05070bd9)}.anatomy-brand{top:10px;left:10px;width:50px;height:50px;border-radius:15px;padding:7px}.brand-mark{width:35px;height:35px;border-radius:11px}.brand-copy,.spark-prompt{display:none}.viewer-tools{top:9px;left:auto;right:9px;transform:none;height:52px}.viewer-tools button{width:34px}.viewer-tools .audio-toggle{padding:0;width:34px}.viewer-tools .audio-toggle span,.viewer-tools #fullscreen{display:none}.layer-ribbon{left:10px;right:10px;bottom:10px;transform:none;width:auto;height:72px;padding:7px;display:block;border-radius:21px}.ribbon-title,.opacity-control{display:none}.layer-grid{height:100%;grid-template-columns:repeat(6,1fr);gap:3px}.layer-toggle{height:100%;border-radius:14px;padding:4px 1px}.layer-toggle.active{transform:none}.layer-toggle b{font-size:9px}.finder-panel{position:absolute;z-index:15;left:10px;right:10px;top:auto;bottom:90px;width:auto;max-height:330px;transform:translateY(calc(100% + 120px));opacity:0;pointer-events:none}.finder-panel.open{transform:none;opacity:1;pointer-events:auto}.finder-title button{display:grid;place-items:center}.parts-list{grid-template-columns:1fr 1fr}.fact-panel{right:10px;left:10px;bottom:90px;width:auto;padding:14px 44px 14px 16px;transform:translateY(calc(100% + 100px));opacity:0;border-radius:18px}.fact-panel.is-open{transform:none;opacity:1}.fact-close{display:grid;place-items:center}.fact-panel h2{font-size:18px;margin:5px 0 4px}.fact-panel>p:not(.fact-system){font-size:10px;line-height:1.35}.fact-chip{display:none}.anatomy-label{font-size:9px;padding:6px 8px 6px 18px}.anatomy-label:before{left:7px;width:5px;height:5px}.anatomy-label:after{width:17px}.control-hint{bottom:89px;font-size:10px;gap:8px}.control-hint span:nth-child(2),.model-credit{display:none}}
@media(max-width:390px){.viewer-tools button{width:31px}.layer-toggle b{font-size:9px}.anatomy-label:nth-child(n+6){display:none!important}}@media(prefers-reduced-motion:reduce){.load-status span{animation:none}}