:root{font-family:'Be Vietnam Pro',sans-serif;color:#1c2b40;background:#f5f8fc;font-synthesis:none;--primary:#1c57a0;--primary-dark:#17365f;--primary-light:#e6edf6;--muted:#505f74;--border:#ccd6e5;--orange:#b85b09;--parallax-x:0px;--parallax-y:0px;--keyboard-inset:0px;--visible-height:100dvh}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled),a{transition:background .18s,color .18s,box-shadow .18s,transform .18s}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1c57a0;outline-offset:3px}button:hover:not(:disabled){filter:brightness(.98)}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,h4,p{margin:0}img,svg{display:block}svg.icon{flex-shrink:0;display:inline-block;vertical-align:middle}button .icon{pointer-events:none}[hidden]{display:none!important}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}input,textarea{min-width:0}::selection{background:#c4d3e8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 18px;border-radius:10px;background:var(--primary);color:white}.skip-link:focus{top:12px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:9px;color:var(--muted)}.icon-button:hover{background:#ebeff4}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:10px;font-size:12px;font-weight:600;line-height:1.4}.button.primary{background:var(--primary);color:#fff;box-shadow:0 3px 6px #1c57a013}.button.primary:hover{background:#164681}.button.secondary{background:white;border:1px solid #d3dce8;color:var(--primary-dark)}.button.secondary:hover{background:#f4f7fb}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:12px;font-weight:600;padding:10px 0}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:var(--primary);line-height:1.5}
.site-header{position:relative;z-index:4;height:82px;background:#ffffffb8;border-bottom:1px solid #e0e6ef}.header-inner{height:100%;max-width:1328px;padding:0 44px;margin:auto;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand-name{font-size:25px;font-weight:700;letter-spacing:-1.5px;line-height:1}.brand-period{color:var(--primary)}.header-tagline{font-size:11px;color:#62748d;padding-left:24px;border-left:1px solid #d8e0eb}.demo-info{margin-left:auto;position:relative}.demo-info>summary{display:flex;align-items:center;gap:8px;border:1px solid #d8e0eb;border-radius:99px;padding:7px 12px;color:#4b596d;font-size:10px;background:#fbfcfd}.demo-info>summary svg{width:13px;height:13px;color:#667994}.demo-dot{width:5px;height:5px;border-radius:50%;background:#798da8}.demo-info-panel{position:absolute;top:calc(100% + 14px);right:0;width:300px;max-width:calc(100vw - 32px);padding:20px;background:#fff;border:1px solid #d7dfeb;box-shadow:0 12px 35px #17365f12;border-radius:14px;z-index:20;font-size:12px}.demo-info-panel strong{color:var(--primary-dark)}.demo-info-panel p{margin-top:10px;color:var(--muted)}
.app-main{position:relative;max-width:1240px;margin:auto;padding:44px 28px 190px;z-index:1}.app-main.chat-is-open{padding-bottom:470px}.page-intro{display:flex;align-items:center;justify-content:space-between;margin:0 0 39px;gap:28px}.intro-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:11px;letter-spacing:2px;font-size:9px}.intro-eyebrow>span{width:15px;height:1px;background:var(--primary)}h1{font-size:39px;letter-spacing:-1.65px;line-height:1.3;font-weight:500}h1>span:not(.title-leaf){color:var(--primary)}.title-leaf{display:inline-block;margin-left:13px;transform:rotate(-17deg);color:#8b9db7}.title-leaf svg{width:31px;height:31px}.intro-description{padding-top:17px;max-width:350px}.intro-description>p{font-size:12px;line-height:1.95;color:#61738c}.intro-description>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#536783;margin-top:14px}.intro-description svg{width:13px;height:13px}.botanical-backdrop{position:absolute;inset:82px 0 0;overflow:hidden;pointer-events:none}.botanical{position:absolute;opacity:.3;will-change:transform;transform:translate3d(var(--parallax-x),var(--parallax-y),0)}.botanical-left{width:160px;left:-110px;top:240px;rotate:-15deg}.botanical-right{width:185px;right:-128px;top:33px;rotate:18deg}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.month-navigation{display:flex;align-items:center;gap:19px}.month-navigation h2{font-size:20px;letter-spacing:-.7px;font-weight:600;line-height:1.4}.month-navigation h2 span{font-weight:400;color:#8191a7;margin-left:4px}.month-arrows{display:flex;gap:2px}.month-arrows .icon-button{width:28px;min-width:28px;height:30px}.month-arrows svg{width:16px}.calendar-tools{display:flex;align-items:center;gap:25px}.calendar-legend{display:flex;gap:17px;font-size:10px;color:#677a94}.calendar-legend span{display:flex;align-items:center;gap:6px}.calendar-legend i{height:6px;width:6px;border-radius:50%}.blue-dot{background:#7288a7}.orange-dot{background:#d3a074}.today-button{padding:7px 15px;border:1px solid #d5deea;background:#fff;border-radius:8px;font-size:11px;font-weight:500;min-height:34px}.today-button:hover{background:#edf0f5}.calendar-surface{border:1px solid #d6deea;border-radius:16px;overflow:hidden;background:white;box-shadow:0 6px 20px #242c3703}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{background:#f7f9fb;border-bottom:1px solid #dde4ed}.weekdays>div{padding:15px 15px;font-size:10px;font-weight:500;color:#6a7d98}.weekdays>div:nth-last-child(-n+2){color:#8e9db1}.weekday-short{display:none}.day-cell{min-height:125px;padding:10px 9px 12px;border-right:1px solid #e9eef4;border-bottom:1px solid #e9eef4;position:relative;background:white}.day-cell:nth-child(7n){border-right:0}.day-cell:nth-last-child(-n+7){border-bottom:0}.day-cell.selected{background:#f4f6fa;box-shadow:inset 0 0 0 1.5px #7288a6;z-index:1}.day-cell.is-today{background:#f6f8fb}.day-cell.outside-month{background:#f8fafc}.outside-month .day-number{color:#a3afbf}.outside-month .day-action{opacity:.6}.day-top{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-bottom:8px;padding:0 3px}.day-number{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;font-size:12px;font-weight:500;padding:0}.day-number:hover{background:#e5eaf2}.is-today .day-number{color:white;background:var(--primary);box-shadow:0 2px 4px #1c57a020}.today-label{font-size:8px;color:var(--primary);padding-right:4px}.selected-marker{width:5px;height:5px;border-radius:50%;background:#1c57a0;margin-right:8px}.day-action{display:flex;align-items:center;width:100%;gap:6px;padding:5px 7px;min-height:30px;font-size:11px;text-align:left;border-radius:5px;white-space:nowrap}.meal-action{color:#596980}.meal-action:hover{background:#edf0f5}.meal-action.has-meals{background:#e9eef4;color:#3c5578}.meal-count{margin-left:auto;min-width:17px;line-height:17px;text-align:center;font-size:9px;font-weight:600;border-radius:4px;background:#d8e0eb}.meal-count.empty-count{background:none;font-size:9px;font-weight:400;color:#647690}.empty-mobile{display:none}.workout-action{margin-top:3px;color:#a37143}.workout-action:hover{background:#fff3e7;color:#9e5b29}.workout-arrow{margin-left:auto;opacity:.55}.calendar-footnote{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;color:#8393a9;font-size:9px}.calendar-footnote>span:first-child{display:flex;align-items:center;gap:7px}.selection-key{width:9px;height:9px;border:1px solid #8293ab;border-radius:2px;background:#ecf0f6}.calendar-footnote>span:last-child{font-style:italic}.session-note{font-size:10px;text-align:center;color:#7788a0;margin-top:22px}
.chat-dock{position:fixed;z-index:10;left:50%;bottom:calc(20px + var(--keyboard-inset));transform:translateX(-50%);width:min(680px,calc(100% - 32px));max-height:calc(var(--visible-height) - 20px)}.chat-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px 8px;color:#5b6c83;font-size:10px}.chat-context>span{display:flex;align-items:center;gap:5px;text-shadow:0 1px 5px #f5f8fc,0 1px 5px #f5f8fc}.chat-context strong{font-weight:600;color:#404f63}.chat-context i{width:5px;height:5px;background:#4c6c9a;border-radius:50%;margin-right:3px}.context-toggle{display:flex;align-items:center;gap:7px;font-size:9px;padding:3px;color:#5d6e86}.context-toggle svg{width:13px;height:13px;transform:rotate(180deg)}.expanded .context-toggle svg{transform:none}.chat-card{border-radius:17px;border:1px solid #cfd9e6;background:#fff;box-shadow:0 8px 35px #25364e18,0 2px 6px #25364e05;overflow:hidden}.composer{display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:65px}.attach-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;color:#70829c;background:#f2f4f8}.attach-button:hover{background:#e5eaf1}.composer textarea{resize:none;width:100%;border:0;outline:none;background:none;font-size:13px;line-height:1.6;min-height:24px;max-height:75px;padding:3px 4px;color:#343e4b}.composer textarea:focus-visible{outline:none}.composer:focus-within{box-shadow:inset 0 0 0 2px #7288a6;border-radius:15px}.composer textarea::placeholder{color:#8494aa}.enter-hint{font-size:17px;color:#b6c0cd;line-height:1}.send-button{display:flex;align-items:center;justify-content:center;width:37px;height:37px;flex-shrink:0;border-radius:11px;background:var(--primary);color:#fff}.send-button:disabled{opacity:1;background:#e1e7ef;color:#7d8da4}.chat-footnote{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8px;color:#7b8ca3;margin-top:8px;text-shadow:0 1px 3px #fff}.chat-footnote svg{width:10px;height:10px}.chat-conversation{padding:18px 19px 12px;border-bottom:1px solid #eaeef4;max-height:min(360px,calc(var(--visible-height) - 190px));overflow:auto;animation:chat-in .2s ease-out}.chat-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.assistant-avatar{width:33px;height:33px;background:#e6edf6;color:var(--primary);border-radius:11px;display:flex;align-items:center;justify-content:center}.assistant-avatar svg{width:17px;height:17px}.chat-heading>div{display:flex;flex-direction:column;gap:3px}.chat-heading strong{font-size:12px;font-weight:600}.chat-heading>div>span{font-size:10px;color:#7a8ba3}.chat-demo-label{margin-left:auto;font-size:8px;letter-spacing:.4px;border:1px solid #dbe3ed;border-radius:5px;padding:3px 7px;color:#60718a}.chat-welcome{font-size:11px;line-height:1.8;color:#5e6f87;max-width:470px}.messages{max-height:210px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2c9d4 transparent}.message{width:fit-content;max-width:90%;padding:10px 13px;border-radius:11px;margin-bottom:9px;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.message-user{background:#ebeff5;margin-left:auto;border-bottom-right-radius:3px;color:#394453}.message-assistant{background:#f4f6f9;border-bottom-left-radius:3px;color:#4f5e72}.message img{width:100px;height:75px;object-fit:cover;border-radius:7px;margin-bottom:7px}.chat-examples{display:flex;gap:7px;margin-top:15px;flex-wrap:wrap}.chat-examples button{padding:6px 10px;border:1px solid #dbe3ed;border-radius:99px;font-size:9px;color:#5a6a81}.chat-examples button:hover{background:#eff2f7}.chat-processing{display:flex;align-items:center;gap:7px;color:#657791;font-size:11px;margin:10px 0}.chat-followup{margin-top:10px}.chat-followup p{font-size:10px;color:#6e819b;margin-bottom:6px}.chat-followup .button{font-size:10px;min-height:35px}.chat-error{font-size:11px;color:#963d2f;background:#fff3ed;border-radius:8px;padding:10px 12px;margin-top:10px}.chat-error .text-button{display:flex;padding-bottom:0}.attachment-preview{display:flex;align-items:center;gap:10px;padding:10px 15px 0}.attachment-preview img{width:46px;height:42px;object-fit:cover;border-radius:7px}.attachment-preview>div{display:flex;flex-direction:column;font-size:10px;gap:2px}.attachment-preview strong{font-weight:500}.attachment-preview>div>span{font-size:9px;color:#7a8ba2}.attachment-preview button{margin-left:auto}
body.modal-open{overflow:hidden}.modal{border:0;background:transparent;padding:0;margin:auto;width:min(760px,calc(100vw - 40px));max-width:760px;max-height:min(90dvh,900px);overflow:visible;color:inherit}.modal::backdrop{background:#19243355;backdrop-filter:blur(4px);animation:fade-in .18s ease}.modal[open]{animation:modal-in .2s ease-out}.modal-content{border:1px solid #dde4ee;background:#fff;border-radius:22px;box-shadow:0 24px 80px #131d2b22;max-height:min(90dvh,900px);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 27px 20px;gap:12px;flex-shrink:0;border-bottom:1px solid #e7ecf3}.modal-header .eyebrow{font-size:8px;letter-spacing:1.4px;color:#7b8ca4}.modal-header h2{font-size:19px;letter-spacing:-.5px;margin-top:6px;font-weight:500;line-height:1.5}.modal-close{flex-shrink:0;background:#f4f6f9}.modal-body{padding:22px 27px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c0ccde transparent}.saved-message{display:flex;align-items:center;gap:7px;color:#42597a;font-size:11px;background:#edf1f7;padding:9px 12px;border-radius:8px}.meal-intro{display:flex;align-items:center;gap:21px;margin:23px 0}.meal-intro h3{font-size:21px;letter-spacing:-.5px;font-weight:500;line-height:1.5;margin:4px 0 10px;overflow-wrap:anywhere}.meal-art{width:190px;max-width:100%;flex-shrink:0}.meal-art.small{width:135px}.meal-photo{width:116px;height:99px;object-fit:cover;border-radius:14px;flex-shrink:0}.evidence-badge{display:inline-flex;align-items:center;border:1px solid #e4e5d3;background:#faf9ef;border-radius:5px;color:#807649;font-size:9px;padding:3px 7px;line-height:1.5}.nutrient-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.nutrient-tile{padding:13px 15px;border:1px solid #e3e9f1;border-radius:12px;background:#f6f8fa}.nutrient-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#62748e;white-space:nowrap}.nutrient-tile>div{display:flex;align-items:baseline;gap:6px;margin-top:8px}.nutrient-tile strong{font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-1px;color:#36404d;font-variant-numeric:tabular-nums}.nutrient-tile>div>span{font-size:10px;color:#798aa2}.nutrient-kcal{background:#fff8f0;border-color:#f1e7d9}.nutrient-kcal .nutrient-label{color:#b98855}.nutrient-kcal strong{color:#b7783f}.nutrient-fat{background:#f6f8fb;border-color:#e7edf1}.nutrient-fat .nutrient-label{color:#7b91a3}.nutrient-fat strong{color:#61788c}.nutrition-table-wrap{border:1px solid #e0e6ef;border-radius:10px;overflow:hidden}.nutrition-table{width:100%;border-collapse:collapse;font-size:12px;text-align:right}.nutrition-table th,.nutrition-table td{padding:11px 10px;border-bottom:1px solid #e6ebf2}.nutrition-table th:first-child,.nutrition-table td:nth-child(2){text-align:left}.nutrition-table thead{background:#f6f8fa}.nutrition-table thead th{font-weight:500;font-size:10px;color:#516075}.nutrition-table thead small{display:block;font-size:9px;color:#5d6e86;margin-top:2px}.nutrition-table tbody th{font-weight:500;max-width:140px}.nutrition-table tbody td{color:#5f7189}.nutrition-table tbody td:nth-child(2){font-size:10px;max-width:100px}.nutrition-table tfoot{background:#f6f8fa;font-weight:600;color:#3d4d63}.nutrition-table tfoot th,.nutrition-table tfoot td{border:0}.nutrition-mobile{display:none}.data-note{font-size:10px;color:#76879f;line-height:1.8;margin:13px 0}.gentle-note{display:flex;gap:10px;align-items:flex-start;background:#eff3f8;color:#5f7189;border-radius:10px;padding:13px 15px;margin:18px 0}.gentle-note svg{margin-top:1px;color:#677fa0}.gentle-note p{font-size:11px;line-height:1.8}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.disclaimer{display:flex;align-items:flex-start;gap:7px;margin-top:25px;border-top:1px solid #e6ebf2;padding-top:16px;color:#788aa2;font-size:9px;line-height:1.8}.disclaimer svg{margin-top:2px;flex-shrink:0}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#667994}.meal-list{margin-top:19px;display:flex;flex-direction:column;gap:10px}.meal-accordion{border:1px solid #dbe2ec;border-radius:12px;overflow:hidden}.meal-accordion>summary{display:flex;align-items:center;gap:12px;padding:15px}.meal-list-icon{display:flex;align-items:center;justify-content:center;background:#e9eef5;color:#6d809a;width:37px;height:37px;border-radius:11px;flex-shrink:0}.meal-list-name{display:flex;flex-direction:column;gap:4px;min-width:0}.meal-list-name strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.meal-list-name>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#76879f}.accordion-chevron{margin-left:auto;color:#92a0b3;transition:transform .2s}.meal-accordion[open]>summary .accordion-chevron,.workout-card[open]>summary .accordion-chevron{transform:rotate(180deg)}.meal-accordion-body{padding:0 15px 13px}.logged-photo{width:130px;height:90px;object-fit:cover;border-radius:9px;margin-bottom:13px}.add-meal-button{margin:15px 0}.empty-day{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 10px 30px}.empty-day .meal-art{width:176px;margin-bottom:2px}.empty-day h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-bottom:10px}.empty-day p{font-size:11px;color:#7b8ca4;line-height:1.9}.empty-day .button{margin-top:19px}.next-meal{margin-top:24px;padding:19px 20px;border:1px solid #d5dde9;border-radius:14px;background:#eef3f9}.next-meal-heading{display:flex;align-items:center;gap:10px}.suggestion-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:10px;background:#dce4f0;color:#577094}.next-meal-heading .eyebrow{font-size:7px;color:#70839e;letter-spacing:1px}.next-meal h3{font-size:14px;font-weight:500;margin-top:2px}.suggestion-body{display:flex;align-items:center;gap:15px;margin-top:14px}.suggestion-body>div{flex:1}.suggestion-time{font-size:10px;color:#677a94}.suggestion-body h4{font-size:14px;font-weight:500;margin:7px 0}.suggestion-body p:not(.suggestion-time){font-size:10px;color:#6c7e98;line-height:1.8}.suggestion-body .meal-art{width:115px}.current-context{font-size:10px;color:#4d6484;margin-top:10px}.schedule-note{font-size:8px;color:#73859e;border-top:1px solid #d6dfeb;margin-top:13px;padding-top:10px;line-height:1.8}
.edit-form{display:flex;flex-direction:column;gap:18px}.edit-form label{display:flex;flex-direction:column;gap:7px;color:#4e5d71;font-size:12px}.edit-form input{border:1px solid #d3dce8;border-radius:8px;padding:10px 12px;min-height:42px;width:100%;color:#26303e;background:#fbfcfd;font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-form fieldset{border:1px solid #dae2ec;border-radius:10px;padding:10px 15px 15px;margin:0}.edit-form legend{font-size:11px;color:#687b95;padding:0 6px}.edit-form .portion-field{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:6px 0}.portion-field small{display:block;font-size:9px;color:#7a8ba2;margin-top:3px}.portion-field input{width:100px}.edit-form .data-note{margin:0}.edit-form .disclaimer{margin-top:0}.edit-form .modal-actions{margin-top:0}.workout-intro{display:flex;align-items:center;gap:14px;margin:0 0 16px}.workout-intro-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;background:#fff0dd;color:#c88f49;flex-shrink:0}.workout-intro h3{font-size:17px;font-weight:500}.workout-intro p{font-size:11px;color:#72849d;margin-top:6px}.exercise-group{margin:22px 0}.exercise-group h3{font-size:12px;font-weight:500;display:flex;align-items:center;gap:9px;margin-bottom:10px}.exercise-group h3>span{color:#a6b1c1;font-size:10px}.workout-card{border:1px solid #dbe2ec;border-radius:11px;margin-bottom:9px}.workout-card summary{display:flex;align-items:center;gap:13px;padding:14px}.exercise-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:11px;background:#fbf2e6;color:#bf9969;flex-shrink:0}.exercise-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.exercise-copy strong{font-size:12px;font-weight:500}.exercise-copy>span{font-size:10px;color:#76879f}.exercise-copy .exercise-meta{display:flex;gap:7px;align-items:center;font-size:9px;color:#919fb2}.exercise-meta i{height:3px;width:3px;border-radius:50%;background:#a3afbf}.exercise-guide{font-size:11px;line-height:1.9;color:#657892;padding:0 18px 17px 70px}.recovery-card{background:#f0f3f8;border-color:#d7dfea}.recovery-card .exercise-icon{background:#e0e7f0;color:#6e809a}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes chat-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.app-main{max-width:1360px;padding-top:52px}.day-cell{min-height:143px}.header-inner{max-width:1432px}.page-intro{margin-bottom:46px}.botanical-left{left:-50px}.botanical-right{right:-55px}}
@media(max-width:1100px){.header-inner{padding:0 28px}.day-cell{padding:9px 6px 11px}.day-action{font-size:8px;gap:4px;padding:5px}.empty-desktop{font-size:7px}.calendar-legend{gap:12px}.action-label{letter-spacing:-.2px}.intro-description{max-width:310px}}
@media(max-width:767px){.site-header{height:68px}.header-inner{padding:0 20px;gap:15px}.brand img{width:34px;height:34px}.brand-name{font-size:22px}.header-tagline{display:none}.demo-info>summary{font-size:9px;padding:6px 9px;gap:6px}.app-main{padding:31px 16px 175px}.page-intro{margin-bottom:29px;gap:15px;align-items:flex-end}.intro-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:32px;letter-spacing:-1.3px}.title-leaf{margin-left:9px}.title-leaf svg{height:25px;width:25px}.intro-description{max-width:180px;display:none}.calendar-toolbar{gap:10px;margin-bottom:14px}.month-navigation{gap:9px}.month-navigation h2{font-size:18px}.calendar-legend{display:none}.today-button{font-size:10px;padding:6px 10px}.month-arrows .icon-button{min-width:28px;width:28px}.calendar-surface{border-radius:12px}.weekdays>div{padding:12px 0;text-align:center;font-size:9px}.weekday-full{display:none}.weekday-short{display:inline}.day-cell{padding:5px 3px 7px;min-height:128px}.day-top{justify-content:center;padding:0;margin-bottom:5px;min-height:26px}.day-number{width:26px;height:26px;font-size:11px}.today-label{display:none}.selected-marker{position:absolute;top:7px;right:3px;width:3px;height:3px;margin:0}.day-action{justify-content:center;gap:4px;padding:4px 1px;min-height:40px;font-size:10px;border-radius:5px}.day-action .icon{width:14px;height:14px}.day-action .action-label,.workout-arrow,.empty-desktop{display:none!important}.empty-mobile{display:inline}.meal-count{margin-left:0;min-width:11px;font-size:9px;background:none}.day-action.has-meals{background:#e7ecf2}.meal-count.empty-count{font-size:10px}.workout-action{background:#fff9f0;margin-top:2px}.outside-month .workout-action{background:transparent}.calendar-footnote{font-size:8px;margin-top:13px}.calendar-footnote>span:last-child{display:none}.session-note{font-size:8px;margin-top:18px;padding:0 20px}.botanical-left{top:80px;width:130px;left:-110px}.botanical-right{width:145px;top:-18px;right:-102px}.chat-dock{width:calc(100% - 24px);bottom:calc(12px + env(safe-area-inset-bottom) + var(--keyboard-inset))}.chat-context{font-size:9px;padding:0 5px 7px;gap:5px}.context-toggle{font-size:8px;gap:3px}.composer{padding:10px;gap:7px;min-height:60px}.composer textarea{font-size:16px;line-height:1.5;padding:1px 3px}.composer textarea::placeholder{font-size:11px;line-height:24px}.enter-hint{display:none}.attach-button{width:30px;height:34px}.send-button{width:34px;height:34px}.chat-footnote{font-size:7px;margin-top:7px}.chat-conversation{padding:15px 13px 10px;max-height:min(350px,calc(var(--visible-height) - 165px))}.chat-heading{gap:8px}.chat-heading strong{font-size:11px}.chat-heading>div>span{font-size:9px}.messages{max-height:190px}.message{font-size:11px;max-width:95%}.chat-examples{gap:5px}.chat-examples button{font-size:8px;padding:6px 8px}.chat-card{border-radius:14px}.modal{margin:auto 0 0;width:100%;max-width:none;max-height:90dvh}.modal-content{border-radius:21px 21px 0 0;max-height:90dvh;min-height:200px;border-bottom:0}.modal-header{padding:20px 20px 16px}.modal-header h2{font-size:17px}.modal-header .eyebrow{font-size:7px}.modal-body{padding:18px 19px 22px;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.meal-intro{gap:12px;margin:19px 0}.meal-intro .meal-art{width:100px}.meal-photo{width:85px;height:85px}.meal-intro h3{font-size:18px;margin-bottom:8px}.meal-intro .eyebrow{font-size:8px}.saved-message{font-size:9px;padding:8px 10px}.nutrient-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0}.nutrient-tile{padding:12px 14px}.nutrient-label{font-size:10px}.nutrient-tile strong{font-size:24px}.nutrient-tile>div{margin-top:5px}.nutrition-table-wrap{display:none}.nutrition-mobile{display:flex;flex-direction:column;gap:9px}.dish-card{border:1px solid #dbe2ec;border-radius:10px;padding:13px}.dish-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.dish-card strong{font-size:11px;font-weight:500}.dish-card>div>span{font-size:9px;color:#70829b;text-align:right}.dish-card dl{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:13px 0 0}.dish-card dl>div{display:flex;justify-content:space-between;gap:5px}.dish-card dt{font-size:8px;color:#6e809a}.dish-card dd{margin:0;font-size:9px;color:#43556f;white-space:nowrap}.next-meal{padding:15px;margin-top:20px}.suggestion-body{gap:10px}.suggestion-body .meal-art{display:none}.suggestion-body h4{font-size:13px}.next-meal-heading h3{font-size:13px}.schedule-note{font-size:8px}.exercise-copy .exercise-meta{font-size:8px}.exercise-icon{width:36px;height:36px}.workout-card summary{padding:12px;gap:10px}.exercise-guide{padding-left:58px}.workout-intro h3{font-size:15px}.workout-intro p{font-size:10px}.workout-intro-icon{width:43px;height:43px}.field-row{gap:10px}.edit-form input{font-size:16px}.portion-field input{width:85px}.modal-actions .button{font-size:11px;padding:10px 13px}.empty-day h3{font-size:16px}.meal-list-name strong{font-size:11px}.meal-accordion>summary{padding:12px;gap:9px}}
@media(max-width:359px){.app-main{padding-left:10px;padding-right:10px}.header-inner{padding:0 14px}.brand-name{font-size:20px}.demo-info>summary{font-size:8px}.chat-context{font-size:8px}.context-toggle{font-size:7px}.day-action{gap:2px}.day-action .icon{width:12px;height:12px}.modal-body{padding-left:15px;padding-right:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.botanical{transform:none!important}}
@media(hover:none),(pointer:coarse){.botanical{transform:none!important}}

.information-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 26px;
  padding: 22px 0 0;
  border-top: 1px solid #dae2ec;
}
.information-block { display: flex; align-items: flex-start; gap: 11px; min-width: 0; }
.information-icon { color: #5a6a81; padding-top: 2px; flex-shrink: 0; }
.information-icon svg { width: 17px; height: 17px; }
.information-block h2 { font-size: 12px; font-weight: 600; color: #39475a; margin-bottom: 7px; }
.information-block p { font-size: 11px; line-height: 1.85; color: #546378; }
.information-block .information-detail { margin-top: 7px; font-size: 10px; color: #5f7189; }
.information-block a { color: #1c57a0; text-decoration: underline; text-underline-offset: 3px; }
.information-block a:hover { color: #17365f; }
.information-block a svg { width: 12px; height: 12px; margin-left: 3px; }
@media (max-width: 767px) {
  .information-footer { grid-template-columns: 1fr; gap: 20px; margin-top: 22px; padding-top: 20px; }
}

/* Nhận diện xanh dương và cam theo logo ViNG. */
.brand .brand-logo { width: 128px; height: 58px; object-fit: cover; border-radius: 8px; }
.orange-dot { background: #ed8509; }
.workout-action { color: #b46516; }
.workout-action:hover { color: #934706; background: #fff0df; }
.title-leaf { color: #e48a25; }
.nutrient-kcal { background: #fff6eb; border-color: #f5dfc3; }
.nutrient-kcal strong, .nutrient-kcal .nutrient-label { color: #b85b09; }
.exercise-icon, .workout-intro-icon { background: #fff0dc; color: #bd660b; }
@media (max-width: 767px) {
  .brand .brand-logo { width: 100px; height: 46px; }
}

/* Số liệu và thanh ba mức dùng chung cho thẻ tổng, bảng và thẻ món trên điện thoại. */
.nutrient-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nutrient-tile .nutrient-value-row { align-items: center; justify-content: space-between; gap: 16px; }
.nutrient-number { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.nutrient-number small { color: #5e7088; font-size: 10px; }
.nutrient-gauge { display: inline-flex; flex-direction: column; width: 110px; min-width: 0; flex-shrink: 0; gap: 5px; font-weight: 400; }
.gauge-track { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; height: 7px; margin-top: 5px; }
.gauge-track > i { background: #d9e6f6; border-radius: 3px; }
.gauge-track > i:nth-child(2) { background: #739ed4; }
.gauge-track > i:nth-child(3) { background: #ed8509; }
.gauge-marker { position: absolute; top: -4px; width: 3px; height: 15px; background: #17365f; border-radius: 2px; box-shadow: 0 0 0 2px #fff; transform: translateX(-50%); }
.level-0 .gauge-marker { left: 16.6667%; }
.level-1 .gauge-marker { left: 50%; }
.level-2 .gauge-marker { left: 83.3333%; }
.gauge-labels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; font-size: 9px; line-height: 1.5; text-align: center; color: #5c6d84; }
.gauge-labels .active { color: #17365f; font-weight: 700; }
.level-note { margin: -8px 0 17px; font-size: 9px; color: #5b6c84; line-height: 1.8; }
.nutrient-reading { display: inline-flex; align-items: center; justify-content: flex-end; gap: 7px; }
.reading-value { white-space: nowrap; font-variant-numeric: tabular-nums; }
.reading-value small { font-size: inherit; font-weight: 400; }
.nutrition-table th, .nutrition-table td { padding: 11px 7px; }
.nutrition-table .nutrient-gauge { width: 64px; gap: 4px; }
.nutrition-table .gauge-labels { font-size: 8px; gap: 1px; }
.nutrition-table .gauge-track { height: 5px; gap: 2px; }
.nutrition-table .gauge-marker { height: 13px; }
.dish-card dl { grid-template-columns: 1fr; }
.dish-card dl > div { align-items: center; padding: 7px 0; border-bottom: 1px solid #e6ebf2; }
.dish-card dl > div:last-child { border-bottom: 0; }
.dish-card dt { font-size: 10px; }
.dish-card dd { font-size: 11px; }
.dish-card .nutrient-reading { gap: 16px; }
.dish-card .nutrient-gauge { width: 96px; }
@media (max-width: 480px) {
  .nutrient-summary { grid-template-columns: 1fr; }
  .nutrient-tile { padding: 11px 14px; }
  .nutrient-tile .nutrient-value-row { margin-top: 5px; }
  .nutrient-tile .nutrient-gauge { width: 125px; }
}
.edit-dish { padding: 16px 0; border-bottom: 1px solid var(--border, #d7dad9); }
.edit-form select { width: 100%; padding: 12px; border: 1px solid #d7dad9; border-radius: 10px; background: white; font: inherit; color: inherit; }
.source-details { margin: 16px 0; font-size: 13px; line-height: 1.7; }
.source-details summary { cursor: pointer; font-weight: 600; }
#edit-error { color: #b42318; }