/* Reasoning multilingual final patch - GK style compact translation dropdown */
.language-bar{
  max-width:100%;
  margin:0;
  padding:12px 16px;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  background:#f8fbff;
  border-bottom:1px solid #dbeafe;
}
.language-bar label{font-size:13px!important;font-weight:900!important;color:#0f172a!important;margin:0!important}
.language-bar select,
.language-bar #languageSelect{
  width:auto!important;
  min-width:130px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  border:1.5px solid #bfdbfe!important;
  background:#fff!important;
  color:#0f172a!important;
  font-weight:900!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.translation-panel,
.google-translate-wrap{
  margin:0!important;
  padding:7px 10px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  background:#eff6ff!important;
  border:1px solid #bfdbfe!important;
  border-radius:14px!important;
  color:#1e3a8a!important;
  font-weight:900!important;
  min-height:40px!important;
  box-shadow:none!important;
}
.translation-panel span,
.translation-panel label,
.google-translate-wrap span{font-size:13px!important;font-weight:900!important;color:#1e3a8a!important;white-space:nowrap!important}
.translation-box{background:#fff!important;border:1px solid #bfdbfe!important;border-radius:10px!important;padding:4px 7px!important;min-height:32px!important;display:flex!important;align-items:center!important;box-shadow:none!important;max-width:230px!important;overflow:hidden!important}
.translation-box select{border:0!important;box-shadow:none!important;padding:4px 6px!important;width:auto!important;margin:0!important;font-size:12px!important;border-radius:8px!important;background:#fff!important;color:#0f172a!important}
.goog-logo-link,.goog-te-gadget span{display:none!important}.goog-te-gadget{font-family:inherit!important;font-size:0!important;line-height:1!important}.goog-te-gadget-simple{border:0!important;border-radius:8px!important;padding:4px 6px!important;background:#fff!important}.goog-te-combo{font-size:12px!important;font-weight:800!important;color:#0f172a!important;background:#fff!important;max-width:200px!important}
body{top:0!important}.skiptranslate iframe{display:none!important}
.lang-popup-overlay{position:fixed;inset:0;background:rgba(15,23,42,.72);backdrop-filter:blur(8px);z-index:999999;display:none;align-items:center;justify-content:center;padding:18px}
.lang-popup{width:min(430px,100%);background:#fff;border-radius:28px;padding:28px 24px;text-align:center;box-shadow:0 28px 60px rgba(0,0,0,.25);animation:rpPopupIn .25s ease;border:1px solid rgba(255,255,255,.5)}
.lang-popup h2{margin:0;font-size:28px;color:#0f172a;line-height:1.2}.lang-popup p{margin:10px 0 22px;color:#64748b;font-size:15px}.lang-popup-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lang-btn{border:0;border-radius:18px;padding:16px 12px;font-size:16px;font-weight:900;cursor:pointer;transition:.2s ease}.lang-btn.en{background:linear-gradient(135deg,#2563eb,#3b82f6);color:white}.lang-btn.hi{background:linear-gradient(135deg,#f97316,#dc2626);color:white}.lang-btn:hover{transform:translateY(-2px) scale(1.02)}
@keyframes rpPopupIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.language-bar{justify-content:center!important}.translation-panel,.google-translate-wrap{width:auto!important;max-width:100%!important;flex-wrap:wrap!important;justify-content:center!important}.lang-popup{border-radius:24px;padding:24px 18px}.lang-popup h2{font-size:24px}.lang-popup-buttons{grid-template-columns:1fr}}


/* Advanced UI Upgrade */
body{
  scroll-behavior:smooth;
}

.card,.question-box,.quiz-container{
  border-radius:16px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}

button{
  transition:all .25s ease;
}

button:hover{
  transform:translateY(-2px);
}

.progress-container{
  width:100%;
  height:10px;
  background:#ddd;
  border-radius:20px;
  overflow:hidden;
  margin:10px 0;
}

.progress-bar{
  height:100%;
  width:0%;
  background:#4caf50;
  transition:width .3s ease;
}

/* Dark mode */
body.dark-mode{
  background:#121212 !important;
  color:#f1f1f1 !important;
}

body.dark-mode .card,
body.dark-mode .quiz-container,
body.dark-mode .question-box{
  background:#1e1e1e !important;
  color:white !important;
}