/* One phone shell. Desktop layouts and artwork remain owned by their original files. */
.mobile-nav,.mobile-topbar,.mobile-only,.mobile-segments{display:none}
.message-load-state{margin:0 0 16px;color:#69745e;font-size:13px;line-height:1.6}.message-load-state button{display:block;min-height:44px;border:0;background:none;color:inherit;text-decoration:underline}

/* Shared phone shell and page composition. Keep overrides in source order. */
@media(max-width:768px){
  :root{--mobile-nav-height:70px;--mobile-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px));--mobile-gutter:20px}
  html{scroll-padding-top:80px;scroll-padding-bottom:calc(var(--mobile-bottom) + 20px)}
  body{min-width:0!important;min-height:100dvh;-webkit-text-size-adjust:100%}
  body.has-nashwa-nav .sidebar{display:none!important}
  body.has-nashwa-nav>:is(main,.main,.home,.messages-app){box-sizing:border-box;margin-left:0!important;width:100%;min-width:0;max-width:none;padding:12px max(var(--mobile-gutter),env(safe-area-inset-right)) calc(var(--mobile-bottom) + 28px) max(var(--mobile-gutter),env(safe-area-inset-left))}
  .mobile-only{display:block}
  .mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;box-sizing:border-box;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right)) 10px max(20px,env(safe-area-inset-left));color:var(--n-ink);background:var(--n-bg)}
  .mobile-wordmark{display:block;font:500 19px/1.3 var(--n-font-story,Georgia,serif);letter-spacing:-.3px}.mobile-date{display:block;margin-top:3px;font-size:12px;color:var(--n-quiet,#6c7564)}
  .mobile-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:1px solid var(--n-line);border-radius:50%;background:transparent;color:#59644e;text-decoration:none;font-size:24px}
  .mobile-icon svg,.mobile-tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--mobile-bottom);box-sizing:border-box;padding:5px max(7px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom,0px)) max(7px,env(safe-area-inset-left));background:#faf9f6;border-top:1px solid var(--n-line);box-shadow:0 -5px 25px #343d2b06}
  .mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:54px;min-width:0;color:#777d70;text-decoration:none;border-radius:14px;font:500 10px/1.2 -apple-system,BlinkMacSystemFont,sans-serif;white-space:nowrap}.mobile-tab[aria-current=page]{color:#414e34;background:#e9eddf}.mobile-tab.mobile-quick svg{width:26px;height:26px;color:#546343}.mobile-tab.mobile-quick span{font-weight:650}
  button,:is(.primary-action,.secondary-action,.text-action,.back-link,.quiet-button,.reaction-button,.report-link){min-height:44px;touch-action:manipulation}.text-action,.back-link{display:inline-flex;align-items:center;line-height:1.5}.icon-button,.close-dialog,.close,.password-toggle{min-width:44px!important;min-height:44px!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}input:not([type=checkbox]):not([type=radio]),select{min-height:46px}textarea{line-height:1.55}
  :is(.detail-copy,.section-copy,.story-text,.activity-description,.dialog-copy,.pacts-intro){font-size:14px;line-height:1.65}.eyebrow,.section-kicker{font-size:10px!important}
  h1,.page-header h1,.quick-header h1,.community-header h1,.detail-title{font-size:34px!important;line-height:1.12!important;letter-spacing:-1px!important}h2.section-title{font-size:27px!important}.detail-header{margin-bottom:24px}.detail-header>div{min-width:0}.detail-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  dialog{box-sizing:border-box!important;position:fixed!important;inset:auto 0 var(--mobile-keyboard,0px)!important;margin:0 auto!important;width:100%!important;max-width:620px!important;max-height:calc(var(--mobile-view-height,100dvh) - 22px)!important;overflow:auto!important;overscroll-behavior:contain;border-radius:24px 24px 0 0!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;scroll-padding:20px}
  dialog :is(.dialog-inner,.dialog-content,.community-dialog){padding:24px 20px!important}dialog .dialog-top{align-items:center;gap:12px}dialog h2{font-size:26px!important}dialog .form-row{grid-template-columns:minmax(0,1fr)}dialog::backdrop{backdrop-filter:none}.mobile-settings{padding:24px 20px!important;background:var(--n-bg)}
  .notice,.ui-notice,#waveNotice,#communityNotice{bottom:calc(var(--mobile-bottom) + 12px)!important;max-width:calc(100vw - 32px);font-size:13px!important}.mobile-keyboard-open .mobile-nav{display:none}
  /* Home: figure, one next step, people, then the wider world. */
  [data-mobile-page=index] .home{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-top:0!important}
  [data-mobile-page=index] :is(.lobby,.support){display:contents}.home-topline{display:none}.home .journey-center{order:1;min-height:0;display:block}.home .journey-center::before{width:100%;height:300px;top:0}.home .journey-button{padding:0;display:flex;flex-direction:column;align-items:center}.home .journey-stage{width:100%;height:260px;min-height:0;max-width:360px;margin:0;transform:none}.home .journey-stage .nashwa-character{width:100%!important;max-width:350px;height:260px!important;margin:0}.home .journey-title{font-size:23px!important;line-height:1.2!important;margin:2px 0 5px}.home :is(.journey-day,.journey-line,.journey-cue){display:none}.mobile-character-stage{font-size:12px;line-height:1.4;color:#68735b}.home .why{display:none}
  .home .up-next{order:2;border:0;padding:20px;border-radius:18px;background:#e9ecdf}.home .next-list{margin-top:9px}.home .next-item{border:0;padding:3px 0;grid-template-columns:1fr auto;gap:7px;text-decoration:none}.home .next-dot{display:none}.home .next-name{font-size:22px;line-height:1.3;grid-column:1}.home .next-time{grid-row:2;grid-column:1;font-size:12px;color:#67725a}.home .next-item::after{content:'Begin →';grid-row:1/3;grid-column:2;font-size:13px;color:#47553a}.home .next-status{display:none}
  .home .week-panel{order:3;padding:0}.home .week{max-width:none;padding:4px 0 18px;margin:0;border-top:0}.home .pact-today{font-size:24px;margin:9px 0}.home .week a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.home .week h2+.detail-copy{display:none}.home .home-community{order:4;margin:0;padding:0 0 18px}.home .home-community a{font-size:15px;line-height:1.5}.home .home-community p{font-size:13px}.home .ascent-panel{order:5;padding:0}.home .ascent-link{padding:16px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.home .ascent-name{font-size:23px;margin:0;grid-column:1}.home .ascent-dates{grid-column:2;grid-row:2;margin:0;align-self:center}.home .ascent-link :is(.ascent-track,.ascent-task,.ascent-cue){display:none}.home .home-reset{order:6;margin:0;padding:12px 0;gap:12px}.home-reset a{min-height:44px;display:inline-flex;align-items:center}
  /* Growth is one selected area, with the same saved records as desktop. */
  .mobile-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:3px;background:#eceee5;border-radius:14px;margin:22px 0 26px}.mobile-segments button{border:0;background:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.3;color:#737c69}.mobile-segments button[aria-selected=true]{background:#fffefa;color:#49573d;box-shadow:0 1px 4px #28381b0d}
  [data-mobile-page=growth] .overview{display:none}[data-mobile-page=growth] .growth-section{display:none;margin-top:0;padding-top:0;border-top:0}[data-mobile-page=growth] .growth-section.mobile-selected{display:block}[data-mobile-page=growth] .header-note{display:none}[data-mobile-page=growth] :is(.goal-grid,.pact-grid,.ascent-grid){grid-template-columns:minmax(0,1fr);gap:16px}[data-mobile-page=growth] .section-top{flex-wrap:wrap;gap:12px;align-items:center}[data-mobile-page=growth] .section-copy{display:none}[data-mobile-page=growth] :is(.goal-card,.pact-card,.ascent-card){padding:22px;min-height:0}[data-mobile-page=growth] .reset-strip{display:none}.mobile-all-pacts{padding:16px 0;min-height:44px;font-size:14px;color:#59694b}.goal-next,.goal-progress,.ascent-stats{line-height:1.6}
  /* Keep the shared Pact art, with people before the description. */
  [data-mobile-page=pact] #pactContent{display:flex;flex-direction:column}[data-mobile-page=pact] #pactContent>.pact-desktop-back{display:none}[data-mobile-page=pact] #pactContent>.mobile-only.back-link{order:0}.back-link{margin:0 0 14px}[data-mobile-page=pact] .pact-hero{display:contents}[data-mobile-page=pact] .lobby-panel{order:1;padding:0;border:0;background:none}[data-mobile-page=pact] .detail-pact-header{order:2;margin-top:18px;margin-bottom:12px}[data-mobile-page=pact] .promise-panel{order:3;padding:0 0 20px;border:0}[data-mobile-page=pact] :is(.today-panel,.completion-memory){order:4}[data-mobile-page=pact] .pact-lower{order:5}[data-mobile-page=pact] .pact-finish{order:6}[data-mobile-page=pact] #pactContent>.preview-note{order:7}.pact-hero .lobby-note{display:none}.pact-hero .scene-caption{font-size:12px}.pact-lower{grid-template-columns:1fr;gap:28px}.circle-grid,.memory-grid{grid-template-columns:1fr}.today-panel{padding:22px 18px}.shared-reason{font-size:23px!important;line-height:1.5}.scene{max-width:100%}.pact-chat input{font-size:16px}
  /* Activity-first discovery and a three-step version of the existing form. */
  .quick-header{display:block;margin-bottom:22px}.quick-header h1{font-size:31px!important}.quick-header>button{margin-top:18px}.filter-row{align-items:stretch;flex-direction:column;gap:12px}.filter-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.filter-tabs button{font-size:12px}.category-filter{justify-content:space-between;font-size:13px}.category-filter select{max-width:220px}.feed-heading{margin-top:24px}.feed-note{display:none}.activity-feed{grid-template-columns:1fr}.activity-card{padding:19px}.activity-top{display:block}.activity-top .source-chip{display:inline-block;margin-top:7px}.activity-details span{font-size:12px}.activity-actions :is(.primary-action,.secondary-action){min-height:44px;font-size:13px}.spots{font-size:12px}.pending-list{grid-template-columns:1fr}.quick-how{display:none}.lobby-meta{gap:16px}.lobby-chat-form{gap:8px}.lobby-chat-form input{min-width:0}.lobby-chat-form button{white-space:nowrap}
  .mobile-wizard>.form-row{display:none}.mobile-form-step{display:grid;gap:10px}.mobile-form-step label{margin-top:12px}.mobile-form-step textarea{min-height:80px}.mobile-step-label{font-size:12px;color:#657257;margin:6px 0 16px}.mobile-step-controls{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.mobile-step-controls button{flex:1}.mobile-wizard>.primary-action{width:100%;margin-top:16px}.mobile-wizard>.detail-copy{display:none}
  /* A finite reading experience with a clear place to stop. */
  .community-header aside{display:none}.community-header{margin-bottom:20px}.community-note{font-size:11px;line-height:1.6}.now-panel{padding:22px}.now-panel h2{font-size:29px!important}.now-presence{padding-top:17px}.community-section{margin-top:32px}.story-list{grid-template-columns:1fr}.community-story{padding:22px 0;border:0;border-bottom:1px solid var(--n-line);border-radius:0;background:none}.community-story h3{font-size:24px;line-height:1.3}.story-list:not(.mobile-expanded)>.community-story:nth-child(n+3){display:none}.mobile-more-stories{margin-top:12px}.story-list:not(:has(>.community-story:nth-child(3)))+.mobile-more-stories{display:none}.reaction-button{padding:10px;font-size:12px}.story-actions{gap:4px}.story-care summary{min-height:44px;display:flex;align-items:center}.line-section{margin:30px 0;padding:25px 0}.line-list{display:none}.featured-line{padding:22px}.featured-line blockquote{font-size:26px;line-height:1.45}.vent-section{margin-top:30px}.vent-form{padding:20px 0;border:0;background:none}.vent-options select{max-width:none;width:100%}.mobile-caught-up{padding:25px 0;margin-top:30px;border-top:1px solid var(--n-line);font-size:15px;line-height:1.6;color:#67745a}.saved-writing summary{min-height:44px}.community-storage{font-size:11px}.vent-next{flex-direction:column;align-items:flex-start}
  .main-wave-inner{grid-template-columns:1fr}.main-wave-copy{padding:25px 22px}.main-wave h2{font-size:34px!important}.wave-crowd{min-height:0;max-height:235px}.wave-crowd svg{max-height:210px}.wave-description,.summary-copy{font-size:14px;line-height:1.65}.wave-action p:last-child{font-size:20px;line-height:1.5}.wave-join{width:100%;min-height:48px}.wave-action-row{flex-wrap:wrap}.wave-text-button{min-height:44px;display:inline-flex;align-items:center}.main-wave-bottom{gap:12px}.wave-grid,.wave-memory-grid{grid-template-columns:1fr}.wave-preview{font-size:12px}
  /* You keeps the same Journey; preferences are behind its gear. */
  [data-mobile-page=journey] .detail-main{display:flex;flex-direction:column}[data-mobile-page=journey] .journey-character{order:0;align-items:center;text-align:center;margin:0 0 18px;gap:0}[data-mobile-page=journey] .journey-character .nashwa-character{width:260px;height:250px;margin:0}[data-mobile-page=journey] .journey-character p{display:none}[data-mobile-page=journey] .detail-header{order:1;display:block;margin-bottom:28px}[data-mobile-page=journey] .detail-title{font-size:30px!important}[data-mobile-page=journey] .header-meta{margin-top:16px;text-align:left}[data-mobile-page=journey] .timeline{order:2}[data-mobile-page=journey] .journey-tools{order:3}[data-mobile-page=journey] .journey-tools:last-of-type{display:none}[data-mobile-page=journey] .local-state-note{order:4}.timeline{width:100%;margin:0;max-width:none}.timeline::before{left:13px}.timeline-event{grid-template-columns:28px minmax(0,1fr);gap:10px}.timeline-date,.timeline-content{grid-column:2}.timeline-date{text-align:left}.timeline-mark{grid-column:1;grid-row:1/3}.timeline-content>a{min-height:44px;display:inline-flex;align-items:center}.timeline-content h2{font-size:21px;line-height:1.35}.timeline-content p{font-size:14px;line-height:1.65}.journey-tools summary{min-height:44px;display:flex;align-items:center}
  /* Inbox and chat occupy distinct screens; the keyboard owns the lower edge. */
  [data-mobile-page=messages]{height:100dvh;overflow:hidden}[data-mobile-page=messages] .messages-app{position:relative;display:grid;height:calc(var(--mobile-view-height,100dvh) - 64px - env(safe-area-inset-top,0px) - var(--mobile-bottom));padding:0!important;grid-template-columns:minmax(0,1fr)}[data-mobile-page=messages] .inbox{min-height:0;overflow:auto;padding:16px 20px 24px}[data-mobile-page=messages] .chat{display:none}[data-mobile-page=messages] .messages-app.chat-open .chat:not([hidden]){display:flex}[data-mobile-page=messages]:has(.chat-open) :is(.mobile-topbar,.mobile-nav){display:none}[data-mobile-page=messages] .messages-app.chat-open{position:fixed;top:var(--mobile-view-top,0px);left:0;right:0;height:var(--mobile-view-height,100dvh);z-index:80}[data-mobile-page=messages] .chat-header{min-height:72px;height:auto;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;gap:8px;flex-wrap:wrap}[data-mobile-page=messages] .chat-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 16px}[data-mobile-page=messages] .composer-wrap{padding:10px 12px max(12px,env(safe-area-inset-bottom,0px));background:#faf9f6}[data-mobile-page=messages] .mobile-back{display:inline-flex;min-width:44px}[data-mobile-page=messages] :is(.attachment-toggle,.composer-action,.call-controls .icon-button){width:44px;height:44px}[data-mobile-page=messages] .message-more{opacity:1;width:44px;height:44px}[data-mobile-page=messages] .pact-popover{width:min(320px,calc(100vw - 32px))}[data-mobile-page=messages] .message{max-width:90%}
  [data-mobile-page=relax] .player{padding:0;grid-template-columns:1fr;gap:25px;border:0;box-shadow:none;background:transparent;backdrop-filter:none}[data-mobile-page=relax] .album{max-width:310px;border-radius:23px}[data-mobile-page=relax] .controls{justify-content:center;gap:22px}[data-mobile-page=relax] .control{min-width:48px;min-height:48px}[data-mobile-page=relax] .track-name{font-size:27px}[data-mobile-page=relax] .page-header{margin-bottom:24px}
  /* Authentication remains outside the app shell. */
  body:is([data-mobile-page=login],[data-mobile-page=login_fixed],[data-mobile-page=signup]){height:auto;overflow:auto;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;display:block}
  :is([data-mobile-page=login],[data-mobile-page=login_fixed]) .page{padding:0;min-height:0;width:100%}:is(.login-card,.signup-card){width:100%!important;max-width:440px!important;box-sizing:border-box;padding:28px 22px!important;margin:0 auto}:is(.login-card,.signup-card) input{scroll-margin:24px}.password-toggle{right:4px!important}.field-wrap:has(.password-toggle) input{padding-right:52px!important}:is([data-mobile-page=login],[data-mobile-page=login_fixed]) :is(.floating-quote,.quote,.scripture,.footer-line,.version){display:none!important}[data-mobile-page=signup] .footer{position:static;transform:none;left:auto;margin:20px auto;text-align:center}.auth-password-toggle{position:absolute;right:6px;top:8px;min-width:52px;min-height:44px;border:0;border-radius:10px;background:transparent;color:#59684d;font-size:12px}.field-wrap:has(.auth-password-toggle) input{padding-right:65px!important}


  :root{--mobile-nav-height:62px;--mobile-title:clamp(28px,7.6vw,32px);--mobile-section:25px;--mobile-card-title:22px;--mobile-copy:14px;--mobile-meta:12px;--mobile-radius:16px;--mobile-quiet:#65705c}
  .mobile-topbar{min-height:64px;padding-right:max(20px,env(safe-area-inset-right));padding-bottom:8px}
  .mobile-nav{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px));box-shadow:none}
  .mobile-tab{position:relative;isolation:isolate;gap:4px;min-height:54px;color:#626b5b;border-radius:0}
  .mobile-tab[aria-current=page]{background:transparent}
  .mobile-tab[aria-current=page]::before{position:absolute;content:'';z-index:-1;top:1px;width:48px;height:30px;border-radius:12px;background:#e9eddf}
  .mobile-tab svg{width:21px;height:21px}.mobile-tab.mobile-quick svg{width:24px;height:24px}
  .mobile-tab.mobile-quick span{font-weight:500}.mobile-tab[aria-current=page] span{font-weight:650}
  :is(h1,.page-header h1,.quick-header h1,.community-header h1,.detail-title){font-size:var(--mobile-title)!important;line-height:1.15!important;letter-spacing:-.8px!important}
  :is(.page-header,.detail-header,.quick-header){margin-bottom:20px}
  :is(.eyebrow,.section-kicker){margin-bottom:9px;line-height:1.4;letter-spacing:1.6px}
  :is(.subtitle,.detail-subtitle){margin-top:10px;font-size:var(--mobile-copy);line-height:1.55;color:var(--mobile-quiet)}
  :is(.primary-action,.secondary-action,.quiet-button){padding:10px 14px;border-radius:11px;font-size:13px;line-height:1.4}
  :is(.primary-action,.secondary-action,.quiet-button):active{transform:translateY(1px)}
  :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #687955;outline-offset:3px}
  :is(.text-action,.report-link,.leave-activity){font-size:12px;color:var(--mobile-quiet);min-height:44px}
  :is(.detail-copy,.activity-description,.story-text){color:var(--mobile-quiet);font-size:var(--mobile-copy);line-height:1.55}
  :is(.soft-panel,.activity-card,.circle-card){border-radius:var(--mobile-radius);box-shadow:none}
  select{padding:9px 12px;line-height:1.4;background-color:#fffefa;color:#47533d}
  html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
  dialog .dialog-top{margin-bottom:12px}dialog .dialog-copy{margin-bottom:16px}
  dialog :is(.dialog-inner,.dialog-content,.community-dialog){padding:20px!important}
  dialog .close-dialog,dialog .close{flex-shrink:0}

  /* Home keeps a figure and a clear next step within one phone view. */
  [data-mobile-page=index] .home{gap:16px}
  .home .journey-stage,.home .journey-stage .nashwa-character{height:210px!important}
  .home .journey-stage{max-width:300px}.home .journey-center::before{height:235px}
  .home .journey-title{font-size:22px!important;margin-top:0}
  .home .up-next{padding:16px 18px;border-radius:var(--mobile-radius)}
  .home .next-name{font-size:21px;line-height:1.2}.home .next-list{margin-top:6px}
  .home .next-item{gap:6px 14px}.home .next-item::after{align-self:center}
  .home .week{padding:0;border:0}.home .pact-today{font-size:22px;margin:7px 0}
  .home .week p{margin:7px 0;font-size:14px}.home .week a{margin-top:0}
  .home .home-community{padding:14px 0 0}.home .home-community p{margin:6px 0 0;line-height:1.5}
  .home .ascent-link{padding:14px 0}.home .ascent-name{font-size:22px}
  .home .home-reset{padding:0;border-top:0}.home .home-reset h2{font-size:22px}.home .home-reset p{margin:5px 0}

  /* Growth: browse intentions rather than oversized card stacks. */
  .mobile-segments{margin:16px 0 18px;padding:3px;border-radius:12px}
  .mobile-segments button{font-family:var(--n-font-ui);font-size:13px;border-radius:9px}
  .mobile-segments button[aria-selected=true]{box-shadow:none;background:#fffefa}
  [data-mobile-page=growth] .page-header{margin-bottom:0}
  [data-mobile-page=growth] .section-top{gap:10px;margin-bottom:12px;flex-wrap:nowrap}
  [data-mobile-page=growth] .section-title{font-size:var(--mobile-section)!important;font-weight:500;line-height:1.2}
  [data-mobile-page=growth] :is(.goal-grid,.pact-grid,.ascent-grid){gap:12px}
  [data-mobile-page=growth] :is(.goal-card,.pact-card,.ascent-card){padding:17px 18px;border-radius:var(--mobile-radius);box-shadow:none}
  [data-mobile-page=growth] :is(.goal-card,.pact-card,.ascent-card) h3{font-size:var(--mobile-card-title);font-weight:500;line-height:1.2;margin:7px 0}
  [data-mobile-page=growth] :is(.goal-type,.mode-label){font-family:var(--n-font-ui);font-size:10px;letter-spacing:1.2px}
  [data-mobile-page=growth] :is(.detail-copy,.goal-next,.goal-progress,.pact-rhythm,.pact-moment,.ascent-stats){font-family:var(--n-font-ui)}
  [data-mobile-page=growth] .detail-copy{margin:7px 0 12px;font-size:14px;line-height:1.5}
  [data-mobile-page=growth] :is(.goal-next,.goal-progress){font-size:12px;line-height:1.5;color:var(--mobile-quiet)}
  [data-mobile-page=growth] .goal-progress{margin-top:2px}
  [data-mobile-page=growth] .ascent-stats{display:block;margin:10px 0}.ascent-card .join{margin-top:10px}
  [data-mobile-page=growth] .pact-moment{margin-top:10px;padding-top:10px}

  /* Goal and Ascent: identity, today, reflection, reason, pause, management. */
  [data-mobile-page=goal] .back-link,[data-mobile-page=ascent] .back-link{margin-bottom:8px}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .detail-grid{gap:20px}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .stack{gap:12px}
  .next-step{padding:18px;gap:14px}.next-step h2{font-size:23px;line-height:1.25}
  .next-step .section-kicker{margin:0}.stack>.detail-copy{margin:0;font-size:12px}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .product-form{padding:16px 0;gap:9px}
  #growthReflection{min-height:80px;height:80px;transition:min-height .15s}
  #growthReflection:focus{min-height:136px}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .detail-grid>aside{padding:18px 0;border-radius:0;border:0;border-top:1px solid var(--n-line);background:none;box-shadow:none}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) aside .section-title{font-size:24px!important;line-height:1.3;letter-spacing:-.5px}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .quiet-card{padding:18px 0}
  :is([data-mobile-page=goal],[data-mobile-page=ascent]) .quiet-card .section-title{font-size:23px!important}
  [data-mobile-page=goal] .journey-tools{margin:8px 0 0;border-top:1px solid var(--n-line)}
  .journey-tools summary{gap:10px}.journey-tools summary::after{content:'+';margin-left:auto;font-size:20px}
  .journey-tools[open] summary::after{content:'−'}
  .circle-card{padding:18px}.circle-top h3{font-size:23px}.circle-reason{font-size:18px;line-height:1.4}
  [data-mobile-page=pact] .lobby-art{max-width:300px;margin:auto}.scene-caption{margin-bottom:8px}
  [data-mobile-page=pact] .today-panel{margin-top:14px;padding:18px;gap:14px}
  .pact-lower{gap:22px}.pact-finish{margin-top:24px;padding-top:16px}

  /* One distinct filter row; metadata is lighter than the activity itself. */
  .quick-header>button{margin-top:14px}.quick-header>div>p:last-child{font-size:14px;line-height:1.5;margin-top:10px}
  .filter-row{gap:8px;padding:10px 0;border-top:0}
  .filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding:3px 2px;scrollbar-width:thin;max-width:100%}
  .filter-tabs button{flex:0 0 auto;padding:8px 13px;border:1px solid var(--n-line);border-radius:22px;font-size:12px;color:#626c59;white-space:nowrap}
  .filter-tabs button.active{background:#e5eada;border-color:#88977a;color:#34452b;font-weight:600}
  .category-filter{min-height:44px}.category-filter select{width:65%;max-width:230px;background:transparent}
  .feed-heading{margin:18px 0 12px}.feed-summary{font-size:12px;color:var(--mobile-quiet)}
  .activity-feed{gap:12px}.activity-card{padding:17px}
  .activity-top h3{font-size:20px;line-height:1.25}.activity-top .source-chip{margin-top:6px;padding:3px 7px;font-size:10px}
  .activity-description{margin-top:9px;min-height:0}
  .activity-details{margin-top:12px;gap:5px}.activity-details span{padding:4px 6px;font-size:11px;background:transparent;color:#626e57}
  .activity-people{margin-top:12px;padding-top:11px}.person-token{width:26px;height:26px;flex-basis:26px}
  .activity-actions{margin-top:8px}.activity-actions .report-link{padding:8px;min-width:44px}
  .pending-section{margin-top:24px;padding-top:18px}.lobby-scene{margin:14px 0}

  /* Finite community reading, with safety and privacy close to each action. */
  .community-header{margin-bottom:12px}.community-note{color:var(--mobile-quiet);font-size:12px;margin-bottom:14px}
  .now-panel{padding:18px;gap:18px;border-radius:var(--mobile-radius)}
  .now-panel h2{font-size:26px!important;line-height:1.2}.now-panel>div>p:not(.section-kicker){line-height:1.55;margin:9px 0 14px}
  .now-presence{padding:13px 0 0}.now-presence strong{font-size:30px}.now-presence i{margin-top:12px}
  .now-presence :is(span,p){color:#647258;font-size:12px}
  .section-heading{gap:12px;margin-bottom:12px}.section-heading h2,.line-intro h2,.vent-copy h2{font-size:25px;line-height:1.2}
  .community-section{margin-top:26px}.community-story{padding:16px 0}.community-story h3{font-size:23px;margin:9px 0}
  .story-footer{margin-top:12px}.story-actions{margin-top:9px}.story-care{margin-top:4px;color:var(--mobile-quiet)}
  .line-section{margin:24px 0;padding:20px 0;gap:16px}.featured-line{padding:18px}.featured-line blockquote{font-size:23px}
  .vent-section{gap:16px;margin-top:24px}.vent-form{padding:0}.vent-safety{margin-top:14px!important;padding-top:10px;font-size:12px!important}
  .vent-form textarea{height:100px;min-height:100px}.vent-form textarea:focus{min-height:145px}
  .vent-form-actions{gap:12px;margin-top:14px}.vent-form-actions span{font-size:12px;color:var(--mobile-quiet)}
  .saved-writing{margin-top:22px;padding-top:8px}.mobile-caught-up{margin-top:22px;padding:18px 0 0}.community-storage{display:none}
  .vent-form .check-label{font-size:12px;min-height:44px;align-items:center;margin-top:12px}
  .vent-form .check-label input{width:20px;height:20px;margin:0}

  /* Journey keeps the character close to its first memory. */
  [data-mobile-page=journey] .journey-character{margin-bottom:14px}
  [data-mobile-page=journey] .journey-character .nashwa-character{width:230px;height:205px}
  [data-mobile-page=journey] .detail-header{margin-bottom:20px}
  [data-mobile-page=journey] .detail-title{font-size:var(--mobile-title)!important}
  [data-mobile-page=journey] .header-meta{margin-top:12px;padding-top:10px;min-width:0}
  .timeline-event{padding-bottom:24px}.timeline-content h2{font-size:21px}.timeline-content p{margin-top:6px;line-height:1.5}
  .timeline-mark{box-sizing:content-box}

  /* A single inbox title, recent people and relationship memories. */
  [data-mobile-page=messages] .mobile-topbar{gap:12px;justify-content:flex-start}
  [data-mobile-page=messages] .mobile-topbar .new-message{margin-left:auto;display:grid;place-items:center;width:44px;height:44px}
  [data-mobile-page=messages] .inbox-header{display:none}
  [data-mobile-page=messages] .inbox{padding:12px 20px 20px}
  [data-mobile-page=messages] .search{height:44px;min-height:44px;margin-bottom:18px;padding:0 12px;gap:8px}
  [data-mobile-page=messages] .search input{min-height:42px;background:transparent!important;width:100%;min-width:0;border:0;border-radius:0}
  [data-mobile-page=messages] .journey-people{gap:14px;padding-bottom:12px}
  [data-mobile-page=messages] .journey-contact{flex-basis:72px;min-width:72px;min-height:80px}
  [data-mobile-page=messages] .person-growth{font-size:10px;line-height:1.3;color:var(--mobile-quiet)}
  [data-mobile-page=messages] .together-card{height:180px;box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid var(--n-line);padding-bottom:0}
  [data-mobile-page=messages] .together-scroll>.together-section{min-height:180px;padding:10px 32px 32px 0;box-sizing:border-box}
  [data-mobile-page=messages] .together-indicator{width:44px;height:44px;min-height:44px}
  [data-mobile-page=messages] .together-indicators{right:-12px}
  [data-mobile-page=messages] .journey-open span{left:0;bottom:8px;font-size:12px}
  [data-mobile-page=messages] .together-heading{flex-wrap:wrap;gap:4px}
  [data-mobile-page=messages] .together-heading h3{font-size:21px}
  [data-mobile-page=messages] .journey-streak{font-size:11px;color:var(--mobile-quiet)}
  [data-mobile-page=messages] .journey-summary{font-size:12px;color:var(--mobile-quiet)}
  [data-mobile-page=messages] .journey-point{width:44px;height:44px}
  [data-mobile-page=messages] .conversation-title{border-top:0;padding-top:12px;margin-bottom:6px}
  [data-mobile-page=messages] .conversation{padding:12px 10px;min-height:72px;border-radius:12px}
  [data-mobile-page=messages] .chat-name{font-size:15px}.chat-preview{min-width:0}
  [data-mobile-page=messages] .chat-last{font-size:13px;line-height:1.4}
  [data-mobile-page=messages] .chat-header{flex-wrap:nowrap;min-height:64px}
  [data-mobile-page=messages] .chat-user{min-width:0}.chat-user-name{overflow-wrap:anywhere}
  [data-mobile-page=messages] .composer-wrap{flex-shrink:0}
  [data-mobile-page=messages] .demo-conversation-empty{padding:24px;max-width:100%}
  [data-mobile-page=messages] .inbox-note{padding-top:18px}


  :root{--mobile-control:44px;--mobile-section-gap:22px}
  [data-mobile-page=messages] .journey-graph{display:none}
  [data-mobile-page=messages] .together-heading{display:block;margin-top:12px}
  [data-mobile-page=messages] .journey-streak{display:block;margin-top:6px;font-size:12px}
  [data-mobile-page=messages] .journey-summary{margin-top:10px;font-size:13px;line-height:1.5}
  [data-mobile-page=messages] .chat-last{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  [data-mobile-page=messages] .chat-preview{flex:1}
  [data-mobile-page=pact] .promise-panel{background:transparent;padding-bottom:8px}
  [data-mobile-page=pact] .shared-reason{margin-bottom:18px;line-height:1.35}
  [data-mobile-page=pact] .shared-commitment{padding-top:16px}
  [data-mobile-page=pact] .pact-lower{margin-top:var(--mobile-section-gap)}
  [data-mobile-page=pact] .pact-chat-preview>.detail-copy{margin-bottom:12px}
  [data-mobile-page=pact] .history-age{margin-bottom:14px}
  .mobile-form-step[hidden]{display:none!important}
  .mobile-wizard .form-error{margin:12px 0 0;min-height:0}
  .mobile-step-label:focus{outline:none}
  .mode-row label{min-height:var(--mobile-control);display:inline-flex;align-items:center;gap:6px}
  #lobbyDialog .lobby-scene{padding:12px;margin:12px 0}
  #lobbyDialog .lobby-meta{gap:12px}
  #lobbyDialog .lobby-member-names{justify-content:space-around;gap:4px}
  #lobbyDialog .lobby-member-names span{flex:1;min-width:0;text-align:center;overflow-wrap:anywhere}
  #lobbyDialog .lobby-chat{margin-top:18px;padding-top:16px}
  :is(textarea,input,select){scroll-margin-block:80px}
  dialog :is(textarea,input,select){scroll-margin-block:24px}
  .vent-options{margin-top:16px}
  .vent-options label{font-size:12px;line-height:1.5}


  #goalDialog{inset:var(--mobile-view-top,0px) 0 auto!important;width:100%;max-width:none!important;height:var(--mobile-view-height,100dvh);max-height:var(--mobile-view-height,100dvh)!important;margin:0;border:0;border-radius:0!important;background:var(--n-bg,#f7f6f2)}
  #goalDialog .dialog-content{display:flex;min-height:100%;box-sizing:border-box;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom))!important}
  #goalDialog .dialog-copy{font-size:14px;line-height:1.55}
  #goalDialog .field{margin:12px 0}
  #goalDialog :is(input,textarea){font-size:16px;line-height:1.45}
  #goalDialog .choice-row{flex-wrap:wrap}
  #goalDialog .submit{min-height:48px;margin-top:auto}
  [data-mobile-page=growth] .goal-collection{gap:24px}
  [data-mobile-page=growth] .goal-state-title{font-size:10px}
  [data-mobile-page=growth] .goal-past{padding-top:14px}
  [data-mobile-page=goal] .goal-status{margin-top:10px}
  [data-mobile-page=goal] .goal-history{padding-top:18px}
  [data-mobile-page=goal] .goal-history-row{grid-template-columns:75px minmax(0,1fr);gap:10px;padding:14px 0}
  [data-mobile-page=goal] .goal-manage .product-form{padding-top:18px}
  [data-mobile-page=goal] .goal-manage-actions>*{width:100%;justify-content:center}
  .goal-complete-dialog{inset:auto 0 0;width:100%;max-width:none;margin:0;border-width:1px 0 0;border-radius:20px 20px 0 0}
  .goal-complete-dialog .dialog-content{padding:22px 20px max(22px,env(safe-area-inset-bottom))!important}
  .goal-dialog-actions>*{flex:1}

  /* Phone refinement: identity in the serif, utility in the system face. */
  :root{--mobile-space-sm:12px;--mobile-space-md:20px;--mobile-space-lg:28px}
  .mobile-nav{background:#faf9f6;min-height:62px}
  .mobile-tab{font-size:11px;transition:color .15s,background-color .15s}
  .mobile-tab:active{background:#e9eddf}
  .mobile-topbar{min-height:68px}
  :is(.detail-title,.pacts-header h1,.waves-header h1,.quick-header h1){text-wrap:balance;overflow-wrap:anywhere}
  :is(.detail-copy,.detail-subtitle,.activity-description,.story-text,.shared-reason,.chat-message p){overflow-wrap:anywhere}
  :is(.page-header,.detail-header,.quick-header,.community-header,.pacts-header,.waves-header) .eyebrow{color:var(--mobile-quiet)}
  :is(.primary-action,.secondary-action,.quiet-button,.text-action,.close-dialog,.back-link){font-family:var(--n-font-ui)}
  :is(.primary-action,.secondary-action):disabled{opacity:.7;cursor:default;transform:none}
  :is(.back-link,.report-link,.memory-controls button,.pact-manage summary,.goal-past summary){min-height:44px;display:inline-flex;align-items:center}
  .back-link{gap:6px;font-size:13px}
  dialog .close-dialog,dialog .close{min-width:44px;background:transparent}
  dialog :is(.wave-dialog-inner,.ripple-dialog-inner){padding:20px}
  .mobile-keyboard-open :is(.notice,.ui-notice,#waveNotice,#communityNotice){bottom:calc(var(--mobile-keyboard,0px) + 12px)!important}

  /* Home has one contained action, followed by open, quieter context. */
  [data-mobile-page=index] .home{gap:var(--mobile-space-lg)}
  .home .journey-stage,.home .journey-stage .nashwa-character{height:clamp(180px,29svh,255px)!important}
  .home .journey-title{font-size:26px!important;margin-top:8px;letter-spacing:-.7px}
  .mobile-character-stage{margin-top:4px;font-size:12px}
  .home .journey-cue{display:inline-block;opacity:1;transform:none;margin-top:10px;font:12px/1.4 var(--n-font-ui)}
  .home .up-next{padding:18px 20px;border-radius:14px}
  .home .next-item{padding:6px 0;min-height:64px}
  .home .next-name{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
  .home .next-time{font-family:var(--n-font-ui);font-size:13px}
  .home .next-item::after{content:'Begin ↗';font-size:13px}
  .home .week-panel{border-bottom:1px solid var(--n-line);padding-bottom:12px}
  .home .home-quick{order:4;margin:0;padding:0 0 16px;border-bottom:1px solid var(--n-line)}
  .home .home-quick a{display:block;min-height:44px;color:var(--n-quiet);font:22px/1.3 var(--n-font-story);text-decoration:none}
  .home .home-quick p:last-child{font:13px/1.5 var(--n-font-ui);color:var(--mobile-quiet)}
  .home .home-community{order:5;padding:0;border:0}
  .home .ascent-panel{order:6;border-top:1px solid var(--n-line)}
  .home .ascent-link{grid-template-columns:minmax(0,1fr);padding:18px 0 0}
  .home .ascent-dates{grid-column:1;grid-row:auto;font:12px/1.5 var(--n-font-ui)}
  .home .home-reset{order:7;align-items:center}

  /* Growth lists are open rows; Today remains the action surface on details. */
  [data-mobile-page=growth] .goal-grid{gap:0}
  [data-mobile-page=growth] .goal-card{padding:18px 2px;border:0;border-bottom:1px solid var(--n-line);border-radius:0;background:transparent}
  [data-mobile-page=growth] .goal-card:first-child{padding-top:4px}
  [data-mobile-page=growth] .goal-card h3{font-size:25px}
  [data-mobile-page=growth] .goal-card .detail-copy{margin:9px 0 12px;line-height:1.6}
  [data-mobile-page=growth] .goal-next{color:#47533d;font-size:13px}
  [data-mobile-page=growth] .goal-card:active{background:#edf0e6}
  [data-mobile-page=growth] .pact-card{background:#f0f2e9;border-color:#dce2d2}
  [data-mobile-page=growth] .ascent-card{border-radius:4px 14px 14px 4px;border-left:3px solid #97a188}
  [data-mobile-page=growth] :is(.ascent-detail,.ascent-pulse){font:12px/1.5 var(--n-font-ui);margin:8px 0;color:var(--mobile-quiet)}
  [data-mobile-page=growth] .mobile-segments{margin-bottom:24px}
  [data-mobile-page=goal] .next-step{border-radius:14px;background:#edf0e6;border-color:#dce2d2;align-items:stretch}
  [data-mobile-page=goal] .next-step>button{width:100%;justify-content:center}
  [data-mobile-page=goal] .goal-reflection textarea{transition:none}
  [data-mobile-page=goal] .goal-history-row time{font-size:11px;line-height:1.5}
  [data-mobile-page=goal] .form-note{font-size:12px;line-height:1.5}

  /* Keep the people and Today close together without changing Pact artwork. */
  [data-mobile-page=pact] .detail-pact-header{order:1;margin-top:0}
  [data-mobile-page=pact] .lobby-panel{order:2}
  [data-mobile-page=pact] .today-panel{order:3}
  [data-mobile-page=pact] .promise-panel{order:4;padding-top:22px}
  [data-mobile-page=pact] .pact-manage{order:6;margin-top:20px}
  [data-mobile-page=pact] .pact-scene{max-width:245px;margin:auto}
  [data-mobile-page=pact] .pact-scene[data-count="2"]{max-width:210px}
  [data-mobile-page=pact] .lobby-art{max-width:none}
  [data-mobile-page=pact] .scene-caption{margin-top:0}
  [data-mobile-page=pact] .shared-reason{font-size:22px!important;line-height:1.4}
  [data-mobile-page=pact] .today-panel h2{font-size:22px;line-height:1.3}
  .pact-today-members{list-style:none;padding:0;margin:14px 0;display:grid;gap:8px}
  .pact-member-status{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5}
  .pact-member-status strong{font-weight:600}.pact-member-status span{color:var(--n-muted)}
  [data-mobile-page=pact] .preview-note{font-size:11px;line-height:1.55}
  .pact-chat{min-width:0}.pact-chat input{min-width:0}
  .circle-card .circle-top{padding:0}.circle-card .circle-reason{font-size:19px}
  [data-mobile-page=ascent] .next-step h2{font-size:24px}
  [data-mobile-page=ascent] .next-step>button{width:100%}

  /* Availability comes before metadata on temporary activities. */
  .quick-header h1{max-width:15ch}.quick-header>button{width:100%;min-height:48px}
  .filter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible}
  .filter-tabs button{padding:7px 3px;font-size:11px;white-space:normal;line-height:1.25}
  .category-filter select{border-width:0 0 1px;border-radius:0;max-width:none}
  .activity-top h3{font-size:21px;letter-spacing:-.3px}
  .activity-details{column-gap:12px;row-gap:4px}
  .activity-details span{padding:0;border-radius:0;border:0;font-size:12px}
  .activity-details span:first-child{background:transparent;color:#4f6041}
  .activity-actions{gap:20px;align-items:center}.activity-actions>.primary-action{flex:1;justify-content:center}
  .activity-actions>.report-link{flex:0 0 54px;margin-left:auto;text-align:center}
  .mobile-wizard .mobile-step-controls{margin-top:18px}
  .lobby-chat-form{flex-wrap:wrap}.lobby-chat-form input{flex:1 1 190px}

  /* Shared moments lead into finite, journal-like reading. */
  .community-header>div>p:last-child{font-size:19px;line-height:1.45;margin-top:12px}
  .community-note{font-size:11px;line-height:1.5;margin:8px 0 18px}
  .now-presence{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px}
  .now-presence strong{font-size:28px;grid-row:1/3}.now-presence i{display:none}
  .now-presence p{margin:0;grid-column:2}.now-presence span{font-size:12px}
  .section-heading{flex-wrap:wrap;align-items:flex-start}
  .community-story .story-text{font-size:15px;line-height:1.7;max-width:38ch}
  .story-footer{font-size:12px}.story-actions{flex-wrap:wrap;gap:8px}
  .reaction-button{border-color:var(--n-line);background:transparent}
  .vent-form .check-label{gap:12px;font-size:13px;line-height:1.5}
  .vent-form .check-label input{flex:0 0 22px;width:22px;height:22px}
  .vent-form textarea:focus{min-height:100px}
  .vent-form-actions{align-items:flex-start;flex-direction:column}.vent-form-actions button{width:100%}
  .mobile-caught-up{text-align:center;padding:28px 16px;border-block:1px solid var(--n-line);font:21px/1.5 var(--n-font-story);color:#4c5942}
  .community-storage{display:block;margin-top:16px;font-size:11px;line-height:1.6}
  .main-wave-copy{padding:20px}.main-wave h2{font-size:30px!important;text-wrap:balance}
  .wave-crowd{max-height:190px}.wave-crowd svg{max-height:180px}
  .demo-strip{flex-wrap:wrap;gap:8px;font-size:11px}
  .main-wave-bottom{flex-wrap:wrap;padding:16px 20px}

  /* The same figure, with room for memories rather than a profile scorecard. */
  [data-mobile-page=journey] .journey-character .nashwa-character{height:clamp(155px,24svh,220px);width:240px}
  [data-mobile-page=journey] .detail-title{max-width:14ch;text-wrap:balance}
  [data-mobile-page=journey] .header-meta{display:flex;align-items:baseline;gap:10px;font:12px/1.5 var(--n-font-ui);border:0;padding-top:0}
  [data-mobile-page=journey] .header-meta strong{font:17px/1.5 var(--n-font-story)}
  .timeline-date{font:11px/1.4 var(--n-font-ui);letter-spacing:1px}
  .timeline-event{padding-bottom:28px}.timeline-content h2{font-size:22px;font-weight:400}
  .timeline-content>a{margin-top:4px;font-size:12px}.timeline-content p{font-size:14px}
  [data-mobile-page=messages] .messages-app{height:calc(var(--mobile-view-height,100dvh) - 68px - env(safe-area-inset-top,0px) - var(--mobile-bottom))}
  [data-mobile-page=messages] .messages-app.chat-open{height:var(--mobile-view-height,100dvh)}
  [data-mobile-page=messages] .conversation .chat-avatar{width:40px;height:40px;flex:0 0 40px}
  [data-mobile-page=messages] .chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  [data-mobile-page=relax] .album{max-width:min(240px,55svh);margin-inline:auto}
  [data-mobile-page=relax] .player{gap:20px}

  /* Onboarding participates in keyboard handling, without app navigation. */
  .onboarding-page .onboarding{min-height:var(--mobile-view-height,100dvh);padding-top:max(16px,env(safe-area-inset-top))}
  .onboarding-page .onboarding-screen{padding-block:28px 22px;justify-content:center}
  .onboarding-page .onboarding h1{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.16!important;text-wrap:balance}
  .onboarding-page .onboarding-copy{font-size:15px;line-height:1.6}
  .onboarding-page .final-character{height:clamp(145px,25svh,220px);width:230px;margin-block:16px 8px}
  .onboarding-page .privacy-note{font-size:12px;margin-top:16px}
  .onboarding-page .onboarding-actions{gap:12px;padding-top:12px}
  .onboarding-page .onboarding-continue{min-height:48px;min-width:150px}
  .onboarding-page.mobile-keyboard-open .onboarding-screen{justify-content:flex-start;padding-top:16px}
  .onboarding-page .onboarding-continue:focus-visible,.onboarding-page .choice:focus-visible{outline:2px solid #687955;outline-offset:3px}

}

@media(max-width:768px) and (max-height:650px){
  .home .journey-stage,.home .journey-stage .nashwa-character{height:155px!important}
  [data-mobile-page=index] .home{gap:18px}.home .journey-cue{margin-top:4px}
  .onboarding-page .onboarding-screen{padding-block:16px}.onboarding-page .final-character{height:140px}
  [data-mobile-page=journey] .journey-character .nashwa-character{height:150px}
}

@media(max-width:768px) and (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}