*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{max-width:600px;width:100%;background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1)}.header{text-align:center;margin-bottom:40px}.header h1{color:#333;font-size:32px;margin-bottom:10px}.header p{color:#666;font-size:16px}.question{margin-bottom:30px}.question-label{display:block;font-size:18px;color:#333;margin-bottom:15px;font-weight:500}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.option:hover{border-color:#667eea;background:#f8f9ff}.option input[type=radio]{margin-right:12px;width:20px;height:20px;cursor:pointer}.option label{cursor:pointer;flex:1 1;font-size:16px;color:#333}.textarea{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s}.textarea:focus{outline:none;border-color:#667eea}.button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:20px}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:40px}.success-message h2{color:#667eea;font-size:28px;margin-bottom:15px}.success-message p{color:#666;font-size:16px;margin-bottom:20px}.results{margin-top:40px;padding-top:40px;border-top:2px solid #e0e0e0}.results h2{color:#333;font-size:24px}.result-item,.results h2{margin-bottom:20px}.result-question{font-weight:600;color:#333;margin-bottom:8px}.result-answer{color:#666;padding-left:20px}.error{color:#e53e3e;background:#fff5f5;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #feb2b2}.loading{text-align:center;color:#667eea;font-size:18px;padding:20px}