body{font-family:monospace;background-color:#f7f7f7;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}p{margin:16px}.container{background-color:#8b64fe;border-radius:15px;box-shadow:0 4px 15px #0000001a;width:90%;max-width:600px;padding:20px;text-align:center}.header h1{font-size:2rem;color:#500883;margin-bottom:20px}.flex{display:flex}.question-container{background-color:#f7f7f7;padding:20px;border-radius:20px;text-align:center;color:#fff;box-shadow:0 4px 10px #0003}.question-title{font-size:1.5rem;text-align:center;margin-bottom:20px}.options{display:flex;flex-direction:column;gap:10px}.options input[type=radio]{display:none}.option{display:block;background:#6a1b9a;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;text-align:center;font-size:1rem;transition:.3s ease;box-shadow:0 3px 6px #0003}.option:hover{background:#f57c00}.options-setting{display:flex;gap:20px;justify-content:space-around;align-items:flex-start}.setting{display:block;margin:5px 0;background:#6a1b9a;color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;text-align:center;font-size:1rem;transition:.3s ease;box-shadow:0 3px 6px #0003}.setting input[type=radio]{display:none}.tag-selected{background:#ff9800;color:#fff;box-shadow:0 4px 8px #0000004d;border-radius:10px}.question-container{display:flex;flex-direction:column;align-items:center;margin-top:30px;text-align:left}.question-container h2{font-size:1.5rem;color:#333;margin-bottom:20px}.btn{font-family:monospace;background-color:#6a0dad;color:#fff;padding:10px 20px;border:none;border-radius:10px;font-size:1rem;cursor:pointer;margin-top:20px;box-shadow:0 3px 6px #0003;transition:.3s ease}.btn:hover{background:#f57c00;box-shadow:0 4px 10px #0000004d}.result{font-size:1rem;font-weight:700;text-align:center}.result-container{margin-top:30px;text-align:center}.result-container h2{font-size:1.8rem;color:#6a0dad;margin-bottom:20px}.result-container p{font-size:1.5rem;color:#333;margin-bottom:20px;font-weight:700}.result-container button{background-color:#6a0dad;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.result-container button:hover{background-color:#580e99}.result-container button a{text-decoration:none;color:#fff}@media (max-width: 768px){.container{padding:15px}.header h1{font-size:1.8rem}.question-container h2{font-size:1.3rem}.result-container h2{font-size:1.6rem}.btn,.result-container button{font-size:.9rem}}