.kmk-progress {background:#eee; border-radius:10px; margin-bottom:16px; overflow:hidden;}
.kmk-progress .kmk-bar {background:#36C8F7; height:14px; width:0; transition:width .25s;}
#kmk-toets-app {font-family:system-ui, Arial, sans-serif; max-width:720px; margin:20px auto; padding:8px;}
#kmk-toets-app .kmk-title {color:#18385B; margin:10px 0 6px;}
#kmk-toets-app .kmk-vraag {font-size:18px; margin:0 0 12px; color:#0C1C2D;}
.kmk-opties {display:flex; flex-direction:column; gap:10px;}
.kmk-optie {display:block; text-align:left; padding:12px 14px; border:1px solid #2195D2; border-radius:10px; cursor:pointer; background:#fff; color:#18385B; font-size:16px; font-weight:500;}
.kmk-optie:hover {background:#A8E8FC; color:#0C1C2D;}
.kmk-result {background:#f9fbfd; border:1px solid #e5eef6; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgba(0,0,0,.03);}
.kmk-fouten {padding-left:18px;}
.kmk-btn {margin-top:12px; padding:10px 14px; background:#2195D2; color:#fff; border:none; border-radius:10px; cursor:pointer;}
.kmk-btn:hover {background:#0D5E8C;}