.pkx-ma-container {
    max-width: 760px;
    margin: 0 auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.pkx-ma-header h2 {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 5px;
}
.pkx-ma-tagline {
    color: #555;
    margin-bottom: 20px;
}
.pkx-ma-progress-bar {
    height: 6px;
    background: #e5e5e5;
    border-radius: 50px;
    overflow: hidden;
}
.pkx-ma-progress-fill {
    height: 6px;
    background: #0071F5;
    width: 0;
}
.pkx-ma-step { display: none; }
.pkx-ma-step-active { display: block; }
.pkx-ma-field { margin-bottom: 16px; }
.pkx-ma-field label { display:block; font-weight:600; margin-bottom:6px; }
.pkx-ma-field input, .pkx-ma-field select {
    width:100%; padding:9px 10px; border-radius:6px; border:1px solid #ccc;
}
.pkx-ma-help { font-size:12px; color:#777; }
.pkx-ma-channel-row {
    display:flex; align-items:center; margin-bottom:10px; gap:10px;
}
.pkx-ma-channel-row label { flex:1; }
.pkx-ma-channel-row input[type=range] { flex:1; }
.pkx-ma-channel-value { width:50px; text-align:right; }
.pkx-ma-matrix-row { margin-bottom:12px; }
.pkx-ma-matrix-options button {
    padding:6px 10px; margin-right:6px; border-radius:4px;
    border:1px solid #0071F5; background:#fff; color:#0071F5; cursor:pointer;
}
.pkx-ma-matrix-options button.active {
    background:#0071F5; color:#fff;
}
.pkx-ma-rating-input span {
    display:inline-block; padding:6px 12px; margin-right:6px;
    border-radius:4px; border:1px solid #ccc; cursor:pointer;
}
.pkx-ma-rating-input span.active {
    background:#0071F5; color:#fff; border-color:#0071F5;
}
.pkx-ma-nav { margin-top:25px; text-align:right; }
.pkx-ma-btn {
    padding:9px 18px; border-radius:6px; border:none; cursor:pointer;
    font-size:14px;
}
.pkx-ma-btn-primary { background:#0071F5; color:#fff; }
.pkx-ma-btn-secondary { background:#eee; color:#333; margin-right:8px; }
.pkx-ma-results-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:15px; margin-bottom:20px;
}
.pkx-ma-card {
    border-radius:8px; border:1px solid #ddd; padding:12px 14px;
}
.pkx-ma-score-value {
    font-size:32px; font-weight:800; margin-top:8px;
}
.pkx-ma-range { font-size:18px; font-weight:600; }
.pkx-ma-success {
    margin-top:15px; padding:10px; border-left:4px solid #2ecc71;
    background:#eafaf0; display:none;
}
.pkx-ma-privacy { font-size:11px; color:#777; margin-top:8px; }
