.anatomy-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Roboto,sans-serif}.anatomy-header{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.anatomy-title{font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin:0}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4)}.anatomy-logo .logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.anatomy-main{padding:2rem 0}.anatomy-container{max-width:1400px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:300px 1fr;gap:2rem;align-items:start}.anatomy-controls{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);position:sticky;top:120px}.anatomy-controls h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;text-align:center}.control-buttons{display:flex;flex-direction:column;gap:.75rem}.control-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;text-align:left}.control-btn:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#3b82f6;transform:translateY(-1px)}.control-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border-color:transparent}.control-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);color:white}.control-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:white;border-color:transparent}.control-btn.secondary:hover{background:linear-gradient(135deg,#4b5563,#374151);color:white}.control-btn i{font-size:1rem;width:20px;text-align:center}.anatomy-viewer-container{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);position:relative;min-height:600px}.human-viewer{border-radius:20px;overflow:hidden}.anatomy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;text-align:center;color:#64748b}.loading-spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.anatomy-loading h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.anatomy-loading p{font-size:1rem;color:#64748b}.anatomy-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:600px;text-align:center;color:#dc2626}.error-icon{font-size:3rem;margin-bottom:1rem;color:#dc2626}.anatomy-error h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.anatomy-error p{font-size:1rem;color:#64748b;margin-bottom:1.5rem}.retry-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.anatomy-info{margin-top:3rem;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);border-radius:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.info-card{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.info-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.1)}.info-icon i{font-size:1.5rem}.info-card h4{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.info-card p{color:#64748b;line-height:1.6;margin:0}.anatomy-footer{background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);margin-top:3rem}.footer-content{text-align:center;color:#64748b;font-size:.875rem}.footer-content p{margin:.25rem 0}.footer-content a{color:#3b82f6;text-decoration:none;font-weight:600}.footer-content a:hover{text-decoration:underline}@media (max-width:1024px){.anatomy-container{grid-template-columns:1fr;gap:1.5rem}.anatomy-controls{position:relative;top:auto}.control-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}}@media (max-width:768px){.anatomy-header .flex{flex-direction:column;gap:1rem;text-align:center}.anatomy-title{font-size:1.5rem}.anatomy-main{padding:1rem 0}.anatomy-container{padding:0 .5rem}.anatomy-controls{padding:1.5rem}.control-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.control-btn{padding:.5rem .75rem;font-size:.75rem}.human-viewer{height:400px!important}.anatomy-error,.anatomy-loading{height:400px}.info-grid{grid-template-columns:1fr;gap:1rem;padding:1rem}.info-card{padding:1.5rem}}@media (max-width:480px){.anatomy-title{font-size:1.25rem}.back-button{padding:.5rem 1rem;font-size:.875rem}.control-buttons{grid-template-columns:1fr}.human-viewer{height:300px!important}.anatomy-error,.anatomy-loading{height:300px}}