/* XVoice v113 — exact locked mobile composition, CSS only */
@media(max-width:640px){
.topbar{padding:10px 14px!important;min-height:70px!important}
.brand-mark{width:48px!important;height:48px!important}
.brand span{display:flex!important;align-items:baseline!important;gap:4px!important;flex-wrap:wrap!important}
.brand b,.brand strong{font-size:17px!important;margin:0!important}.brand small{display:none!important}
#installBtn{font-size:12px!important;padding:9px 10px!important}
#accountBtn{font-size:12px!important;padding:10px 12px!important}
.nav{top:70px!important;display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;gap:0!important;padding:7px 5px 5px!important;background:#050d17!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important}
.nav button,.nav button[data-section]{display:block!important;visibility:visible!important;flex:0 0 94px!important;min-width:94px!important;width:94px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 1px 7px!important;font-size:10px!important;overflow:visible!important;text-overflow:clip!important}
.nav button[data-section="home"]::before{content:"⌂";display:block;font-size:24px;color:#fff}
.nav button[data-section="cara"]::before{content:"●";display:block;font-size:22px;color:#e9bd58}
.nav button[data-section="learn"]::before{content:"▣";display:block;font-size:21px;color:#fff}
.nav button[data-section="xvoice"]::before{content:"♩";display:block;font-size:23px;color:#e9bd58}
.nav button[data-section="family"]::before{content:"♧";display:block;font-size:23px;color:#fff}
.nav button.active{color:#f1c75e!important;border-bottom:3px solid #efc45a!important}
#xvoice{padding:0 8px 55px!important}
#xvoice>.section-head{display:none!important}
#xvoice .xvoice-live-stage{padding:0!important}
#xvoice .xvoice-people{min-height:335px!important;border-radius:18px 18px 0 0!important;background-position:center!important}
#xvoice .xvoice-title{display:none!important}
#xvoice .xvoice-console{margin:0!important;padding:9px!important;border-radius:0 0 20px 20px!important}
#xvoice .xvoice-main-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important}
#xvoice .xv-action{min-width:0!important;min-height:72px!important;border-radius:25px!important;font-size:23px!important;padding:5px 1px!important}
#xvoice .xv-action b{font-size:10px!important}#xvoice .xv-action small{font-size:9px!important}
#xvoice .xvoice-langs{display:grid!important;grid-template-columns:1fr 1.2fr 44px 1fr 1.28fr!important;gap:5px!important;align-items:center!important;margin:9px 0!important}
#xvoice .xvoice-langs select{grid-row:1!important;min-width:0!important;width:100%!important;min-height:43px!important;border-radius:14px!important;font-size:9px!important;padding:5px 20px 5px 6px!important}
#xvoice #sourceLang{grid-column:1!important}#xvoice #sourceAccent{grid-column:2!important}
#xvoice #swapLang{grid-column:3!important;grid-row:1!important;width:40px!important;height:40px!important;min-height:40px!important;margin:0!important}
#xvoice #targetLang{grid-column:4!important}#xvoice #targetAccent{grid-column:5!important}
#xvoice .translation-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
#xvoice .translation-grid textarea,#xvoice .translated{height:128px!important;min-height:128px!important;border-radius:16px!important;padding:10px!important;font-size:11px!important}
#xvoice .xvoice-tools{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important}
#xvoice .xvoice-tools button{min-width:0!important;min-height:42px!important;border-radius:22px!important;padding:5px 2px!important;font-size:8px!important;white-space:normal!important}
#xvoice #micLevel,#xvoice #faceIndicator{font-size:10px!important;margin-top:6px!important}
}