*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{background:#fff;border-radius:12px;width:100%;max-width:600px;padding:40px 30px;box-shadow:0 2px 8px #0000001a}h1{text-align:center;color:#1a1a1a;margin-bottom:30px;font-size:28px;font-weight:600}.question-text{text-align:center;color:#2a2a2a;margin-bottom:40px;font-size:20px;font-weight:500;line-height:1.6}.button-group{gap:15px;margin-bottom:30px;display:flex}.choice-button{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;padding:18px 24px;font-size:16px;font-weight:500;transition:all .2s}.choice-button:hover:not(:disabled){background:#f0f7ff;border-color:#4a90e2;transform:translateY(-1px)}.choice-button:active:not(:disabled){transform:translateY(0)}.choice-button:disabled{opacity:.5;cursor:not-allowed}.result-section{margin-top:30px}.your-choice{text-align:center;color:#666;margin-bottom:20px;font-size:16px}.your-choice strong{color:#4a90e2;font-weight:600}.percentage-display{justify-content:space-between;align-items:center;margin-bottom:15px;font-size:18px;font-weight:600;display:flex}.percentage-left,.percentage-right{text-align:center;color:#1a1a1a;flex:1}.percentage-bar-container{background:#e0e0e0;border-radius:20px;width:100%;height:40px;margin-bottom:30px;position:relative;overflow:hidden}.percentage-bar{height:100%;transition:width .3s;display:flex}.percentage-bar-left{background:#4a90e2;transition:width .3s}.percentage-bar-right{background:#50c878;transition:width .3s}.percentage-divider{background:#ffffff80;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.action-buttons{gap:15px;display:flex}.action-button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:16px;font-weight:500;transition:all .2s}.action-button-primary{color:#fff;background:#4a90e2}.action-button-primary:hover{background:#357abd;transform:translateY(-1px)}.action-button-secondary{color:#333;background:#f0f0f0;border:1px solid #e0e0e0}.action-button-secondary:hover{background:#e0e0e0;transform:translateY(-1px)}.loading{text-align:center;color:#666;margin:20px 0;font-size:16px}.error{text-align:center;color:#d32f2f;background:#ffebee;border-radius:6px;margin:20px 0;padding:10px;font-size:14px}