.quiz-container[data-v-246cb7e3]{min-height:100vh;background-color:#f5f5f5;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.quiz-header[data-v-246cb7e3]{width:100%;overflow:hidden}.header-image[data-v-246cb7e3]{width:100%;height:auto;display:block}.quiz-hint[data-v-246cb7e3]{padding:15px 20px;background-color:#fff}.quiz-hint p[data-v-246cb7e3]{color:#e53935;font-size:18px;line-height:1.6;margin:0;font-weight:500}.loading-container[data-v-246cb7e3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.loading-spinner[data-v-246cb7e3]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin-246cb7e3 1s linear infinite}@keyframes spin-246cb7e3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-246cb7e3]{margin-top:16px;font-size:14px;color:#666}.progress-bar[data-v-246cb7e3]{display:flex;align-items:center;gap:10px;padding:15px 20px;background-color:#fff;margin-top:1px}.progress-text[data-v-246cb7e3]{font-size:14px;color:#666;white-space:nowrap}.progress-track[data-v-246cb7e3]{flex:1;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-246cb7e3]{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease}.progress-percent[data-v-246cb7e3]{font-size:14px;color:#666;font-weight:600;min-width:40px;text-align:right}.questions-list[data-v-246cb7e3]{padding:20px;display:flex;flex-direction:column;gap:15px}.question-card[data-v-246cb7e3]{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.question-number[data-v-246cb7e3]{font-size:18px;font-weight:600;color:#333;margin:0 0 15px}.options[data-v-246cb7e3]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.option-btn[data-v-246cb7e3]{padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease;text-align:center}.option-btn[data-v-246cb7e3]:hover{border-color:#4caf50;background-color:#f8f8f8}.option-btn.selected[data-v-246cb7e3]{border-color:#4caf50;background-color:#e8f5e9;color:#4caf50}.option-btn[data-v-246cb7e3]:active{transform:scale(.98)}.submit-section[data-v-246cb7e3]{padding:20px 20px 40px}.submit-btn[data-v-246cb7e3]{width:100%;padding:16px;background:linear-gradient(135deg,#4CAF50 0%,#2196F3 100%);border:none;border-radius:24px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn[data-v-246cb7e3]:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 12px #4caf5066}.submit-btn[data-v-246cb7e3]:disabled{opacity:.5;cursor:not-allowed}.safe-bottom[data-v-246cb7e3]{height:20px}@media (min-width: 768px){.quiz-container[data-v-246cb7e3]{margin:0 auto;box-shadow:0 0 20px #0000001a}.header-image[data-v-246cb7e3]{height:200px;object-fit:cover}.questions-list[data-v-246cb7e3]{padding:30px;gap:20px}.question-card[data-v-246cb7e3]{padding:24px}.question-number[data-v-246cb7e3]{font-size:18px}.option-btn[data-v-246cb7e3]{padding:16px 20px;font-size:15px}}@media (min-width: 1024px){.header-image[data-v-246cb7e3]{height:250px}}