*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.interactive-viewer-wrapper{display:flex;flex:1 1;overflow:hidden;position:relative}.interactive-viewer{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;flex:1 1;overflow:hidden;position:relative;touch-action:none}.viewer-content{transition:transform .1s ease-out;will-change:transform}.interactive-content,.viewer-content{height:100%;position:relative;width:100%}.interactive-content{align-items:center;display:flex;justify-content:center;min-height:0;padding:20px}.heart-diagram{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:auto;max-height:85vh;max-width:90vw;width:100%}.blood-flow-path{pointer-events:none}.part-hotspot{cursor:pointer;position:absolute;transition:all .3s ease;z-index:10}.hotspot-marker{animation:pulse-marker 2s infinite;background:#4dabf7;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;height:30px;position:relative;width:30px}.hotspot-marker:after{background:#fff;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.part-hotspot.active .hotspot-marker{animation:none;background:#51cf66;transform:scale(1.3)}.hotspot-label{background:#000c;color:#fff;font-size:14px;left:50%;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;top:40px;transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap}.part-hotspot:hover .hotspot-label{opacity:1}@keyframes pulse-marker{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.zoom-controls{align-items:center;background:#000000b3;border-radius:8px;bottom:20px;display:flex;flex-direction:column;gap:10px;padding:15px;position:absolute;right:20px;z-index:100}.zoom-controls button{align-items:center;background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:background .3s ease;width:40px}.zoom-controls button:hover{background:#5568d3}.zoom-controls button:active{transform:scale(.95)}.zoom-controls span{color:#fff;font-size:14px;font-weight:600;min-width:50px;text-align:center}.controls-panel{background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000026;max-height:80vh;min-width:200px;overflow-y:auto;padding:20px;position:absolute;right:20px;top:20px;z-index:100}.control-section{border-bottom:1px solid #dee2e6;margin-bottom:20px;padding-bottom:15px}.control-section:last-child{border-bottom:none;margin-bottom:0}.control-section h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:12px}.control-section label{align-items:center;color:#6c757d;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.control-section label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.control-section button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:8px;padding:10px;transition:background .3s ease;width:100%}.control-section button:hover{background:#5568d3}.control-section button.active{background:#51cf66}.cardiac-phases{display:flex;flex-direction:column;gap:6px;margin-top:10px}.cardiac-phases button{font-size:12px;padding:8px}.info-panel{background:#fff;border-radius:12px;bottom:20px;box-shadow:0 4px 12px #00000026;left:20px;max-height:400px;max-width:350px;overflow-y:auto;padding:20px;position:absolute;z-index:100}.info-panel .close-btn{align-items:center;background:#dee2e6;border:none;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .3s ease;width:30px}.info-panel .close-btn:hover{background:#adb5bd}.info-panel h3{color:#495057;font-size:20px;margin-bottom:10px;padding-right:30px}.info-panel .description{color:#6c757d;font-size:14px;line-height:1.6;margin-bottom:15px}.info-panel .details{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.info-panel .details h4{color:#495057;font-size:16px;margin-bottom:8px}.info-panel .details p{color:#6c757d;font-size:13px;line-height:1.6}@media (max-width:768px){.controls-panel{max-height:300px;right:auto;top:auto}.controls-panel,.info-panel{margin:10px;position:relative}.info-panel{bottom:auto;left:auto;max-width:100%}}.teacher-interface{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.teacher-header{background:#0003;border-bottom:2px solid #ffffff1a;padding:20px 30px}.teacher-header h1{font-size:28px;margin-bottom:5px}.teacher-header p{font-size:14px;opacity:.9}.teacher-content{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#0000004d;border-right:2px solid #ffffff1a;overflow-y:auto;padding:20px;width:350px}.navigation-section{margin-bottom:25px}.navigation-section h2{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.standards-list,.subjects-list{display:flex;flex-direction:column;gap:8px}.nav-item{background:#ffffff1a;border:2px solid #0000;border-radius:6px;cursor:pointer;font-size:16px;padding:12px 15px;transition:all .3s ease}.nav-item:hover{background:#fff3;transform:translateX(5px)}.nav-item.active{background:#ffffff40;border-color:#fff;font-weight:600}.sidebar h2{color:#fff;font-size:20px;margin-bottom:15px}.chapters-list{margin-bottom:30px}.chapter-item{background:#ffffff1a;border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px;transition:all .3s ease}.chapter-item:hover{background:#fff3;transform:translateX(5px)}.chapter-item.active{background:#ffffff40;border-color:#fff}.chapter-item h3{font-size:18px;font-weight:600}.topics-section{margin-top:30px}.topics-list{display:flex;flex-direction:column;gap:10px}.topic-item{background:#ffffff1a;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.topic-item:hover{background:#fff3;transform:translateX(5px)}.topic-item.active{background:#ffffff40;border-color:#fff}.topic-item h4{font-size:16px;font-weight:600;margin-bottom:5px}.topic-item p{font-size:13px;opacity:.9}.main-viewer{background:#f8f9fa;color:#333}.main-viewer,.viewer-container{display:flex;flex:1 1;flex-direction:column}.viewer-container{padding:20px}.viewer-header{align-items:center;border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.viewer-title h2{color:#495057;font-size:24px;margin-bottom:5px}.breadcrumb{color:#6c757d;font-size:13px}.reset-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s ease}.reset-btn:hover{background:#5568d3}.welcome-screen{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.welcome-screen h2{color:#495057;font-size:32px;margin-bottom:15px}.welcome-screen>p{color:#6c757d;font-size:18px;margin-bottom:40px}.instructions{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:30px;text-align:left}.instructions h3{color:#495057;font-size:20px;margin-bottom:15px}.instructions ul{list-style:none;padding:0}.instructions li{color:#6c757d;font-size:16px;padding:10px 0 10px 30px;position:relative}.instructions li:before{color:#667eea;content:"✓";font-size:18px;font-weight:700;left:0;position:absolute}.loading{align-items:center;display:flex;font-size:24px;justify-content:center}.loading-text{color:#fffc}.error-text,.loading-text{font-size:14px;padding:10px}.error-text{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:6px;color:#ff6b6b}.display-panel{background:#1a1a2e;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.display-header{background:#0000004d;border-bottom:2px solid #ffffff1a;flex-shrink:0;padding:8px 20px;text-align:center}.display-header h1{font-size:24px;margin-bottom:2px}.display-header p{font-size:12px;opacity:.8}.display-content{align-items:center;flex:1 1;justify-content:center;padding:10px}.display-content,.display-viewer{display:flex;min-height:0;overflow:hidden}.display-viewer{flex-direction:column;height:100%;width:100%}.topic-title{background:#ffffff1a;border-radius:6px;flex-shrink:0;margin-bottom:8px;padding:8px 15px;text-align:center}.topic-title h2{font-size:24px;margin-bottom:5px}.hotspot-label{background:#4dabf733;border-radius:6px;color:#4dabf7;display:inline-block;font-size:18px;font-weight:600;margin-top:5px;padding:6px 15px}.chapter-waiting,.waiting-screen{padding:40px;text-align:center}.chapter-waiting h2,.waiting-screen h2{color:#fff;font-size:48px;margin-bottom:20px}.chapter-waiting p,.waiting-screen p{color:#ffffffb3;font-size:24px;margin-bottom:30px}.status-indicator{align-items:center;display:flex;justify-content:center;margin-top:40px}.pulse{animation:pulse 2s infinite;background:#4dabf7;border-radius:50%;height:20px;width:20px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.App{height:100vh;overflow:hidden;width:100%}
/*# sourceMappingURL=main.7116e701.css.map*/