.diagnostic-quiz{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.diagnostic-quiz .question{text-align:center}.diagnostic-quiz .question h3{color:#333;font-size:24px;margin-bottom:10px;font-weight:700}.diagnostic-quiz .question p{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px}.diagnostic-quiz .choices{display:flex;flex-direction:column;gap:15px}.diagnostic-quiz .choice-button{background:#4285f4;color:#fff;border:none;padding:15px 30px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none;position:relative;overflow:hidden}.diagnostic-quiz .choice-button:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 15px rgba(66,133,244,.3)}.diagnostic-quiz .choice-button.hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 15px rgba(66,133,244,.3)}.diagnostic-quiz .choice-button.clicked{background:#1a73e8;transform:scale(.98)}.diagnostic-quiz .choice-button.disabled{opacity:.5;pointer-events:none}.diagnostic-quiz .choice-button:active{transform:scale(.98)}@media (max-width:768px){.diagnostic-quiz{margin:10px;padding:15px}.diagnostic-quiz .question h3{font-size:20px}.diagnostic-quiz .choice-button{padding:12px 20px;font-size:14px}}.diagnostic-quiz .loading{text-align:center;padding:40px;font-size:16px;color:#666}.diagnostic-quiz .loading:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid #ddd;border-top:2px solid #4285f4;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.diagnostic-quiz .diagnostic-result{text-align:center;padding:20px 0}.diagnostic-quiz .result-title{color:#333;font-size:28px;margin-bottom:20px;font-weight:700}.diagnostic-quiz .result-content{color:#555;font-size:16px;line-height:1.8;margin-bottom:30px;text-align:left}.diagnostic-quiz .result-content h1,.diagnostic-quiz .result-content h2,.diagnostic-quiz .result-content h3,.diagnostic-quiz .result-content h4,.diagnostic-quiz .result-content h5,.diagnostic-quiz .result-content h6{color:#333;margin-top:20px;margin-bottom:10px}.diagnostic-quiz .result-content p{margin-bottom:15px}.diagnostic-quiz .result-content ul,.diagnostic-quiz .result-content ol{margin-bottom:15px;padding-left:20px}.diagnostic-quiz .result-content li{margin-bottom:5px}.diagnostic-quiz .restart-button{background:#34a853;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;outline:none}.diagnostic-quiz .restart-button:hover{background:#2d8f47;transform:translateY(-2px);box-shadow:0 4px 15px rgba(52,168,83,.3)}.diagnostic-quiz .restart-button:active{transform:scale(.98)}.diagnostic-quiz .error{color:#d93025;background:#fce8e6;padding:15px;border-radius:4px;text-align:center;font-weight:500}.diagnostic-quiz .share-buttons{margin:30px 0;padding:20px;background:#f8f9fa;border-radius:8px;text-align:center}.diagnostic-quiz .share-buttons h4{margin:0 0 20px;color:#333;font-size:18px;font-weight:600}.diagnostic-quiz .share-button-group{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.diagnostic-quiz .share-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;border:none;cursor:pointer;outline:none;min-width:120px;justify-content:center}.diagnostic-quiz .share-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.diagnostic-quiz .twitter-share{background:#1da1f2;color:#fff}.diagnostic-quiz .twitter-share:hover{background:#0d8bd9;color:#fff;text-decoration:none}.diagnostic-quiz .facebook-share{background:#4267b2;color:#fff}.diagnostic-quiz .facebook-share:hover{background:#365899;color:#fff;text-decoration:none}.diagnostic-quiz .line-share{background:#00c300;color:#fff}.diagnostic-quiz .line-share:hover{background:#00a000;color:#fff;text-decoration:none}.diagnostic-quiz .copy-share{background:#6c757d;color:#fff}.diagnostic-quiz .copy-share:hover{background:#545b62}.diagnostic-quiz .copy-share.copied{background:#28a745}@media (max-width:768px){.diagnostic-quiz .share-button-group{flex-direction:column;align-items:center}.diagnostic-quiz .share-button{width:200px;justify-content:center}}