.cif-deck{max-width:760px;margin:30px auto;font-family:inherit}.cif-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.cif-title{font-size:1.25rem;font-weight:700}.cif-progress{font-size:.9rem;opacity:.7}.cif-score{text-align:right;font-size:.9rem;font-weight:700;margin-bottom:8px}.cif-card-wrap{perspective:1200px}.cif-card{min-height:300px;border:1px solid #dfe5eb;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,40,60,.10);padding:34px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.cif-question{font-size:1.35rem;font-weight:700;line-height:1.5;text-align:center}.cif-media{text-align:center;margin:20px 0}.cif-media img{max-width:100%;max-height:300px;border-radius:12px}.cif-options{display:grid;gap:12px;margin-top:24px}.cif-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe5eb;border-radius:12px;cursor:pointer;background:#fff;line-height:1.4}.cif-option:hover{background:#f7fafc}.cif-option input{margin:0}.cif-option-letter{font-weight:800;min-width:24px}.cif-option.cif-correct{border-color:#238b45;background:#eef9f1}.cif-option.cif-wrong{border-color:#c43d3d;background:#fff0f0}.cif-answer{margin-top:24px;padding:18px;border-radius:12px;background:#f4f8fb;font-size:1.15rem;font-weight:600}.cif-explanation{margin-top:14px;padding-top:14px;border-top:1px solid #e7edf2;line-height:1.6}.cif-feedback{margin-top:16px;padding:12px 14px;border-radius:10px;font-weight:700}.cif-feedback-correct{background:#eef9f1}.cif-feedback-wrong{background:#fff0f0}.cif-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;justify-content:center}.cif-actions button,.cif-finish button{border:0;border-radius:10px;padding:11px 18px;cursor:pointer;font-weight:600}.cif-show,.cif-submit{background:#1b6ca8;color:#fff}.cif-next{background:#153b56;color:#fff}.cif-prev{background:#eef2f5;color:#243746}.cif-actions button:disabled{opacity:.45;cursor:not-allowed}.cif-finish{text-align:center;margin-top:18px;padding:18px;border-radius:12px;background:#f4f8fb}.cif-result{margin:10px 0;font-size:1.05rem}@media(max-width:600px){.cif-card{padding:24px;min-height:260px}.cif-question{font-size:1.15rem}.cif-actions button{flex:1}}

.cif-top-actions{display:flex;align-items:center;gap:12px}
.cif-shuffle{border:0;border-radius:6px;padding:8px 13px;cursor:pointer;font-size:14px}
.cif-shuffle:hover{opacity:.9}