.kategori-container{text-align:center;padding:40px 20px;font-family:Segoe UI,Arial,sans-serif;background:#fafafa;min-height:100vh;display:flex;flex-direction:column;align-items:center}.judul{font-size:26px;font-weight:700;color:#333;margin-bottom:30px}.kategori-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;width:100%;max-width:850px}.kategori-card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.kategori-card:hover{transform:translateY(-4px)}.kategori-card h2{margin-bottom:18px;font-size:18px;color:#444;text-transform:capitalize}.level-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:12px}.level-btn{background:#f2f2f2;border:1px solid #ddd;padding:12px 0;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .25s ease}.level-btn:hover{background:#e91e63;color:#fff;border-color:#e91e63;transform:scale(1.05)}.back-btn{margin-top:40px;padding:12px 25px;background:#e91e63;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .25s ease}.back-btn:hover{background:#c2185b;transform:scale(1.05)}@media (max-width: 768px){.kategori-container{min-height:100dvh;padding:24px 14px}}.latihan-container{width:100%;max-width:100%;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.latihan-header{display:flex;justify-content:space-between;align-items:center;background:#ffe6f0;padding:12px 20px;border-radius:15px;box-shadow:0 4px 12px #d6338426;font-weight:700}.kategori-icon{margin-right:8px}.latihan-timer{font-size:18px;color:#d63384;font-weight:700}.soal-container{background:#ffe6f0;padding:20px;border-radius:20px;box-shadow:0 5px 15px #d6338433;display:flex;flex-direction:column;gap:15px}.soal-title{font-weight:700;font-size:16px}.soal-box{font-size:16px;line-height:1.5}.pilihan-container{display:flex;flex-direction:column;gap:15px}.pilihan-title{font-weight:700;color:#ad1457}.pilihan-list{display:flex;flex-direction:column;gap:12px}.pilihan-button{background:#f8bbd0;border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;white-space:normal;text-align:left;cursor:pointer;transition:all .25s ease;font-weight:700;box-shadow:0 3px 8px #d6338426}.pilihan-button:hover:not(.disabled){background:#f06292;color:#fff;transform:translateY(-2px)}.pilihan-button.disabled{background:#ddd;color:#777;cursor:not-allowed}.latihan-footer{display:flex;justify-content:space-between;align-items:center}.back-btn{padding:10px 18px;background:#d63384;color:#fff;font-size:14px;border:none;border-radius:12px;cursor:pointer;transition:all .25s ease;font-weight:700}.back-btn:hover{background:#ad1457;transform:scale(1.05)}.back-btn.kecil{font-size:13px;padding:8px 15px}.counter-info{font-size:14px;font-weight:700;color:#c2185b}.loading-container{text-align:center;margin-top:80px}.loading-spinner{border:4px solid #ffe6f0;border-top:4px solid #d63384;border-radius:50%;width:40px;height:40px;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:#d63384;font-weight:700}.error-container{text-align:center;margin-top:80px}.error-message{color:#d63384;font-weight:700;margin-bottom:15px}.pembahasan-box{margin-top:16px;padding:14px 18px;background:#fff0f5;border-left:4px solid #d63384;border-radius:8px;font-size:15px;line-height:1.6;color:#333;box-shadow:0 2px 4px #0000000f}.pembahasan-box h3{margin:0 0 8px;font-size:16px;font-weight:700;color:#d63384}.pembahasan-box p{margin:0;white-space:pre-line}@media (max-width: 768px){.latihan-container{min-height:100dvh;max-width:100%;padding:14px}.soal-box{word-wrap:break-word;overflow-wrap:anywhere}.latihan-header{flex-direction:column;gap:8px;text-align:center}.latihan-footer{flex-direction:column;gap:12px}}.result-container{max-width:600px;margin:0 auto;padding:25px;text-align:center;font-family:Arial,sans-serif}.result-summary{display:flex;justify-content:space-around;margin:20px 0}.summary-box{flex:1;margin:0 8px;padding:15px;border-radius:8px;font-weight:700;color:#fff}.summary-box.benar{background:#28a745}.summary-box.salah{background:#dc3545}.summary-box.tidak{background:#6c757d}.score-box{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px;margin:20px 0}.chart-box{margin:20px 0}.result-actions{display:flex;justify-content:space-around;margin-top:20px}.result-actions button{padding:10px 15px;border:none;border-radius:6px;cursor:pointer;background:#007bff;color:#fff;transition:background .2s}.result-actions button:hover{background:#0056b3}@media (max-width: 768px){.result-container{max-width:100%;padding:16px}.result-summary{flex-direction:column;gap:12px}.chart-box{overflow-x:auto}.result-actions{flex-direction:column;gap:12px}}