/* Healthy Nikonov · shared mobile-first visual system */
:root{--ink:#123c53;--muted:#607a8c;--line:#dfedf2;--green:#079da7;--orange:#d56ea4;--teal:#009fa9;--rose:#d660a4;--shadow:0 8px 30px #315d7810;color:var(--ink);background:#f3f9fc;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
body{background:radial-gradient(ellipse at 95% 0,#fce6f3 0,transparent 36%),radial-gradient(ellipse at 0 10%,#d8f6f5 0,transparent 40%),#f5f9fc;min-height:100dvh;color:var(--ink)}
button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:44px;border-color:var(--line);border-radius:14px;color:var(--ink);transition:background .15s,box-shadow .15s}button:hover{background:#e7f7f8}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #078baf;outline-offset:3px}input,select,textarea{font-size:16px!important;min-width:0;max-width:100%;color:var(--ink)}input,select{min-height:44px;border-color:#cbdfe8}svg{max-width:100%}h1,h2,h3,h4{color:var(--ink)}h1{letter-spacing:-1px}h2{font-size:19px;letter-spacing:-.4px}p{line-height:1.5}summary{min-height:32px}
body>header{height:80px;min-height:80px;padding:12px max(24px,calc((100vw - 1100px)/2));border:0;background:#ffffffb8;backdrop-filter:blur(18px);gap:12px}.brand{font-size:20px;gap:10px;white-space:nowrap}.brand .brand-mark{display:grid;place-items:center;position:relative;padding:0;width:44px;height:44px;border-radius:15px;background:linear-gradient(145deg,#47d4d4,#079ead);color:white;font-size:34px;font-weight:650;box-shadow:0 5px 12px #0fa3b52b}.brand .brand-mark>span{position:absolute;right:5px;top:5px;padding:0;border:0;background:none;color:#fff;font-size:13px}.brand .brand-name{padding:0;border-radius:0;background:none;color:var(--ink);letter-spacing:-.5px}.brand .brand-name small{display:block;border:0;padding:0;margin-top:3px;font-size:10px;font-weight:400;letter-spacing:0;color:var(--muted)}.header-actions{gap:8px}.header-actions button{font-size:12px;background:#fff8;padding:8px 12px}#refresh{font-size:24px;width:44px;padding:0;line-height:1}
main{max-width:1100px;padding:28px 24px 130px;margin:auto}.app-view{min-width:0}.surface,.kpi,.login-card,.data-page .card,.data-page .chartbox,.data-page article,.data-page details{background:#ffffffdf;border:1px solid #ffffff;border-radius:24px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.surface .surface{box-shadow:none;border-color:var(--line)}.eyebrow{color:#558796;font-size:10px;letter-spacing:1.8px}.muted,.footnote,#fresh,.nutrition-note{color:var(--muted)}.nutrition-note,.footnote{font-size:12px;line-height:1.55}.tag{background:#e3f8f6;color:#157c82}.section-heading{gap:12px}.primary,.welcome button,#diarySave,#diaryQuickSave,#diarySend,.login-card form button{background:linear-gradient(120deg,#08b9bb,#028fac);color:white;border:0;box-shadow:0 5px 14px #029bb923}.wide{width:100%;margin:0 0 18px}#diaryPin{background:#f9edf7;color:#99537f;border:0}.screen-heading{margin:10px 0 26px}.screen-heading h1,.diary-title h1,.catalog-title h1{font-size:32px;margin:8px 0;line-height:1.15}.screen-heading p,.diary-title p{font-size:14px;color:var(--muted);margin:8px 0}.screen-heading h1:focus,.app-view h1:focus,.app-view h2:focus{outline:none}
.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:260px;border-radius:28px;padding:30px;background:linear-gradient(115deg,#d3f6f1 0%,#d7f1fb 58%,#f5dff1 100%);margin-bottom:22px;box-shadow:var(--shadow)}.welcome-copy{position:relative;z-index:2}.welcome h1{font-size:42px;line-height:1.1;margin:16px 0 12px}.welcome h1 span{color:#108d9b}.welcome p{font-size:13px;color:#4d778a;margin:0 0 22px}.welcome button{display:flex;align-items:center;gap:22px;padding:13px 20px;font-size:13px;font-weight:600}.welcome button span{font-size:21px;line-height:1}.welcome-art{position:absolute;inset:0 0 0 48%;pointer-events:none}.art-orbit{position:absolute;display:block;width:250px;height:250px;border-radius:50%;border:1px solid #fff8;right:10%;top:25px}.orbit-two{width:330px;height:330px;right:1%;top:-16px}.art-heart{position:absolute;right:24%;top:28px;font-size:190px;line-height:1;color:#fff;text-shadow:0 9px 22px #b586b336;transform:rotate(-15deg)}.art-spark{position:absolute;right:14%;top:44px;font-size:50px;color:#d780bd}.art-leaf{position:absolute;right:54%;bottom:32px;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#ffffff96;color:#1ab8b5;font-size:60px;transform:rotate(-35deg)}
.quick-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.quick-links button{background:#ffffffc9;border:1px solid white;box-shadow:var(--shadow);padding:18px 8px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:600}.feature-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:16px}.feature-icon svg{width:25px;height:25px}.mint{background:linear-gradient(135deg,#d3f8ed,#bcf3ed);color:#099c90}.lilac{background:linear-gradient(135deg,#eee4ff,#e0dcff);color:#8571d2}.pink{background:linear-gradient(135deg,#ffe4f1,#fbd1e7);color:#db6099}.blue{background:linear-gradient(135deg,#def5ff,#c8eafa);color:#2898c3}
.dashboard-tabs{position:fixed;z-index:20;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:8px 5px;margin:0;border:1px solid #fff;border-radius:25px;background:#ffffffed;box-shadow:0 6px 35px #254e7426;backdrop-filter:blur(20px);overflow:visible}.dashboard-tabs button{background:none;border:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px 0;min-height:54px;font-size:10px;font-weight:550;white-space:nowrap;color:#7b8c9f}.dashboard-tabs button[aria-pressed="true"]{color:#038fa1;background:#eaf9fa}.nav-icon{width:24px;height:24px;display:grid;place-items:center}.nav-icon svg{width:24px;height:24px}.dashboard-tabs .add-icon{width:46px;height:46px;border-radius:50%;margin-top:-22px;background:linear-gradient(140deg,#35d7ca,#00a9bb);color:#fff;box-shadow:0 4px 12px #11a6b34a;border:4px solid #f4ffff}.add-icon svg{width:26px;height:26px}#foodDiaryTab[aria-pressed="true"]{background:none}
.menu-list{padding:4px 18px}.menu-list>button,.menu-list>a{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:17px 0;border:0;border-radius:0;background:none;text-decoration:none;border-bottom:1px solid var(--line);min-height:80px}.menu-list>:last-child{border-bottom:0}.menu-list>*>span:nth-child(2){flex:1;min-width:0}.menu-list b{display:block;font-size:14px;font-weight:600}.menu-list small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.menu-list>*>span:last-child{font-size:24px;color:#8da5b6}.menu-list>*:hover{background:#f4fbfc}
.kpis{gap:12px}.kpi{margin:0;padding:20px;background:linear-gradient(140deg,#fff,#eaf9f9)}.kpi:nth-child(2){background:linear-gradient(140deg,#fff,#f7e9f5)}.kpi:nth-child(3){background:linear-gradient(140deg,#fff,#edf0ff)}.kpi b{font-size:30px;font-weight:650;color:#087f90}.kpi small{font-size:11px}.two-columns{gap:18px}.coverage article{background:#f7fbfd;border:1px solid var(--line);border-radius:16px}.coverage article.complete{background:#effbf8}.progress{background:#e0f2f3}.progress span{background:linear-gradient(90deg,#46d4c0,#1aa6c1)}.briefing-card{padding:18px 0}.briefing-card h3{font-size:16px}.briefing-action{font-size:14px}.briefing-evidence{font-size:12px}.briefing-links a{color:#058a9c}.selected-day-stats>div{background:#eef8fc;border-radius:14px;padding:13px}.selected-day-stats>div:nth-child(2n){background:#f8eff9}.selected-day-stats strong{font-size:18px}.day-missing,.whoop-requests{background:#fff8ed}.page-title{padding:15px 0;margin-bottom:15px}.page-title .eyebrow{display:none}#fresh{margin:0;font-size:11px}.period{flex-shrink:0}.period select{font-size:14px!important}.history-date input{color:var(--ink)}
#historyContent{padding:0;background:none;box-shadow:none;border:0}#historyContent>.nutrition-history{padding:20px;border:1px solid white;border-radius:24px;background:#fff;box-shadow:var(--shadow);margin-bottom:18px}#historyContent .today-panel{display:block;border-color:white}#historyContent .today-panel>.nutrition-block{margin-top:18px}#historyContent .today-panel .coaching{margin-top:16px}#historyContent .today-panel>.section-heading{margin-bottom:12px}.nutrition-scroll{border-color:var(--line);border-radius:14px}.food-table tfoot tr:first-child{background:#078e9d}.food-table .food-group th,.food-table .food-group td{background:#eaf8f9}.food-table th,.food-table td{border-bottom-color:#edf4f7}th{background:#eef8fb;color:var(--muted)}.table-scroll,.tablewrap,.nutrition-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.table-scroll:focus-visible{outline:2px solid var(--teal)}
.diary-title{margin:10px 0 24px}.diary-quick{background:linear-gradient(125deg,#effbf8,#edf8ff);border-color:white}.diary-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.diary-meta label{font-size:12px;color:var(--muted)}.diary-meta input,.diary-meta select{width:100%;margin:0}.diary-meta>span{grid-column:1/-1;font-size:11px}.diary-search input{max-width:none;width:100%}.diary-chat{border-top:1px solid white;background:linear-gradient(160deg,#fff 50%,#fff4fb)}.diary-bubble{font-size:14px;line-height:1.55;background:#edf6fa;padding:14px;max-width:94%}.diary-bubble.user{background:#dcf6f3}.diary-item{grid-template-columns:minmax(0,1fr) 100px 90px auto}.diary-item h3{font-size:15px}.diary-nutrients{gap:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.diary-nutrients>div{background:#eff9fb;border-radius:12px;padding:10px 6px;font-size:10px}.diary-nutrients b{font-size:20px}.diary-form-actions button{width:auto;margin:0}.diary-upload{margin:0;font-size:12px;min-height:44px}.diary-suggestion{min-height:48px}.diary-suggestion small{font-size:11px}.diary-suggestion strong{font-size:13px}.diary-suggestion:has(input:checked){background:#dff8f3}.diary-suggestion input{accent-color:#00a8a4}#diaryQuickSave{width:100%}#diaryAISettings{border-color:#e7deee;background:#ffffffb3;font-size:12px}#diaryAIForm label{margin:4px 0}.catalog-title>button{background:#078e9d}.catalog-producer b{color:var(--ink)}.catalog-edit{min-height:36px}.catalog-title{margin-top:12px}.catalog-filter{max-width:100%}.catalog-table{font-size:12px}.table-scroll{border-radius:14px}.catalog-portion-row>td{background:#f6fbfd}
footer{font-size:11px;color:#7d92a3;padding:20px 0}.login-card{margin:5vh auto;padding:30px}.login-card h1{font-size:38px}.login-card input{border-color:var(--line)}.login-card form label{margin-top:20px}.data-page main{max-width:1100px}.data-page header a{text-decoration:none}.data-page .logo{background:linear-gradient(140deg,#35d7ca,#00a9bb);border-radius:12px}.data-page nav{gap:8px;border:0;background:#fff9;border-radius:17px;padding:5px}.data-page nav button{padding:10px 14px;border-radius:12px}.data-page nav button.active{background:#dff7f5;color:#078c96;border:0}.data-page .controls{background:#ffffffab;padding:18px;border-radius:20px}.data-page .card{margin:0}.data-page .tablewrap{border-color:var(--line);border-radius:18px}.data-page .badge{background:#e0f7f5;color:#197e87}.data-page dialog{border-radius:24px}.data-page .panel{min-width:0}
@media(min-width:900px){#summaryView{max-width:900px;margin:auto}.welcome{min-height:300px}.welcome h1{font-size:48px}.menu-list{max-width:720px}.screen-heading h1{font-size:38px}}
@media(max-width:700px){body>header{height:72px;min-height:72px;padding:10px 16px;flex-wrap:nowrap}.brand{font-size:17px;gap:8px}.brand .brand-mark{width:37px;height:37px;font-size:29px;border-radius:12px}.brand .brand-name small{font-size:8px;max-width:185px}.header-actions{gap:5px}.header-actions button{padding:6px 8px;font-size:11px}.header-actions #refresh{font-size:23px;width:38px;min-height:44px}main{padding:18px 14px calc(112px + env(safe-area-inset-bottom))}.surface{padding:18px;border-radius:22px;margin-bottom:16px}.welcome{min-height:258px;padding:24px 20px;margin-bottom:16px;border-radius:25px}.welcome h1{font-size:32px;line-height:1.1;margin-top:15px}.welcome p{font-size:12px;margin-bottom:18px}.welcome button{font-size:12px;padding:11px 15px;gap:10px}.welcome-art{left:42%;opacity:.9}.art-heart{font-size:142px;right:0%;top:52px}.art-orbit{width:170px;height:170px;right:-10%;top:45px}.orbit-two{width:230px;height:230px;right:-29%;top:17px}.art-spark{font-size:33px;right:5%;top:30px}.art-leaf{width:47px;height:47px;font-size:41px;right:28%;bottom:23px}.quick-links{gap:8px;margin-bottom:21px}.quick-links button{flex-direction:column;gap:8px;padding:13px 3px;font-size:10px;border-radius:18px;min-width:0}.quick-links .feature-icon{width:40px;height:40px;border-radius:14px}.quick-links .feature-icon svg{width:23px;height:23px}.section-heading{flex-wrap:wrap}.section-heading .muted{max-width:none;font-size:11px}.screen-heading{margin:8px 0 22px}.screen-heading h1,.diary-title h1,.catalog-title h1{font-size:29px}.screen-heading p,.diary-title p{font-size:13px}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:16px;border-radius:19px}.kpi b{font-size:25px;margin:10px 0 6px}.kpi label{font-size:11px}.coverage{gap:8px}.coverage article{padding:13px}.two-columns{grid-template-columns:1fr;gap:0}.chart{height:185px}.diary-meta{grid-template-columns:minmax(0,1fr)}.diary-meta label{min-width:0}.diary-meta>span{grid-column:auto}.diary-title{margin-top:6px}.diary-suggestion{gap:5px;padding:9px 6px}.diary-suggestion>span{gap:5px;grid-template-columns:minmax(42px,1fr) max-content}.diary-suggestion strong{font-size:12px}.diary-suggestion small{font-size:9px;letter-spacing:-.25px}.diary-suggestion input{width:15px;height:15px}.diary-item{grid-template-columns:minmax(0,1fr) 85px 80px;gap:9px}.diary-item .diary-item-name{grid-column:1/-1}.diary-item>button{grid-column:3}.diary-nutrients{gap:5px}.diary-nutrients b{font-size:18px}.diary-nutrients>div{padding:9px 4px}.diary-form-actions{gap:8px}.diary-upload{padding:10px;font-size:11px}.diary-form-actions button{font-size:12px;padding:11px}.diary-save-actions button{width:100%}.training-overview{grid-template-columns:1fr;gap:14px}.today-panel .day-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-list{padding:2px 16px}.menu-list>button,.menu-list>a{gap:12px}.menu-list b{font-size:13px}.menu-list small{font-size:11px}.menu-list .feature-icon{width:42px;height:42px}#historyContent>.nutrition-history{padding:16px}.food-table{min-width:570px!important}.nutrition-heading{flex-wrap:wrap}.page-title{gap:10px}.period{font-size:10px}.trend-summary{gap:16px}.trend-summary strong{font-size:19px}.catalog-title{align-items:stretch}.catalog-title>button{width:100%}.data-page header strong{font-size:13px}.data-page header>div{min-width:0}.data-page #refresh{width:auto;font-size:11px;padding:8px}.data-page .controls{padding:14px;gap:10px}.data-page .controls>*{min-width:120px}.data-page main{padding-top:22px}.data-page h1{font-size:27px}.data-page .card{padding:16px}.data-page dialog{padding:18px;width:calc(100% - 20px);max-height:85dvh}.data-page .dialoghead{align-items:flex-start}}
@media(max-width:360px){.brand .brand-name small{display:none}.brand{font-size:15px}.header-actions button{font-size:10px}main{padding-left:10px;padding-right:10px}.welcome h1{font-size:29px}.welcome-art{opacity:.55}.diary-suggestion small{font-size:8px}.diary-suggestion strong{font-size:11px}.surface{padding:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.quick-links button>span:last-child{text-align:left;min-width:0}.quick-links b{display:block;margin-top:6px;font-size:19px;color:var(--ink);font-variant-numeric:tabular-nums}.quick-links small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:5px}
@media(max-width:700px){.quick-links button>span:last-child{text-align:center}.quick-links b{font-size:13px;white-space:nowrap}.quick-links small{font-size:8px;line-height:1.3}.quick-links button{font-size:10px}.catalog-table{display:block;min-width:0;width:100%;white-space:normal}.catalog-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.catalog-table tbody{display:block}.catalog-table tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:15px;padding:12px;gap:0;margin-bottom:8px;background:#fff}.catalog-table td{display:block;min-width:0;border:0;padding:6px 0;max-width:none}.catalog-table .catalog-name,.catalog-table .catalog-identity,.catalog-table .catalog-portion,.catalog-table .catalog-action{grid-column:1/-1;width:auto;min-width:0}.catalog-table .catalog-identity{font-size:9px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:10px}.catalog-table .catalog-identity code{font-size:9px}.catalog-table .catalog-number{text-align:left;font-size:12px;white-space:normal;background:none}.catalog-table .catalog-number::before{content:attr(data-label);display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.catalog-table .catalog-action{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.catalog-table .catalog-portion-row{background:#f4fafc;border-top:0;margin-top:-8px;border-radius:0 0 15px 15px}.catalog-table .catalog-portion-row>td{background:none}.replacement-controls{flex-direction:column;align-items:stretch}.replacement-controls label{width:100%}.catalog-table .replacement-check{font-size:12px;min-height:44px}.catalog-table .catalog-producer{font-size:11px}#catalogProducts>.table-scroll,#duplicateProducts .table-scroll{max-height:none;overflow:visible}}

/* Keep the separately shipped compact composer heading and settings screen. */
main:has(#foodDiaryView:not([hidden])) .dashboard-tabs{margin-bottom:0}#settingsView .diary-title{margin:8px 0 22px}#settingsView #diaryAISettings{border:1px solid white;border-radius:24px;background:linear-gradient(150deg,#fff,#fdf1fa)}


/* Release 8: time belongs beside the final save, not above habitual foods. */
.diary-save-time{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:12px}
.diary-save-time label{width:100%;color:var(--muted)}
.diary-save-time input{min-width:0;max-width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;background:white}
.diary-save-time button{margin:0;padding:10px;min-height:44px}
.diary-save-time small{width:100%;color:var(--muted)}
@media(max-width:700px){.brand{font-size:15px}.brand .brand-name{letter-spacing:-.6px}}

/* Release 9: content before decoration, on phones and tablet-width Safari. */
.welcome.welcome-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:0;padding:14px 18px;margin-bottom:12px;border-radius:20px}
.welcome-compact .welcome-copy{display:flex;align-items:center;gap:10px;min-width:0}
.welcome-compact h1{font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:0}
.welcome-emblem{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#ffffffa8;color:#bd5c99;font-size:31px;line-height:1}
.welcome.welcome-compact button{flex-shrink:0;padding:10px 14px;gap:5px;margin:0;font-size:12px;min-height:44px;box-shadow:none}
#summaryView .quick-links{gap:10px;margin-bottom:12px}
#summaryView .quick-links button{padding:12px;gap:10px;min-height:78px;border-radius:18px;justify-content:flex-start}
#summaryView .quick-links b{margin-top:3px;font-size:19px;line-height:1.2}
#summaryView .quick-links small{margin-top:3px;line-height:1.25}
#summaryView .practical-summary{padding:16px 18px}
#summaryView .practical-summary>.section-heading{margin-bottom:4px;gap:6px}
#summaryView .practical-summary h2{margin:0;font-size:18px}
#summaryView .briefing-card{padding:12px 0}
#summaryView .briefing-card h3{font-size:15px}
#summaryView .briefing-evidence,#summaryView .briefing-action{margin:6px 0}
@media(max-width:900px){
 body>header{min-height:60px;height:60px;padding:8px 14px}
 .brand .brand-mark{width:36px;height:36px;border-radius:12px;font-size:28px}
 .brand .brand-name small{display:none}
 main{padding-top:12px}
 #summaryView .quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #summaryView .quick-links button{flex-direction:row;align-items:center;text-align:left;padding:10px 12px;min-height:76px;gap:10px;font-size:11px}
 #summaryView .quick-links button>span:last-child{text-align:left;min-width:0}
 #summaryView .quick-links .feature-icon{width:36px;height:36px;border-radius:12px}
 #summaryView .quick-links .feature-icon svg{width:22px;height:22px}
 #summaryView .quick-links b{font-size:18px;white-space:normal;overflow-wrap:anywhere}
 #summaryView .quick-links small{font-size:9px}
 #summaryView .practical-summary>.section-heading>.muted{display:none}
 #summaryView .practical-summary{padding:14px}
 #summaryView .briefing-grid{grid-template-columns:1fr}
}
@media(max-width:380px){
 .welcome.welcome-compact{padding:10px 12px;gap:8px}
 .welcome-compact h1{font-size:19px}
 .welcome-compact .welcome-copy{gap:7px}
 .welcome-emblem{width:28px;height:28px;font-size:25px;border-radius:9px}
 .welcome.welcome-compact button{padding:9px 10px;font-size:11px}
 #summaryView .quick-links button{padding:10px;gap:8px}
 #summaryView .quick-links .feature-icon{width:30px;height:30px;border-radius:10px}
 #summaryView .quick-links b{font-size:16px}
}


/* v11: one persistent page title; content starts immediately below the app bar. */
body>header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;height:auto;min-height:66px;padding:8px 24px;background:rgba(248,253,255,.94);backdrop-filter:blur(18px)}
body>header .brand{gap:8px;min-width:0}
body>header .brand-name{font-size:13px;white-space:nowrap}
body>header .brand-mark{width:34px;height:34px;min-width:34px;font-size:26px;border-radius:12px}
#screenTitle{margin:0;font-size:21px;line-height:1.2;letter-spacing:-.5px;color:var(--ink,#123c53)}
.header-actions{justify-self:end;gap:6px}
.header-actions button{min-height:40px;padding:8px 12px}
body:has(#content[hidden]) #screenTitle{display:none}
body:has(#content[hidden])>header{grid-template-columns:1fr auto}
main{padding-top:14px}
.home-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;color:#607a8c;font-size:13px}
.home-toolbar button{min-height:42px;padding:10px 14px;background:linear-gradient(115deg,#09b6b2,#078caf);color:#fff;border:0;border-radius:15px;white-space:nowrap}
.app-view>.screen-heading,.app-view>.diary-title{display:none}
.catalog-title{justify-content:flex-end;margin:0 0 10px;padding:0}
.surface{padding:16px;margin-bottom:12px;border-radius:21px}
.section-heading{gap:10px;margin-bottom:10px}
.section-heading .eyebrow{display:none}
.surface h2{font-size:18px;line-height:1.3;margin:0;display:flex;align-items:center;gap:9px;min-width:0}
.heading-icon,.provider-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#dcf6f2;color:#0b9a9f}
.heading-icon svg,.provider-icon svg{width:20px;height:20px}
.provider-icon[data-provider="chatgpt"]{color:#fff;background:#10a37f}
.provider-icon[data-provider="whoop"]{background:#111;color:white;flex-basis:42px;width:42px}
.provider-icon[data-provider="whoop"] svg{width:38px}
.provider-icon[data-provider="applehealth"]{background:white;border:1px solid #f4dfe7}
.legend .provider-icon{width:32px;height:24px;flex-basis:32px}
.practical-summary .section-heading>.muted{display:none}
.briefing-card{padding:12px 0}
.nutrition-block{margin-top:14px;padding-top:14px}
#historyContent{padding:0;background:none;border:0;box-shadow:none}
#historyContent>.today-panel{margin-bottom:12px}
#historyContent>.nutrition-history{padding:16px;background:#fff;border:1px solid #dfedf2;border-radius:21px;margin-top:0}
#historyView>.wide{width:auto;margin:0 0 10px;min-height:42px;padding:10px 16px}
.diary-title{margin:0}
.diary-chat,.diary-review,.diary-quick{padding:16px}
/* Quiet lake and mountain silhouettes echo the reference; decoration adds no height. */
.app-view{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 360'%3E%3Cpath fill='%23dceff3' fill-opacity='.65' d='M0 250 160 75 285 205 420 32 610 235 720 110 800 225V360H0Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='.8' d='m420 32-69 105 65-28 36 23 21-17Zm-260 43-48 54 46-14 27 14Z'/%3E%3Cpath fill='%23ccebe7' fill-opacity='.55' d='M0 290q160-85 325 0t475-25v95H0Z'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3' d='M180 312h400m-330 18h430'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right bottom;background-size: min(100%,800px) auto}
.app-view>.surface{background-color:rgba(255,255,255,.94)}
.menu-list{background-image:linear-gradient(120deg,rgba(224,250,247,.65),rgba(248,232,245,.35))}
@media(max-width:900px){
 body>header{grid-template-columns:1fr auto;gap:2px 10px;padding:8px 14px;min-height:64px}
 body>header .brand{grid-column:1;grid-row:1;gap:5px}
 body>header .brand-mark{width:18px;height:18px;min-width:18px;border-radius:6px;font-size:14px;box-shadow:none}
 body>header .brand-name{font-size:10px;font-weight:600;color:#607a8c}
 #screenTitle{grid-column:1;grid-row:2;font-size:20px;line-height:1.15}
 .header-actions{grid-column:2;grid-row:1 / 3}
 .header-actions button{padding:8px 10px;font-size:13px;min-width:40px;min-height:40px}
 main{padding:10px 12px calc(100px + env(safe-area-inset-bottom))}
 .surface,.diary-chat,.diary-review,.diary-quick{padding:14px;margin-bottom:10px;border-radius:19px}
 .section-heading{margin-bottom:8px}
 .surface h2{font-size:16px;gap:7px}
 .section-heading>.muted{font-size:11px}
 .home-toolbar>span{max-width:135px;font-size:12px}
 #summaryView .quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
 #summaryView .quick-links button{min-height:74px;padding:10px;gap:8px}
 .practical-summary{padding:12px 14px}
 .practical-summary .briefing-card{padding:10px 0}
 .briefing-card h3{font-size:15px;margin:0 0 6px}
 .briefing-card p{font-size:13px;line-height:1.45;margin:6px 0}
 .page-title{margin:0 0 10px;gap:6px;align-items:center}
 .page-title #fresh{font-size:11px}
 .heading-icon,.provider-icon{width:27px;height:27px;flex-basis:27px;border-radius:9px}
 .menu-list button{padding:12px 6px}
 .nutrition-note,.footnote{font-size:12px;line-height:1.45}
}


/* v12: quiet toolbar, larger marks and dense progress cards. */
body>header{display:flex;justify-content:space-between;min-height:56px;height:auto;padding:7px 14px;gap:8px}
body>header .brand-name{font-size:12px;font-weight:500}
body>header .brand-mark{width:24px;height:24px;min-width:24px;font-size:19px;border-radius:8px}
.header-actions{display:flex;align-items:center;gap:6px;min-width:0}
#lastLoaded{font-size:10px;font-weight:300;color:#6a7f8d;line-height:1.3;max-width:128px;text-align:right}
body:has(#content[hidden]) #lastLoaded{display:none}
#summaryView .quick-links .feature-icon,.menu-list .feature-icon{width:64px;height:64px;flex:0 0 64px;border-radius:20px}
#summaryView .quick-links .feature-icon svg,.menu-list .feature-icon svg{width:44px;height:44px}
.heading-icon,.provider-icon{width:54px;height:54px;flex:0 0 54px;border-radius:16px}
.heading-icon svg,.provider-icon svg{width:38px;height:38px}
.provider-icon[data-provider="whoop"]{width:54px;flex-basis:54px;overflow:hidden;background:#000}
.provider-icon img{display:block;width:100%;height:100%;object-fit:contain}
.provider-icon[data-provider="whoop"] svg{width:38px}
.quick-links small.metric-stale{color:#a8670f!important;font-weight:500}
#kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
#kpis .kpi{min-height:0;padding:10px 12px;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-start;gap:4px}
#kpis .kpi label{font-size:11px;line-height:1.2;margin:0}
#kpis .kpi b{font-size:21px;line-height:1.15;margin:0}
#kpis .kpi small{font-size:10px;line-height:1.25;margin:0}
#progressView .page-title{padding:0;margin:0 0 8px}
#progressView .page-title>div{display:none}
#progressView .period{display:flex;align-items:center;gap:8px}
#foodDiaryTab .add-icon{position:relative;display:grid;place-items:center;width:32px;height:32px;margin:0;border:0;border-radius:10px;background:linear-gradient(145deg,#29bcb0,#008f9d);box-shadow:none}
#foodDiaryTab .add-icon>[data-provider]{display:grid;place-items:center;width:34px;height:34px}
#foodDiaryTab .add-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;fill:none}
#foodDiaryTab .add-plus{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;width:21px;height:21px;background:#fff;border:2px solid #13b9b4;border-radius:50%;color:#078f99;font-size:19px;line-height:1}
.briefing-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.briefing-title h3{margin:0!important}
.briefing-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:17px;background:linear-gradient(140deg,#d3f6f0,#e5f2fe);color:#098f9a}
.briefing-icon svg{width:36px;height:36px}
.briefing-card:nth-child(2n) .briefing-icon{background:linear-gradient(140deg,#fce2f0,#eee8ff);color:#b65c95}
@media(max-width:900px){
 body>header .brand{gap:5px}
 #kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 #kpis .kpi{padding:9px 11px}
 #kpis .kpi b{font-size:20px}
 #summaryView .quick-links button{gap:8px;padding:9px;min-height:82px}
 #summaryView .quick-links .feature-icon{width:56px;height:56px;flex-basis:56px;border-radius:17px}
 #summaryView .quick-links .feature-icon svg{width:39px;height:39px}
 #summaryView .quick-links b{font-size:16px}
 #summaryView .quick-links small{font-size:10px;line-height:1.25}
 .header-actions #logout{font-size:11px;padding:8px 7px}
 #lastLoaded{font-size:9px;max-width:83px}
}
@media(max-width:380px){
 body>header{padding:6px 10px;gap:4px}
 body>header .brand-name{font-size:10px}
 body>header .brand-mark{display:none}
 #summaryView .quick-links button{gap:6px;padding:8px}
 #summaryView .quick-links .feature-icon{width:48px;height:48px;flex-basis:48px}
 #summaryView .quick-links .feature-icon svg{width:34px;height:34px}
}


/* v16: compact native appearance picker and neutral, iOS-inspired dark surfaces.
   Color roles are intentional, not an inversion/filter over the light palette. */
:root{--toolbar-control-size:44px}
body>header{flex-wrap:nowrap}
.header-actions .theme-control,.header-actions #refresh,.header-actions #logout{box-sizing:border-box;height:var(--toolbar-control-size);min-height:var(--toolbar-control-size);margin:0;border-radius:12px;flex-shrink:0}
.header-actions .theme-control{position:relative;display:grid;place-items:center;width:var(--toolbar-control-size);min-width:var(--toolbar-control-size);padding:0;border:1px solid var(--line);background:#ffffffb8;color:var(--ink);cursor:pointer}
.header-actions .theme-control:hover{background:#e7f7f8}
.header-actions .theme-control:focus-within{outline:3px solid #078baf;outline-offset:3px}
#themeIcon{display:block;font-size:23px;font-weight:400;line-height:1;pointer-events:none}
/* The native select keeps VoiceOver, keyboard and the iOS picker. Its entire
   44px square is clickable; a 16px font avoids Safari's form-field zoom. */
.header-actions #themeMode{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:inherit;opacity:0;cursor:pointer;font-size:16px!important}
body:not(.data-page) .header-actions #refresh{width:var(--toolbar-control-size);min-width:var(--toolbar-control-size);padding:0;font-size:23px}
.header-actions #logout{min-width:44px;padding:0 9px;font-size:12px}
.data-page .header-actions #refresh{width:auto;min-width:44px;padding:0 10px;font-size:12px}
@media(max-width:600px){
 body>header .brand .brand-mark{display:none}
 body>header .brand-name{font-size:11px}
 .header-actions{gap:4px}
 #lastLoaded{max-width:68px;font-size:9px}
 .header-actions #logout{padding:0 7px;font-size:11px}
 .data-page header>div:first-child{min-width:0;flex:1}
 .data-page header>div:first-child>.muted,.data-page header .logo{display:none}
 .data-page header strong{font-size:12px}
}
@media(max-width:380px){
 body>header .brand-name{font-size:10px;letter-spacing:-.3px}
 #lastLoaded{max-width:44px;font-size:8px}
 .header-actions #logout{padding:0 5px;font-size:10px}
}

:root[data-theme="dark"]{
 color-scheme:dark;
 --canvas:#111113;--surface:#1c1c1e;--raised:#2c2c2e;--inset:#242426;--hover:#343438;
 --ink:#f2f2f7;--muted:#aeaeb2;--line:#3a3a3c;--input-line:#73737a;
 --green:#80c8be;--orange:#e6a4bf;--teal:#80c8c2;--rose:#e6a4bf;
 --accent-fill:#326b66;--on-accent:#ffffff;--accent-soft:#243a37;
 --good:#9ad2b3;--warning:#e6ca93;--danger:#f0a5b4;
 --shadow:0 6px 24px #00000022;
 background:var(--canvas);color:var(--ink)
}
html[data-theme="dark"] body{background:var(--canvas);color:var(--ink)}
html[data-theme="dark"] body>header{background:var(--surface);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .app-view{background-image:none}
html[data-theme="dark"] :is(.surface,.app-view>.surface,.login-card,.data-page .card,.data-page .chartbox,.data-page article,.data-page details,.data-page .controls,.data-page dialog,#historyContent>.nutrition-history,#diaryAISettings){background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] #settingsView #diaryAISettings{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] #historyContent{background:none;border:0}
html[data-theme="dark"] :is(.quick-links button,.diary-quick,.diary-chat,.diary-review,.menu-list,.kpi,.kpi:nth-child(2),.kpi:nth-child(3),.trend-card){background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] :is(.welcome,.welcome.welcome-compact){background:var(--surface);border:1px solid var(--line)}
html[data-theme="dark"] :is(.brand .brand-name,.quick-links b,h1,h2,h3,h4,.catalog-producer b){color:var(--ink)}
html[data-theme="dark"] :is(.muted,.nutrition-note,.footnote,.briefing-evidence,.eyebrow,.empty,.kpi label,.kpi small,.quick-links small,#lastLoaded,footer,.menu-list small,.today-panel small,.home-toolbar,.welcome p){color:var(--muted)}
html[data-theme="dark"] .kpi b{color:var(--ink)}
html[data-theme="dark"] :is(button,input,select,textarea){background:var(--raised);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .header-actions :is(button,.theme-control){background:var(--raised);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(input,select,textarea,.diary-meta input,.diary-meta select,.diary-search input,.diary-item input,.diary-item select,#diaryTime,#diaryText,#diaryAIForm input,#diaryAIForm select){background:var(--inset);border-color:var(--input-line);color:var(--ink)}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
html[data-theme="dark"] :is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--teal)}
html[data-theme="dark"] .header-actions .theme-control:focus-within{outline-color:var(--teal)}
html[data-theme="dark"] :is(button:hover,.header-actions .theme-control:hover){background:var(--hover)}
html[data-theme="dark"] :is(.primary,#diarySave,#diaryQuickSave,#diarySend,.login-card form button,.catalog-title>button,.home-toolbar button,.welcome button){background:var(--accent-fill);color:var(--on-accent);border-color:transparent;box-shadow:none}
html[data-theme="dark"] :is(.primary,#diarySave,#diaryQuickSave,#diarySend,.login-card form button,.catalog-title>button,.home-toolbar button,.welcome button):hover:not(:disabled){background:#3b7872}
html[data-theme="dark"] :is(button:disabled,#foodDiaryView button:disabled,#settingsView button:disabled,#catalogView button:disabled){background:#303033;color:#a0a0a6;opacity:1;box-shadow:none;cursor:not-allowed}
html[data-theme="dark"] #diaryPin{background:#392c34;color:#e6b4cb;box-shadow:none}
html[data-theme="dark"] #diaryPin:disabled{background:#303033;color:#a0a0a6}
html[data-theme="dark"] .brand .brand-mark{background:var(--accent-fill);box-shadow:none}
html[data-theme="dark"] :is(.heading-icon,.briefing-icon,.mint){background:#243a37;color:#8accc3}
html[data-theme="dark"] .lilac{background:#322e40;color:#c0b5df}
html[data-theme="dark"] :is(.pink,.briefing-card:nth-child(2n) .briefing-icon,.welcome-emblem){background:#3a2c35;color:#e6a4bf}
html[data-theme="dark"] .blue{background:#283540;color:#9ac4df}
html[data-theme="dark"] .provider-icon[data-provider="chatgpt"]{background:#285c4d;color:#fff}
html[data-theme="dark"] .provider-icon[data-provider="applehealth"]{background:var(--raised);border-color:var(--line)}
html[data-theme="dark"] :is(.dashboard-tabs,.data-page nav){background:var(--surface);border-color:var(--line);box-shadow:0 6px 26px #0005}
html[data-theme="dark"] .dashboard-tabs button{background:none;color:var(--muted)}
html[data-theme="dark"] :is(.dashboard-tabs button[aria-pressed="true"],.data-page nav button.active){background:var(--accent-soft);color:var(--teal)}
html[data-theme="dark"] .dashboard-tabs .add-icon{background:var(--accent-fill);color:#fff;border-color:var(--surface);box-shadow:none}
html[data-theme="dark"] #foodDiaryTab[aria-pressed="true"]{background:none}
html[data-theme="dark"] #foodDiaryTab .add-plus{background:var(--raised);border-color:#80c8c2;color:var(--teal)}
html[data-theme="dark"] :is(.menu-list>button,.menu-list>a){background:none;border-color:var(--line)}
html[data-theme="dark"] .menu-list>*:hover{background:var(--inset)}
html[data-theme="dark"] :is(.diary-bubble,.diary-nutrients>div,.selected-day-stats>div,.selected-day-stats>div:nth-child(2n),.coverage article,.catalog-portion-row>td,.diary-suggestions,.producer-editor,.replacement-impact,.data-page pre){background:var(--inset);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] :is(.diary-bubble.user,.diary-suggestion:has(input:checked),.coverage article.complete,.tag,.data-page .badge){background:var(--accent-soft);color:#b1dcd0}
html[data-theme="dark"] .diary-suggestion:hover{background:var(--hover)}
html[data-theme="dark"] .diary-suggestion:has(input:checked):hover{background:#2f4943}
html[data-theme="dark"] .diary-suggestion input{accent-color:var(--teal)}
html[data-theme="dark"] :is(.diary-suggestion small,.diary-item-info,#diaryActivity){color:var(--muted)}
html[data-theme="dark"] :is(.day-missing,.whoop-requests,.data-page .notice){background:#3a3225;color:var(--warning);border-color:#6b583b}
html[data-theme="dark"] :is(.diary-estimate,.diary-warning,.replacement-message,.producer-editor p){background:#382d35;color:#e6b4cb}
html[data-theme="dark"] :is(#error,.diary-error){background:#40282e;color:#f2b8c4}
html[data-theme="dark"] :is(.metric-stale,.quick-links small.metric-stale){color:#e6ca93!important}
html[data-theme="dark"] :is(th,.food-table .food-group th,.food-table .food-group td){background:var(--raised);color:#d1d1d6}
html[data-theme="dark"] :is(td,th,.food-table td,.food-table th,.briefing-card,details,.nutrition-block,.diary-item,.tablewrap,.nutrition-scroll){border-color:var(--line)}
html[data-theme="dark"] .food-table tfoot tr:first-child{background:var(--accent-soft);color:var(--ink)}
html[data-theme="dark"] :is(.briefing-links a,.nutrition-details a,.training-evidence a,.data-page td a){color:var(--teal)}
html[data-theme="dark"] .data-page tbody tr:hover td{background:var(--inset)}
html[data-theme="dark"] .data-page code{color:#d1d1d6}
html[data-theme="dark"] dialog::backdrop{background:#0009}
html[data-theme="dark"] .progress{background:var(--raised)}
html[data-theme="dark"] .progress span{background:var(--teal)}
html[data-theme="dark"] svg text{fill:var(--muted)}
html[data-theme="dark"] :is(.chart,.trend-plot,.mini,#chart) svg line{stroke:var(--line)}
html[data-theme="dark"] :is(.chart,.trend-plot,.mini) svg path[stroke="#079da7"]{stroke:var(--teal)}
html[data-theme="dark"] :is(#diarySaveResult,.complete .status,.good){color:var(--good)}
html[data-theme="dark"] :is(.missing .status,.bad){color:var(--danger)}
html[data-theme="dark"] .status{color:var(--warning)}
@media(max-width:700px){
 html[data-theme="dark"] .catalog-table tr{background:var(--surface);border-color:var(--line)}
 html[data-theme="dark"] .catalog-table .catalog-portion-row{background:var(--inset)}
 html[data-theme="dark"] .catalog-table .catalog-portion-row>td{background:none}
}
@media(forced-colors:active){.header-actions .theme-control{border-color:ButtonText}.header-actions .theme-control:focus-within{outline-color:Highlight}}

/* Legacy components have explicit light fills; give each a semantic dark role. */
html[data-theme="dark"] :is(.data-page .tablewrap,.data-page .pill){background:var(--surface);color:var(--ink)}
html[data-theme="dark"] :is(.data-page .card span,.data-page .metric-summary span,.data-page label,.coaching details,.gap-comparison dt){color:var(--muted)}
html[data-theme="dark"] :is(.data-page summary,.nutrition-budget strong){color:var(--ink)}
html[data-theme="dark"] .data-page .good{background:var(--accent-soft);color:var(--good)}
html[data-theme="dark"] :is(.data-page .pending,.food-table .food-known td){background:#3a3225;color:var(--warning)}
html[data-theme="dark"] .data-page .errorCell{background:#40282e;color:var(--danger)}
html[data-theme="dark"] :is(.coaching,.coverage-line,.diary-upload,.diary-suggestion){border-color:var(--line)}
html[data-theme="dark"] :is(.needs_update .status,.day-deviations li strong,.briefing-card.attention h3::before){color:var(--warning)}
html[data-theme="dark"] .food-table tfoot th{background:transparent;color:inherit}
html[data-theme="dark"] #chart .value{fill:var(--ink)}
html[data-theme="dark"] #chart .bar{fill:var(--teal)}
html[data-theme="dark"] :is(#chart .bar:hover,#chart .bar:focus){fill:#a8ded6}
html[data-theme="dark"] :is(.trend-canvas,.recovery-canvas) svg line{stroke:var(--line)}
html[data-theme="dark"] .data-page nav button{background:none;color:var(--muted)}
html[data-theme="dark"] .data-page nav button.active{background:var(--accent-soft);color:var(--teal)}

/* v81: Gleb's dark neon tile language, drawn as small local vectors. */
.dashboard-tabs button{min-width:0;min-height:58px;gap:4px}
.dashboard-tabs > button > span:last-child{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.dashboard-tabs .neon-nav-icon,.dashboard-tabs #whoopApiTab .neon-nav-icon{width:32px;height:32px;border-radius:9px;flex:none}
.neon-nav-icon img{display:block;width:32px;height:32px;border-radius:9px}
.dashboard-tabs button[aria-pressed="true"] .neon-nav-icon{box-shadow:0 0 0 2px var(--surface,#fff),0 0 0 4px #168573}
.dashboard-tabs #foodDiaryTab[aria-pressed="true"]{background:#eaf9fa}
.dashboard-tabs button:focus-visible{outline:2px solid #168573;outline-offset:2px}
html[data-theme="dark"] .dashboard-tabs #foodDiaryTab[aria-pressed="true"]{background:var(--raised)}
html[data-theme="dark"] .dashboard-tabs button:focus-visible{outline-color:#89dbc6}
html[data-theme="dark"] .dashboard-tabs button[aria-pressed="true"] .neon-nav-icon{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #89dbc6}

/* v82: the existing food assistant is the primary add action. No idle animation. */
.dashboard-tabs #foodDiaryTab{margin-top:-20px;min-height:78px;gap:4px;position:relative}
.dashboard-tabs #foodDiaryTab .neon-nav-icon{width:56px;height:56px;border-radius:17px;box-shadow:0 4px 14px #47316e35;transition:box-shadow .15s ease}
.dashboard-tabs #foodDiaryTab .neon-nav-icon img{width:56px;height:56px;border-radius:17px}
.dashboard-tabs #foodDiaryTab .assistant-nav-label{color:#5c427e;font-weight:650;line-height:14px}
.dashboard-tabs #foodDiaryTab:active .neon-nav-icon{box-shadow:0 0 0 3px #b4a0db}
.dashboard-tabs #foodDiaryTab[aria-pressed="true"] .neon-nav-icon{box-shadow:0 0 0 2px var(--surface,#fff),0 0 0 4px #168573,0 4px 14px #47316e35}
html[data-theme="dark"] .dashboard-tabs #foodDiaryTab .assistant-nav-label{color:#dac9ff}
html[data-theme="dark"] .dashboard-tabs #foodDiaryTab[aria-pressed="true"] .neon-nav-icon{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #89dbc6,0 4px 14px #0005}
@media(prefers-reduced-motion:reduce){.dashboard-tabs #foodDiaryTab .neon-nav-icon{transition:none}}