/* XVoice v112 — visual reference controls + top navigation; behavior untouched */
@media(max-width:640px){
.nav{gap:4px!important;padding:8px 14px 10px!important}
.nav button[data-section="home"]::before{content:"⌂";display:block;font-size:22px;line-height:1.1;color:#fff}
.nav button[data-section="cara"]::before{content:"♟";display:block;font-size:21px;line-height:1.1;color:#e9bd58}
.nav button[data-section="learn"]::before{content:"▢";display:block;font-size:22px;line-height:1.1;color:#fff}
.nav button[data-section="xvoice"]::before{content:"♩";display:block;font-size:23px;line-height:1.1;color:#e9bd58}
.nav button[data-section="family"]::before{content:"♧";display:block;font-size:22px;line-height:1.1;color:#fff}
.nav button[data-section="home"],.nav button[data-section="cara"],.nav button[data-section="learn"],.nav button[data-section="xvoice"],.nav button[data-section="family"]{min-width:94px!important;padding:5px 7px 8px!important;font-size:13px!important;text-align:center!important;border-radius:0!important}
#xvoice .xvoice-main-actions{gap:7px!important}
#xvoice .xv-action{min-height:74px!important;border-radius:28px!important;font-size:24px!important}
#xvoice .xv-action b{font-size:11px!important}
#xvoice .xv-action.active{border-color:#ff4968!important;box-shadow:0 0 24px rgba(255,47,84,.40),inset 0 0 22px rgba(255,69,98,.18)!important}
#xvoice .xvoice-langs{grid-template-columns:1fr 1.18fr!important;gap:8px!important}
#xvoice .xvoice-langs select{min-height:50px!important;border-radius:17px!important;border-color:rgba(226,181,75,.9)!important;font-size:12px!important}
#xvoice #swapLang{width:46px!important;height:46px!important;border-radius:50%!important;border-color:rgba(226,181,75,.95)!important}
#xvoice .translation-grid textarea,#xvoice .translated{border-radius:18px!important}
#xvoice .xvoice-tools button{min-height:42px!important;border-radius:22px!important;font-size:10px!important}
}