/* A dedicated mobile composition, sharing the data and interaction engine. */
body.mobile-app{max-width:520px;margin:0 auto;padding-bottom:78px;background:#f7f7f0;min-height:100dvh}.mobile-app .sidebar{position:sticky;inset:auto;top:0;left:auto;right:auto;width:100%;height:62px;padding:12px 18px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#f5f6ed;border-right:0;border-bottom:1px solid #e1e7d8;z-index:20}.mobile-app .sidebar:after{display:none}.mobile-app .sidebar .brand{font-size:24px;gap:10px}.mobile-app .brand-icon{width:35px;height:35px;border-radius:12px}.mobile-app .brand small{font-size:7px;margin-top:3px}.mobile-web-link{font-size:10px;color:#88997a;padding:6px 10px;border:1px solid #dbe3d0;border-radius:20px}.mobile-app .nav-label,.mobile-app .sidebar-bottom{display:none}.mobile-app .sidebar nav{position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(100%,520px);height:68px;display:flex;flex-direction:row;justify-content:space-around;gap:0;margin:0;padding:5px 9px 12px;background:#fafbf5f5;border-top:1px solid #e1e8d7;backdrop-filter:blur(12px);z-index:40}.mobile-app .sidebar nav a{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;line-height:1.5;gap:5px;padding:5px 0;border-radius:10px;white-space:nowrap}.mobile-app .sidebar nav .icon{width:18px;height:18px}.mobile-app nav .nav-dot{display:none!important}.mobile-app .workspace{margin:0;padding:0 15px;width:100%;max-width:none;min-height:0}.mobile-app .workspace header,.mobile-app .workspace footer,.mobile-app #demo-banner{display:none!important}.mobile-app main{margin:23px auto 0;min-height:0;max-width:none}.mobile-app .page-intro h1{font-size:26px;line-height:1.5}.mobile-app .page-intro>p:last-child{font-size:12px;line-height:1.8}.mobile-app .page-intro .eyebrow{font-size:8px;letter-spacing:1.5px}.mobile-app .companion-intro{margin-bottom:23px}.mobile-app .card{padding:22px 18px;border-radius:15px}.mobile-app .companion-aside{display:none}.mobile-app[data-page=talk]{padding-bottom:0}.mobile-app[data-page=talk] main{margin-top:14px}.mobile-talk-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 3px 13px}.mobile-talk-title>div>p{font-size:10px;color:#94a184;margin:0 0 3px;line-height:1.5}.mobile-talk-title h1{font-size:24px;line-height:1.45;margin:0;font-family:var(--serif);font-weight:500;letter-spacing:0}.mobile-talk-title>button{width:26px;height:26px;border:1px solid #d6e0c9;border-radius:50%;padding:0;color:#95a681;font:14px Georgia;flex-shrink:0}.mobile-state-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 11px;background:#eaf0df;border:1px solid #e0e8d3;border-radius:9px;margin-bottom:12px;color:#7f946c;font-size:9px;line-height:1.7}.mobile-state-strip>span{display:flex;align-items:center;gap:5px}.mobile-state-strip .icon{height:12px;width:12px}.mobile-state-strip b{font-size:17px;font-weight:400;line-height:1}.mobile-app .mobile-conversation .conversation.card{height:calc(var(--mobile-viewport,100dvh) - 255px);min-height:250px;padding:0;border-radius:15px;background:#fffefa;border:1px solid #e0e6d5;display:flex;flex-direction:column}.mobile-chat-presence{padding:10px 13px;border-bottom:1px solid #e7ecdf;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.mobile-chat-presence>span{font-size:10px;color:#78935f;display:flex;align-items:center;gap:6px}.mobile-chat-presence i{width:4px;height:4px;background:#8ba56f;border-radius:50%}.mobile-chat-presence small{font-size:8px;color:#a1ad92}.mobile-app .chat-stream{padding:17px 12px}.mobile-welcome{padding:16px 6px 10px}.mobile-welcome>img{width:47px;height:47px;border-radius:16px;margin-bottom:17px}.mobile-welcome h2{font:24px/1.5 var(--serif);color:#3d5634;margin-bottom:11px}.mobile-welcome>p{font-size:12px;line-height:1.9;color:#899b78;margin-bottom:20px}.mobile-starters{display:flex;gap:7px;flex-wrap:wrap}.mobile-starters button{font-size:10px;padding:7px 12px;border:1px solid #dfe7d4;background:#f2f6e9;color:#7f966a;border-radius:20px}.mobile-scenarios{margin-top:24px;padding-top:17px;border-top:1px dashed #e3ead8}.mobile-scenarios>span{font-size:9px;color:#a0ae91;display:block;margin-bottom:10px}.mobile-scenarios>div{display:flex;gap:7px;flex-wrap:wrap}.mobile-scenarios button{font-size:9px;border:1px solid #e4e9dc;color:#9aab87;padding:5px 8px;border-radius:6px}.mobile-app .chat-compose{padding:9px 10px 10px}.mobile-app .chat-compose form{padding:10px 11px 7px}.mobile-app .chat-compose textarea{font-size:13px;line-height:1.8;min-height:38px;max-height:90px}.mobile-app .compose-bottom{margin-top:3px}.mobile-app .compose-tools{gap:17px}.mobile-app .compose-tools button{font-size:10px;gap:6px}.mobile-app .compose-tools .icon{width:15px;height:15px}.mobile-app .send-button{width:32px;height:32px;border-radius:10px}.mobile-app .compose-footnote{font-size:7px;color:#a7b397;line-height:1.6;margin-top:7px}.mobile-app .chat-message .message-bubble p{font-size:12px;line-height:1.9;color:#5b7050}.mobile-app .chat-message .message-bubble{padding:11px 13px}.mobile-app .chat-message{gap:7px;margin-bottom:20px}.mobile-app .assistant-avatar{width:23px;height:23px;border-radius:8px}.mobile-app .chat-message.user{margin-left:28px}.mobile-app .understanding-note>span{font-size:8px}.mobile-app .understanding-note>strong{font-size:10px}.mobile-app .understanding-note em{font-size:8px}.mobile-app .understanding-note small{width:100%;font-size:8px;margin-left:0}.mobile-app .message-actions{gap:10px}.mobile-app .message-actions button{font-size:9px}.mobile-app .chat-card-stack{display:grid;grid-template-columns:1fr;gap:10px}.mobile-app .chat-card-stack .action-card{padding:14px}.mobile-app .chat-card-stack .action-card h3{font-size:18px}.mobile-app .chat-card-stack .action-description{font-size:11px;color:#82966e;display:block}.mobile-app .chat-card-stack .action-subtitle{font-size:10px}.mobile-app .chat-card-stack .action-card details{font-size:9px}.mobile-app .card-add{font-size:10px}.mobile-app .care-page-toolbar{font-size:10px;align-items:flex-start;gap:10px}.mobile-app .care-page-toolbar button{font-size:10px;white-space:nowrap}.mobile-app .section-title-row h2{font-size:18px}.mobile-app .section-title-row>span{font-size:9px;text-align:right}.mobile-app .section-title-row button{font-size:9px}.mobile-app .recommendation-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:8px}.mobile-app .recommendation-grid>.action-card{flex:0 0 86%;min-width:0;scroll-snap-align:start;display:flex;padding:23px}.mobile-app .recommendation-grid .action-card h3{font-size:23px}.mobile-app .recommendation-grid .action-description{font-size:12px;line-height:1.9}.mobile-app .action-subtitle{font-size:11px}.mobile-app .action-card-top>span:nth-child(2){font-size:12px}.mobile-app .action-card details{font-size:10px}.mobile-app .plan-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:21px 17px}.mobile-app .plan-time{display:flex;flex-direction:row;gap:14px;align-items:center;grid-column:1/-1;border-right:0;border-bottom:1px solid #e0e8d5;padding:0 0 13px;min-width:0}.mobile-app .plan-time strong{font-size:27px}.mobile-app .plan-time span{font-size:10px}.mobile-app .plan-content h3{font-size:20px}.mobile-app .plan-content p{font-size:11px}.mobile-app .plan-row-actions{gap:11px;font-size:10px}.mobile-app .plan-row-actions button{font-size:10px}.mobile-app .plan-done{font-size:10px;align-self:start}.mobile-app .plan-empty{padding:22px 19px;gap:17px}.mobile-app .plan-empty h3{font-size:19px}.mobile-app .plan-empty p{font-size:11px}.mobile-app .small-practice{font-size:11px;gap:10px}.mobile-app .small-practice small{font-size:9px}.mobile-app .health-source-banner{display:block;padding:13px;font-size:11px;line-height:1.8}.mobile-app .health-source-banner>strong{font-size:8px;display:block;margin:6px 0 0 21px}.mobile-app .health-metrics{grid-template-columns:1fr 1fr;gap:11px}.mobile-app .health-metrics section{padding:18px 15px;border-radius:13px;gap:9px}.mobile-app .health-metrics section>span{font-size:11px}.mobile-app .health-metrics section>small{font-size:9px}.mobile-app .health-metrics strong{font-size:24px}.mobile-app .health-metrics .metric-word{font-size:21px}.mobile-app .health-layout{display:block}.mobile-app .health-layout>aside{display:block;margin-top:20px}.mobile-app .setting-grid{grid-template-columns:1fr;gap:20px}.mobile-app .settings-form label{font-size:12px}.mobile-app .settings-form input:not([type=checkbox]):not([type=file]),.mobile-app .settings-form select{font-size:13px;min-height:45px;padding:12px}.mobile-app .settings-form textarea{font-size:13px}.mobile-app .switch-label strong{font-size:12px}.mobile-app .switch-label small{font-size:10px}.mobile-app .connections h2{font-size:23px}.mobile-app .connections>p:not(.eyebrow){font-size:12px}.mobile-app .connection-row strong{font-size:13px}.mobile-app .connection-row small{font-size:10px}.mobile-app .connection-button{font-size:10px;padding:7px 10px}.mobile-app .model-note{padding:25px 6px}.mobile-app .model-note>p{font-size:11px}.mobile-app .model-chips>span{font-size:10px}.mobile-app .memory-card{margin-top:22px}.mobile-app .memory-card .panel-title h2{font-size:21px}.mobile-app .memory-grid{grid-template-columns:1fr;gap:18px}.mobile-app .memory-grid>div{gap:7px}.mobile-app .memory-grid strong{font-size:13px}.mobile-app .memory-grid small{font-size:10px}.mobile-app .memory-description{font-size:11px}.mobile-app .memory-grid span{font-size:11px}.mobile-app .insight-layout{display:block}.mobile-app .insight-layout>.card{margin-bottom:17px}.mobile-app .insight-note{font-size:10px;line-height:1.9}.mobile-app .chart{height:auto;max-height:240px}.mobile-app .insight-card p{font-size:12px}.mobile-app .body-insight-heading h2{font-size:20px}.mobile-app .body-insight>p{font-size:12px}.mobile-app .body-insight details{font-size:11px}.mobile-app .body-insight details p{font-size:11px}.mobile-app .observation-feedback button{font-size:10px;padding:7px 10px}.mobile-app .observation-feedback>span{font-size:11px;width:100%}.mobile-app .correlation-strip{gap:8px}.mobile-app .correlation-strip small,.mobile-app .correlation-strip span{font-size:9px}.mobile-app .page-heading{display:flex;align-items:flex-start;gap:10px}.mobile-app .page-heading .page-intro{min-width:0}.mobile-app .page-heading>.secondary{font-size:10px;white-space:nowrap;padding:8px 11px}.mobile-app .diary-entry-points{display:block}.mobile-app .diary-entry-points>button{font-size:12px}.mobile-app .diary-entry-points>span{display:block;font-size:10px;margin-top:8px}.mobile-app .diary-entry{grid-template-columns:45px 1fr;gap:15px;padding:21px 16px}.mobile-app .diary-date{padding-right:10px;font-size:9px}.mobile-app .diary-date strong{font-size:26px}.mobile-app .entry-head{gap:7px;flex-wrap:wrap}.mobile-app .entry-head strong{font-size:13px}.mobile-app .entry-head .face{width:27px;height:27px}.mobile-app .entry-head time{font-size:9px}.mobile-app .entry-actions{width:100%;margin-left:34px}.mobile-app .entry-text{font-size:13px;line-height:1.9}.mobile-app .feedback-line{font-size:11px}.mobile-app .tag{font-size:10px}.mobile-app dialog{width:min(460px,calc(100% - 24px));padding:33px 22px;max-height:90dvh}.mobile-app .detail-dialog>h2{font-size:24px}.mobile-app .detail-dialog>p{font-size:12px;line-height:1.9}.mobile-app .guide-flow{grid-template-columns:1fr 1fr}.mobile-app .guide-flow p{font-size:10px}.mobile-app .guide-table{font-size:10px}.mobile-app .guide-table th{width:80px}.mobile-app .guide-table th,.mobile-app .guide-table td{padding:11px 9px}.mobile-app .guide-slogan{font-size:22px}.mobile-app #toast{left:50%;bottom:83px;font-size:12px;max-width:min(90vw,480px)}.mobile-independent-link{display:inline-block;font-size:12px;color:#738d60;border-bottom:1px solid #cddbc0;padding-bottom:5px;margin:0 0 18px}.phone-demo-story .phone-demo-label{display:block;width:fit-content}
@media(max-height:600px){.mobile-app[data-page=talk] .mobile-talk-title,.mobile-app[data-page=talk] .mobile-state-strip{display:none}.mobile-app .mobile-conversation .conversation.card{height:calc(var(--mobile-viewport,100dvh) - 150px);min-height:180px}.mobile-app .mobile-welcome{padding-top:8px}.mobile-app .mobile-welcome>img{display:none}}

.mobile-top-actions{display:flex;align-items:center;gap:9px}.mobile-top-actions>button{font-size:20px;line-height:1;padding:2px 4px;color:#8a9e78}.mobile-menu{display:grid;margin:23px 0}.mobile-menu button,.mobile-menu a{padding:15px 0;border-bottom:1px solid #e0e8d5;font-size:13px;color:#77945f;display:flex;justify-content:space-between;text-align:left}.mobile-menu span{color:#a1b58a}
.mobile-app .mobile-card-controls{display:flex;justify-content:space-between;align-items:center;margin:-2px 0 12px;color:#9aaa8a;font-size:10px}.mobile-card-controls>div{display:flex;gap:7px}.mobile-card-controls button{height:26px;width:26px;border:1px solid #d7e1cb;border-radius:50%;color:#91a57c;font:19px Georgia;padding:0;line-height:1}

/* Keep one shared gutter from the page heading through the final card. */
.mobile-app .workspace{padding:0 22px}.mobile-app .sidebar{padding-left:22px;padding-right:22px}
.mobile-app main{margin-top:28px;padding-bottom:28px}.mobile-app .page-intro{margin-bottom:26px}
.mobile-app .page-intro h1{font-size:25px;line-height:1.55;letter-spacing:0;margin-bottom:14px;text-wrap:balance}
.mobile-app .page-intro>p:last-child{font-size:12px;line-height:1.9;margin-bottom:0}
.mobile-app .health-source-banner{padding:15px 16px;margin-bottom:22px}
.mobile-app .health-metrics{gap:12px;margin-bottom:24px}.mobile-app .health-metrics section{min-width:0;padding:20px 16px;gap:11px}
.mobile-app .health-metrics strong{font-size:23px;letter-spacing:-.5px}.mobile-app .health-metrics .metric-word{font-size:21px}
.mobile-app .health-layout>.card{padding:24px 20px}.mobile-app .panel-title{gap:10px;align-items:flex-start}
.mobile-app .sidebar nav{height:76px;padding:8px 10px max(10px,env(safe-area-inset-bottom));align-items:center}
.mobile-app .sidebar nav a{height:54px;font-size:10px;gap:4px;flex:1;min-width:0}
.mobile-app .sidebar nav a[data-page=talk]{height:64px;margin-top:-15px;gap:3px;font-weight:600;color:#526f40;background:transparent}
.mobile-app .sidebar nav a[data-page=talk] .icon{width:38px;height:34px;padding:7px 9px;border-radius:13px;background:#dfe8d3;box-shadow:0 0 0 5px #fafbf5}
.mobile-app .sidebar nav a[data-page=talk].active .icon{background:#58774a;color:#fffefa}
.mobile-app[data-page=talk] main{padding-bottom:0}.mobile-app .mobile-conversation .conversation.card{height:calc(var(--mobile-viewport,100dvh) - 265px)}
.mobile-app:not([data-page=talk]){padding-bottom:86px}.mobile-app #toast{bottom:90px}
@media(max-width:360px){.mobile-app .workspace{padding:0 18px}.mobile-app .sidebar{padding-left:18px;padding-right:18px}.mobile-app .health-metrics section{padding:18px 12px}.mobile-app .health-metrics strong{font-size:21px}.mobile-app .page-intro h1{font-size:23px}}
@media(max-height:600px){.mobile-app .mobile-conversation .conversation.card{height:calc(var(--mobile-viewport,100dvh) - 160px)}}