/* Final responsive guardrails: each viewport owns its width; only intentional regions may scroll. */
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%}body{width:100%;max-width:100%;min-width:0;overflow-x:clip;overscroll-behavior-x:none}#app{width:100%;max-width:100%;min-width:0;overflow-x:clip}*,*::before,*::after{box-sizing:border-box}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{min-width:0;max-width:100%}
.app-page,.dashboard-page,.chat-app,.landing-page,.auth-page,.legal-page,.conversation-entry,.returning-entry{width:100%;max-width:100%;min-width:0;overflow-x:clip}.app-page>*,.dashboard-page>*,.chat-app>*,.conversation-entry>*,.returning-entry>*{min-width:0}.topbar,.chat-top,.site-header,.conversation-entry-head{width:100%;max-width:100%;min-width:0}.top-title,.chat-person,.brand-copy,.welcome-block{min-width:0}.top-title b,.top-title small,.chat-person b,.chat-person small,.brand-copy b,.brand-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-card,.balance-card,.task-card,.dashboard-share-card,.ai-next-action,.ai-wallet-guide,.settings-list,.transaction-list,.wallet-stats,.conversation-phone,.returning-entry-card{width:100%;max-width:100%;min-width:0}.task-card,.flow-card,.dashboard-share-card{overflow:hidden}.task-card *,.flow-card *,.dashboard-share-card *,.transaction *{min-width:0}.task-card p,.task-card h2,.task-card h3,.flow-card p,.flow-card h1,.transaction b,.transaction small{overflow-wrap:anywhere;word-break:normal}.bottom-nav{width:100%;max-width:100%;left:0;right:0;box-sizing:border-box}.bottom-nav button{min-width:0}.bottom-nav span{white-space:nowrap}.conversation-preview-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.07);color:#8993a6;font-size:12px}.conversation-preview-status b{color:#b9b0ff;font-size:12px}.conversation-login-link{white-space:nowrap}.conversation-account p{max-width:38ch}.conversation-account .conversation-signup-total{margin-top:2px}

@media (max-width:820px){
  html,body,#app{width:100%!important;max-width:100vw!important;overflow-x:clip!important}.app-page,.dashboard-page,.chat-app,.conversation-entry,.returning-entry{contain:inline-size}
  .app-page,.dashboard-page{padding-left:16px!important;padding-right:16px!important}
  .app-page.narrow{width:100%!important;max-width:100%!important;margin:0!important}
  .topbar{gap:10px!important}.topbar .top-title{flex:1 1 auto}.topbar .avatar,.topbar .top-icon{flex:0 0 auto}
  .landing-hero,.auth-wrap{grid-template-columns:minmax(0,1fr)!important;width:100%!important}.hero-phone,.auth-visual{max-width:100%!important}.landing-hero{padding-left:18px!important;padding-right:18px!important}
  .task-list,.earning-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:16px!important}
  .task-card{padding:20px!important;border-radius:22px!important}.task-card button,.task-card .btn,.task-card [data-task]{width:100%!important;min-height:52px}
  .earning-intro h1,.page-intro h1{font-size:clamp(34px,9.7vw,46px)!important;line-height:1.02!important}.earning-intro p,.page-intro p{font-size:16px!important;line-height:1.45!important}
  .dashboard-page>section,.dashboard-page>article{max-width:100%!important}.dashboard-actions{grid-template-columns:minmax(0,1fr)!important}.dashboard-share-card,.ai-next-action,.ai-wallet-guide{padding:20px!important;border-radius:22px!important}
  .wallet-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.transaction{grid-template-columns:auto minmax(0,1fr) auto!important}.transaction strong{white-space:nowrap}
  .settings-list button{width:100%!important;min-width:0!important}
  .conversation-entry{padding-left:14px!important;padding-right:14px!important}.conversation-entry-head{gap:10px!important}.conversation-entry-head .conversation-brand{min-width:0}.conversation-entry-head .conversation-brand small{display:none}.conversation-login-link{font-size:13px!important;padding:9px 10px!important}
  .conversation-phone{max-height:calc(100dvh - 150px)}
  .bottom-nav{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}
}
@media (max-width:430px){
  .app-page,.dashboard-page{padding-left:14px!important;padding-right:14px!important}.wallet-stats{grid-template-columns:minmax(0,1fr)!important}.transaction{gap:10px!important}.transaction .tx-icon{display:none}.conversation-entry{padding-left:10px!important;padding-right:10px!important}.conversation-entry-head{padding-left:4px!important;padding-right:4px!important}.conversation-login-link{font-size:12px!important;max-width:48vw;overflow:hidden;text-overflow:ellipsis}.returning-entry{padding-left:12px!important;padding-right:12px!important}.returning-entry-card{padding:20px!important}.bottom-nav button{font-size:12px!important}
}
@media (min-width:821px){
  .app-page.narrow{width:min(100%,760px);margin-inline:auto}.dashboard-page{width:min(100%,1180px);margin-inline:auto}.workbench-desktop{max-width:1440px;margin-inline:auto}
}