.current-language-flag{width:25px;height:17px;object-fit:cover;border-radius:2px;vertical-align:middle;box-shadow:0 0 0 1px #0002}

/* Compact icon controls: same footprint on desktop and phone without changing content buttons. */
.compact-toolbar{gap:6px;align-items:center}
.compact-toolbar .voice-control{display:inline-flex}
button.compact-control{
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
  padding:0!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;font-size:18px!important;line-height:1!important;white-space:nowrap!important;
}
#langBtn .current-language-flag{width:23px;height:16px;margin:auto}
.nav-controls{gap:7px!important;flex-wrap:nowrap!important}
.nav-controls .arrow,.nav-controls .nav-btn,.nav-controls .nav-play{
  width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;
  border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.nav-controls .arrow{font-size:30px!important}.nav-controls .nav-btn{font-size:21px!important}
.nav-play{font-size:20px;font-weight:900;background:var(--primary,#1976d2);color:#fff;border:0;box-shadow:inset 0 0 0 2px #ffffff38}
.nav-play.playing{background:#dc3545}
#mixBtn,#searchBtn,#shareBtn,#studyToggleBtn{width:40px!important;min-width:40px!important;height:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important}
@media(max-width:560px){
  .compact-toolbar{gap:5px}
  button.compact-control{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;font-size:16px!important}
  #langBtn .current-language-flag{width:21px;height:14px}
  .nav-controls{gap:5px!important}
  .nav-controls .arrow,.nav-controls .nav-btn,.nav-controls .nav-play{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .nav-controls .arrow{font-size:27px!important}.nav-controls .nav-btn{font-size:19px!important}.nav-play{font-size:18px!important}
  #mixBtn,#searchBtn,#shareBtn,#studyToggleBtn{width:36px!important;min-width:36px!important;height:34px!important;min-height:34px!important}
}