body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;background-color:#f0f0f0}h1{margin-bottom:20px}.human-body{position:relative;max-width:600px;width:100%}.hotspot{position:absolute;cursor:pointer;transition:transform .2s}.hotspot:hover{transform:scale(1.1)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:20px;border-radius:5px;max-width:500px;width:90%}.close-button{background:none;border:none;font-size:16px;cursor:pointer;position:absolute;top:10px;right:10px}@media (max-width: 768px){.human-body{max-width:100%}}.body-hotspot[data-v-0f82e5fe]{position:absolute;width:40px;height:40px;background:linear-gradient(135deg,#fff 60%,#e0e7ef 100%);border:2px solid #007bff;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;left:calc(var(--x, 0) * 1%);top:calc(var(--y, 0) * 1%);transform:translate(-50%,-50%);box-shadow:0 4px 16px #007bff1f,0 1.5px 4px #00000014;transition:transform .18s cubic-bezier(.4,2,.6,1),box-shadow .18s;z-index:2}.body-hotspot[data-v-0f82e5fe]:hover,.body-hotspot[data-v-0f82e5fe]:focus{transform:translate(-50%,-50%) scale(1.13);box-shadow:0 8px 24px #007bff2e,0 2px 8px #0000001f;border-color:#0056b3}.body-hotspot.answered[data-v-0f82e5fe]{background:linear-gradient(135deg,#d1ffd6 60%,#6ee7b7 100%);border-color:#22c55e;box-shadow:0 8px 24px #22c55e2e,0 2px 8px #0000001f}.hotspot-icon[data-v-0f82e5fe]{font-size:22px;font-weight:700;color:#007bff;pointer-events:none;user-select:none;text-shadow:0 1px 4px #fff,0 .5px 1px #007bff33}.hotspot-label[data-v-0f82e5fe]{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#007bff 80%,#0056b3 100%);color:#fff;padding:6px 18px;border-radius:8px;font-size:15px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:1;box-shadow:0 2px 8px #00000021;z-index:10;letter-spacing:.2px;border:1.5px solid #fff;animation:popInLabel-0f82e5fe .22s cubic-bezier(.4,2,.6,1)}@keyframes popInLabel-0f82e5fe{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.fade-enter-active[data-v-0f82e5fe],.fade-leave-active[data-v-0f82e5fe]{transition:opacity .18s}.fade-enter-from[data-v-0f82e5fe],.fade-leave-to[data-v-0f82e5fe]{opacity:0}@media (max-width: 600px){.body-hotspot[data-v-0f82e5fe]{width:28px;height:28px;font-size:15px}.hotspot-label[data-v-0f82e5fe]{font-size:13px;padding:4px 10px;top:-36px}}.modal-overlay[data-v-66b3e0ef]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInBg-66b3e0ef .3s}@keyframes fadeInBg-66b3e0ef{0%{opacity:0}to{opacity:1}}.modal-content[data-v-66b3e0ef]{background:linear-gradient(135deg,#f8fafc 0%,#e0e7ef 100%);padding:36px 32px 28px;border-radius:18px;max-width:420px;width:95%;box-shadow:0 12px 32px #00000040;position:relative;animation:fadeInModal-66b3e0ef .4s cubic-bezier(.4,2,.6,1)}@keyframes fadeInModal-66b3e0ef{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.close-button[data-v-66b3e0ef]{position:absolute;top:18px;right:18px;background:none;border:none;font-size:2rem;color:#888;cursor:pointer;transition:color .2s;z-index:2}.close-button[data-v-66b3e0ef]:hover{color:#ff3b3b}.modal-header[data-v-66b3e0ef]{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.modal-icon[data-v-66b3e0ef]{margin-bottom:8px;animation:popIn-66b3e0ef .5s cubic-bezier(.4,2,.6,1)}@keyframes popIn-66b3e0ef{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.modal-title[data-v-66b3e0ef]{font-size:1.7rem;font-weight:700;color:#222;margin:0;letter-spacing:.5px;text-align:center}.modal-body[data-v-66b3e0ef]{margin-top:10px;text-align:center}.modal-description[data-v-66b3e0ef]{font-size:1.1rem;color:#444;line-height:1.7;margin:0}.question-block[data-v-66b3e0ef]{margin:18px 0 10px;text-align:left}.question-label[data-v-66b3e0ef]{font-weight:600;margin-bottom:8px;display:block}.option-label[data-v-66b3e0ef]{display:block;margin:6px 0;font-size:1rem;cursor:pointer}.submit-btn[data-v-66b3e0ef]{margin-top:12px;background:#007bff;color:#fff;border:none;border-radius:6px;padding:7px 18px;font-size:1rem;cursor:pointer;transition:background .2s}.submit-btn[data-v-66b3e0ef]:hover{background:#0056b3}.answer-saved[data-v-66b3e0ef]{margin-top:10px;color:#28a745;font-weight:600;text-align:center}.human-body-outer[data-v-2dd55871]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100vw;min-height:100vh;background:#f0f0f0;padding-top:100px}.human-body-view[data-v-2dd55871]{position:relative;text-align:center;width:600px;max-width:100vw;margin:0 auto}.human-body-image[data-v-2dd55871]{max-width:100%;height:auto;display:block}.show-results-btn[data-v-2dd55871]{margin-top:32px;background:linear-gradient(90deg,#007bff 60%,#22c55e 100%);color:#fff;font-size:1.2rem;font-weight:600;border:none;border-radius:8px;padding:12px 32px;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:background .18s,box-shadow .18s;outline:none}.show-results-btn[data-v-2dd55871]:hover,.show-results-btn[data-v-2dd55871]:focus{background:linear-gradient(90deg,#0056b3 60%,#16a34a 100%);box-shadow:0 4px 16px #007bff2e}@media (max-width: 700px){.human-body-view[data-v-2dd55871]{width:100vw;min-width:0;max-width:100vw}}.faculty-results[data-v-ef3aeefe]{max-width:100vw;margin:1146px 0 0;background:#f8fafc;border-radius:0;padding:32px 16px;box-shadow:none;min-height:100vh}.results-header[data-v-ef3aeefe]{text-align:center;margin-bottom:32px;margin-top:24px}.results-header h1[data-v-ef3aeefe]{font-size:2.1rem;font-weight:700;margin-bottom:8px;color:#1a237e}.results-header .results-desc[data-v-ef3aeefe]{font-size:1.15rem;color:#374151;margin-bottom:0}.results-flex[data-v-ef3aeefe]{display:flex;flex-wrap:wrap;gap:32px 24px;justify-content:center;align-items:stretch;width:100%}.result-block[data-v-ef3aeefe]{flex:1 1 340px;max-width:400px;min-width:320px;margin-bottom:0;display:flex;flex-direction:column;align-items:center}.chart-wrapper[data-v-ef3aeefe]{width:100%;display:flex;align-items:center;justify-content:center;min-height:260px;padding:24px 0 8px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012}.highchart-container[data-v-ef3aeefe]{min-height:220px;min-width:220px;width:100%;max-width:350px;margin:0 auto;overflow-x:auto;outline:none;background:transparent;display:block}.highchart-container[data-v-ef3aeefe]:focus{box-shadow:0 0 0 3px #007bff55}@media (max-width: 900px){.results-flex[data-v-ef3aeefe]{gap:24px 8px}.result-block[data-v-ef3aeefe]{min-width:220px;max-width:100vw}}@media (max-width: 600px){.results-flex[data-v-ef3aeefe]{flex-direction:column;gap:18px 0}.result-block[data-v-ef3aeefe]{min-width:0;max-width:100vw}}