body{font-family:Arial,sans-serif;margin:0;padding:20px;background:#f5f5f5}.container{max-width:1200px;margin:0 auto;background:white;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}.quiz-section{padding:30px}.chart-section{background:#fafafa;padding:30px;text-align:center}h1{text-align:center;color:#333;margin-bottom:30px}.question{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.question h3{margin:0 0 15px;color:#333}.options{display:grid;grid-gap:10px;gap:10px}.option{display:flex;align-items:center;padding:10px;background:white;border:2px solid #e9ecef;border-radius:5px;cursor:pointer;transition:all .3s ease}.option:hover{border-color:#007bff;background:#f8f9fa}.option input[type=radio]{margin-right:10px}.submit-btn{display:block;width:200px;margin:30px auto;padding:15px;background:#007bff;color:white;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#0056b3}.submit-btn:disabled{background:#6c757d;cursor:not-allowed}#wheel-container{display:flex;justify-content:center;align-items:center;min-height:500px}.segment-text{font-size:12px;fill:white;pointer-events:none}.category-label,.segment-text{font-weight:700;text-anchor:middle;dominant-baseline:middle}.category-label{font-size:14px;fill:#333}.results-section{display:none;padding:30px;background:#e8f5e8;border-top:3px solid #28a745}.results-section.show{display:block}.score-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px;margin-top:20px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}.loading-overlay.show{display:flex}.loading-spinner{background:white;padding:30px;border-radius:10px;text-align:center}.spinner{border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:5px;color:white;font-weight:700;z-index:1001;opacity:0;transform:translateX(400px);transition:all .3s ease}.notification.show{opacity:1;transform:translateX(0)}.notification.success{background:#28a745}.notification.error{background:#dc3545}.score-item{background:white;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.score-value{font-size:24px;font-weight:700;color:#007bff}.score-label{font-size:12px;color:#666;text-transform:uppercase}