*{box-sizing:border-box}body{color:#e8e8e8;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}#root{max-width:800px;margin:0 auto;padding:20px}.quiz-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;padding:30px;box-shadow:0 8px 32px #0000004d}.quiz-title{text-align:center;color:#f0f0f0;text-shadow:0 2px 10px #00000080;margin-bottom:30px;font-size:2rem}.progress{text-align:center;color:#b8c5d6;margin-bottom:20px;font-size:1.1rem}.question-box{background:#ffffff14;border-radius:12px;margin-bottom:25px;padding:25px}.question{color:#fff;margin:0;font-size:1.3rem;line-height:1.6}.answer-display{background:#6496ff26;border-left:4px solid #6496ff;border-radius:12px;margin-bottom:25px;padding:25px}.answer-label{color:#b8c5d6;margin:0 0 10px;font-size:1.1rem}.answer-value{color:#fff;text-shadow:0 2px 10px #6496ff80;margin:0 0 15px;font-size:2rem;font-weight:700}.explanation-text{color:#e8e8e8;margin:0;font-size:1rem;line-height:1.6}.answers{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.answer-button{color:#e8e8e8;cursor:pointer;text-align:left;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;padding:16px 20px;font-size:1rem;transition:all .3s}.answer-button:hover:not(.selected){background:#ffffff26;border-color:#fff6;transform:translateY(-2px)}.answer-button.selected{background:#6496ff33;border-color:#6496ff;font-weight:600}.next-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.next-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.input-section{margin-bottom:25px}.input-prompt{color:#b8c5d6;margin-bottom:15px;font-size:1.1rem}.input-fields{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.input-field{align-items:center;gap:10px;display:flex}.input-field label{color:#e8e8e8;min-width:30px;font-size:1.1rem;font-weight:600}.input-field input{color:#e8e8e8;background:#ffffff1a;border:2px solid #fff3;border-radius:8px;flex:1;padding:12px 16px;font-size:1rem;transition:all .3s}.input-field input:focus{background:#ffffff26;border-color:#6496ff;outline:none}.input-field input::placeholder{color:#e8e8e880}.calculation-result{text-align:center;background:#6496ff26;border-left:4px solid #6496ff;border-radius:10px;padding:20px}.result-label{color:#b8c5d6;margin:0 0 10px;font-size:1rem}.result-value{color:#fff;text-shadow:0 2px 10px #6496ff80;margin:0;font-size:2.5rem;font-weight:700}.next-button:disabled{cursor:not-allowed;opacity:.5;background:#ffffff1a}.next-button:disabled:hover{box-shadow:none;transform:none}.button-container{gap:12px;margin-top:20px;display:flex}.previous-button,.reset-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.previous-button:hover,.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}