/* R630 AI COACH v0.7: uncluttered AI-first phone experience. */
.view#home-view{padding-top:6px}
.ux-hero{padding:23px 15px 20px;background:linear-gradient(148deg,#1c2e20 0%,#17211b 42%,#111915 100%);border-radius:17px;border:1px solid #304332}
.ux-eyebrow{color:#d1fc57;font-size:10px;font-weight:850;letter-spacing:.13em}
.ux-hero h1{font-weight:950;letter-spacing:-.052em;color:#f8faf7;font-size:clamp(28px,7.3vw,39px);line-height:1.18;margin:17px 0 11px}
.ux-hero h1 span{display:block;color:#d1fc57;font-size:clamp(19px,5.1vw,24px);margin-top:8px}
.ux-hero>p{color:#b9cbbd;font-size:12px;line-height:1.65;margin:0 0 20px}
.ux-textbtn{border:0;background:transparent;color:#d1fc57;font-size:12px;font-weight:750;padding:4px;cursor:pointer}
.ux-ai-greeting{padding:13px 0 15px;color:#eff8ee;font-size:15px;line-height:1.7;border-top:1px solid #3b4e3b}
.ux-chatlog{display:grid;gap:9px;max-height:345px;overflow:auto;padding:12px 0;border-top:1px solid #3b4e3b}
.ux-msg{padding:10px 13px;border-radius:12px;background:#2a3830;color:#f2f8f2;font-size:13px;line-height:1.65;white-space:normal;max-width:92%;word-break:break-word}
.ux-msg span{display:block;font-size:9px;letter-spacing:.1em;color:#bed3bd;font-weight:900;margin-bottom:3px}
.ux-msg.ux-me{background:#d2fc53;color:#202920;margin-left:auto}.ux-msg.ux-me span{color:#3c4e22}
.ux-compose{display:flex;align-items:stretch;gap:8px}
.ux-compose input{flex:1;min-width:0;font-size:15px;min-height:53px;border-color:#576957;background:#101812}
.ux-compose button,.ux-planbutton,.ux-save-photo,.ux-basic-btn{background:#d1fc57;color:#17200c;font-weight:900;border:0;border-radius:11px;cursor:pointer}
.ux-compose button{font-size:13px;min-width:84px;padding:0 13px}
.ux-compose button:disabled{opacity:.65}
.ux-main-cta{margin-top:12px}
.ux-planbutton{font-size:15px;min-height:58px;padding:14px 15px;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:5px}
.ux-planbutton span{font-size:20px}
.ux-quick{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:12px 0 0}
.ux-quick button{flex:none;border-radius:24px;background:#27352c;color:#edf5e9;border:1px solid #49614a;padding:9px 11px;font-weight:750;font-size:11px}
.ux-hero .ai-plan-result{margin-top:14px}
.ux-actions,.ux-dashboard{padding:19px 3px 0}
.ux-actions>h2,.ux-dashboard h2,.ux-sectiontitle h2,.ux-list h2{font-size:18px;font-weight:850;color:#f0f6f0;letter-spacing:-.02em;margin:0 0 12px}
.ux-photoactions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ux-photoactions button{border:1px solid #486448;border-radius:14px;background:#1a2920;display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;color:#f5f8f4;min-height:122px;padding:16px 13px}
.ux-act-ico{color:#d1fc57;font-size:29px;font-weight:500;line-height:1;margin-bottom:3px}
.ux-photoactions button strong{font-size:15px}
.ux-photoactions button small{font-size:10px;color:#b5c9b6}
.ux-miniroot{margin:10px 0 0}
.ux-miniroot button{width:100%;border:1px solid #405546;background:transparent;border-radius:11px;padding:13px 14px;color:#d1fc57;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:13px}
.ux-sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:9px}
.ux-sectiontitle span{font-size:10px;color:#91a894}
.ux-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ux-pair>div{padding:16px 12px;border-top:1px solid #39463c;display:flex;flex-direction:column;gap:7px}
.ux-pair small{color:#aebdaf;font-size:11px}
.ux-pair strong{font-size:30px;font-weight:900;letter-spacing:-.04em;color:#f5faf0}
.ux-pair em{font-style:normal;font-weight:650;font-size:12px;color:#afc2a9;margin-left:4px}
.ux-pair span{font-size:11px;color:#aebfaf}
.ux-mini-chart{margin:0 0 8px;border-bottom:1px solid #334236}
.ux-graph svg{display:block;width:100%;height:auto;max-height:172px}
.ux-graph-value{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:0 15px 13px}
.ux-graph-value strong{font-size:23px;color:#d0fc57}
.ux-graph-value span{color:#a6bbaa;font-size:11px}
.ux-single{display:flex;align-items:center;gap:13px;padding:20px 12px}.ux-single strong{font-size:27px;color:#d0fc57}.ux-single small{color:#b5c2b3}
.ux-empty{color:#a9b9a9;padding:28px 12px;font-size:12px}
.ux-links{display:flex;gap:8px;margin:15px 3px}
.ux-links button{flex:1;border:1px solid #405645;border-radius:11px;color:#e7f0e7;background:#1b261e;padding:12px 5px;font-size:11px;font-weight:800}
.ux-chart-section{padding:5px 0 20px}
.ux-chartblock{border:1px solid #3b5040;border-radius:14px;background:#1a261d;padding:15px;margin:12px 0}
.ux-charthead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.ux-charthead strong{font-size:14px}
.ux-charthead span{font-size:10px;color:#9cae9f}
.ux-select{max-width:150px;min-width:0;font-size:11px;padding:6px 8px}
.ux-well>h1{font-size:29px;letter-spacing:-.035em;margin:8px 0}
.ux-well>p{font-size:12px;color:#b7c9bb;margin:0 0 19px}
.ux-well-stats{margin:16px 0}
.ux-manual{border:1px solid #3a4d3f;border-radius:12px;padding:15px;margin:15px 0}
.ux-manual summary{cursor:pointer;color:#d1fc57;font-size:13px;font-weight:800}
.ux-manual-forms{display:grid;gap:17px;margin-top:16px}
.ux-manual form{display:grid;gap:10px;border-bottom:1px solid #334439;padding-bottom:12px}
.ux-manual form:last-child{border:0}
.ux-manual form strong{font-size:15px}
.ux-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ux-manual label,.ux-ai-result label{font-size:11px;color:#b9cbbb;display:grid;gap:5px}
.ux-basic-btn{padding:12px}
.ux-list{margin:20px 0}
.ux-mealrow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #304335;padding:12px 0;font-size:13px}
.ux-mealrow strong{display:block}.ux-mealrow small{display:block;color:#a6b8a9;font-size:10px;margin-top:4px}
.ux-photo-modal{max-height:calc(100dvh - 25px);overflow:auto}
.ux-photo-modal h2{font-size:22px;margin:9px 0}
.ux-photo-modal p{font-size:12px;color:#bdcebf;line-height:1.7}
.ux-filepick{border:1px dashed #91ad5c;background:#273c29;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;color:#e3ffba;font-weight:800;font-size:13px;padding:20px 12px;position:relative;overflow:hidden}
.ux-filepick>span{font-size:22px}.ux-filepick input{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer}
.ux-photo-preview{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:12px auto;border-radius:11px}
.ux-photo-loading{color:#d1fc57!important;text-align:center}
.ux-ai-result{display:grid;gap:11px;margin:15px 0 10px}
.ux-ai-result>strong{font-size:15px;color:#ecffd2}
.ux-ai-result>p{margin:0}
.ux-ai-result .input{width:100%}
.ux-save-photo{padding:14px 16px;font-size:14px;margin-top:5px}
.ux-secondary{border:0;color:#a9bcae;background:transparent;padding:12px;cursor:pointer;width:100%}
body.signed-in .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:370px){.ux-hero{padding:17px 11px}.ux-hero h1{font-size:26px}.ux-compose button{min-width:75px;padding:0 8px}.ux-photoactions button{padding:14px 10px}.ux-photoactions button strong{font-size:13px}}

/* v1.0.1 legible axes */
.ux-chart-description{font-size:11px;line-height:1.6;color:#acbfae;margin:0 0 8px}.ux-graph-axis svg{max-height:210px}.ux-graph-axis .ux-graph-value{padding-top:2px}