/* Mobile-first layout correction, isolated from desktop experience. */
@media (max-width:760px){
 html,body{width:100%;overflow-x:hidden} .app{height:100dvh;min-height:0;overflow:hidden}.main{min-width:0;width:100%;overflow:hidden}
 .main>header{height:62px;min-height:62px;padding:0 12px;gap:8px;z-index:3;background:#100a1e}
 .header-left{flex:0 1 auto;min-width:0;gap:7px}.header-left .icon{font-size:22px;padding:5px!important}.header-mark{font-size:17px}.header-left strong{font-size:13px;letter-spacing:2px}.header-left small{font-size:6px;letter-spacing:.6px;white-space:nowrap}
 .header-actions{margin-left:auto;flex:0 0 auto;gap:5px;min-width:0}.header-actions .status,.header-actions #chatsPaneToggle,.header-actions #synexPaneToggle,.header-actions #newChatTop{display:none!important}
 .header-actions .login,.header-actions .signup,.header-actions .dash-link{font-size:11px!important;padding:9px 10px!important;line-height:1.2;border-radius:9px;white-space:nowrap}.header-actions .signup{max-width:94px;white-space:normal;text-align:center}
 .welcome{flex:1 1 auto;overflow-y:auto;align-items:flex-start;min-height:0}.welcome-inner{width:100%;padding:18px 17px 16px}.eyebrow{font-size:8px;letter-spacing:1.2px;line-height:1.5} .welcome h1{font-size:clamp(30px,8.5vw,42px);line-height:1.13;letter-spacing:-1px;margin:9px 0 8px}.welcome p{font-size:12px;margin:0 auto 17px;line-height:1.5;max-width:320px}.portrait{width:100%;opacity:.19;mask-image:linear-gradient(180deg,#000,transparent 95%);background-position:center,center,center 15%}
 .features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.feature{min-height:82px;padding:10px 6px;gap:5px;border-radius:14px}.feature>span{width:27px;height:27px;font-size:21px}.feature strong{font-size:11px;line-height:1.25}.feature small{display:none}
 .composer-area{flex:0 0 auto;width:100%;margin:0;padding:7px 11px max(8px,env(safe-area-inset-bottom));background:linear-gradient(0deg,#0d071b 90%,transparent);z-index:2}.composer{border-radius:18px;padding:10px 11px 9px;box-shadow:0 6px 20px #0005}.composer textarea{font-size:16px;min-height:42px;max-height:125px;line-height:1.4}.compose-bottom{display:flex;align-items:flex-end;gap:7px}.tools{display:flex;flex:1;min-width:0;gap:6px;flex-wrap:wrap;align-items:center}.model-picker{flex:0 0 auto;max-width:calc(100% - 10px);min-height:33px}.model-picker select{font-size:11px;max-width:132px}.tool{min-height:33px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 9px;font-size:11px;white-space:nowrap}.tool .v-icon{width:15px;height:15px}.tools #webToggle span:last-child{display:none}.tools #webToggle{width:35px;padding:7px}.tools #voiceBtn span:last-child{display:none}.tools #voiceBtn{width:35px;padding:7px}.tools #soundToggle{width:35px;padding:7px}.tools #imageModeBtn span:last-child{display:none}.tools #imageModeBtn{width:35px;padding:7px}.tools .valora-attach span:last-child{display:none}.tools .valora-attach{width:35px;padding:7px}.send-area{flex:none}.send{width:39px;height:39px}.typing-status{display:none}
 .valora-live-search{margin:7px 3px 0!important;font-size:11px!important;text-align:left!important}.suggestions{margin:6px 0 0;gap:6px;scrollbar-width:none}.suggestions button{padding:7px 10px;font-size:10px}.disclaimer{display:none}.conversation{padding:12px 4px}.valora-model-menu{max-height:60dvh;overflow:auto}
}
@media(max-width:380px){.header-left small{display:none}.header-actions .signup{max-width:78px}.header-actions .login{padding:8px!important}.welcome-inner{padding-top:12px}.feature{min-height:70px}}
/* 2026-10-18: mobile navigation and SYNEX accessibility */
@media(max-width:760px){
 .header-actions #synexPaneToggle{display:inline-flex!important;visibility:visible!important;flex:0 0 auto;min-width:39px;min-height:39px;align-items:center;justify-content:center;padding:6px!important;border:1px solid #a76ce8;background:linear-gradient(135deg,#422063,#221136);box-shadow:0 0 12px #8f41d533}
 .header-actions #synexPaneToggle .synex-toggle-label{display:none!important}
 .header-actions #synexPaneToggle .synex-toggle-symbol{font-size:23px}
 .header-actions{gap:5px!important}
 .header-actions .signup{max-width:83px;padding:7px 8px!important}
 .model-picker select{max-width:190px!important;font-size:11px!important}
 .valora-model-menu{z-index:100!important;max-height:min(56dvh,450px)!important;overflow-y:auto!important;overscroll-behavior:contain}
 .model-picker select{appearance:none!important;-webkit-appearance:none!important}
}
@media(max-width:390px){.header-actions .signup{max-width:72px;font-size:10px!important}.header-left strong{font-size:12px}}