/* MAWJ mobile-only lightweight landing layout v1 */
@media (max-width: 700px) {
html,body {overflow-x:hidden!important}
.app:has(.welcome .composer-wrap)>.messages {display:block!important;overflow-y:auto!important;overscroll-behavior-y:contain;background:#f7fbf9!important}
.app:has(.welcome .composer-wrap)>.messages>.welcome {margin:0!important;padding:8px 0 22px!important;max-width:100%!important;width:100%!important}
.mawj-studio-home {max-width:100%!important;margin:0!important;gap:0!important}
.mawj-new-intro {padding:4px 0 0!important}
.mawj-orbit {width:38px!important;height:38px!important;border-radius:12px!important;margin-bottom:5px!important}
.mawj-orbit-core {width:32px!important;height:32px!important}
.mawj-greeting {font-size:11px!important;margin-bottom:2px!important}
.mawj-new-title {font-size:clamp(23px,6vw,29px)!important;line-height:1.35!important}
.mawj-new-subtitle {font-size:12px!important;line-height:1.55!important;margin:4px 4px 0!important}
.mawj-studio-home>.composer-wrap {margin:12px auto 0!important;padding:0!important;width:100%!important}
.mawj-studio-home .composer {min-height:94px!important;padding:8px 9px!important;border-radius:17px!important;gap:2px!important;box-shadow:0 3px 15px #155b420d!important}
.mawj-studio-home .composer .input-shell {min-height:38px!important}
.mawj-studio-home .composer #messageInput {min-height:38px!important;font-size:16px!important;line-height:1.45!important;padding:6px 7px!important}
.mawj-suggest-header {margin:12px 2px 7px!important;font-size:12px!important}
.mawj-suggestions {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.mawj-suggestions .mawj-task-card {min-height:82px!important;padding:9px!important;gap:4px!important;border-radius:13px!important;box-shadow:none!important}
.mawj-task-content strong {font-size:12px!important}
.mawj-task-content small {font-size:10px!important;line-height:1.4!important}
.mawj-task-icon {width:27px!important;height:27px!important;flex-basis:27px!important}
.mawj-studio-home .composer,.mawj-task-card,.mawj-orbit {backdrop-filter:none!important;filter:none!important}
}
@media(max-width:370px){.mawj-suggestions{grid-template-columns:1fr!important}.mawj-suggestions .mawj-task-card{min-height:60px!important;flex-direction:row!important;align-items:center!important}}
@media(prefers-reduced-motion:reduce){.mawj-orbit,.mawj-orbit *{animation:none!important;transition:none!important}}

/* Mobile fallback: keep the input usable if enhancement scripts are delayed */
@media(max-width:700px){
.app:has(.welcome:not(:has(.mawj-studio-home)))>.messages{display:block!important;min-height:0!important;overflow:auto!important}
.messages>.welcome:not(:has(.mawj-studio-home)){width:100%!important;margin:0!important;padding:20px 10px!important;text-align:center!important}
.messages>.welcome:not(:has(.mawj-studio-home)) h1{font-size:25px!important;line-height:1.4!important;margin:8px 0!important}
.messages>.welcome:not(:has(.mawj-studio-home)) p{font-size:13px!important;line-height:1.6!important}
.messages>.welcome:not(:has(.mawj-studio-home)) .welcome-icon{width:36px!important;height:36px!important;margin:0 auto!important}
.app>.composer-wrap{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important}
#messageInput{touch-action:manipulation!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;font-size:16px!important}
}
