#food-rhythm .fr-nav-shape { position:absolute; inset:0; width:100%; height:100%; z-index:-1; overflow:visible; filter:drop-shadow(0 12px 20px #153a2c1a); }
#food-rhythm .fr-nav-shape path { fill:white; stroke:#dfe7dc; stroke-width:1; }
#food-rhythm .fr-nav-item { position:relative; width:74px; height:62px; justify-self:center; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; padding:0; border:0; background:transparent; color:#82918b; font-size:10px; transition:color .25s; -webkit-tap-highlight-color:transparent; }
#food-rhythm .fr-nav-item[data-action=profile] { grid-column:3; }
#food-rhythm .fr-nav-symbol,#food-rhythm .fr-nav-label { position:relative; transition:color .25s; }
#food-rhythm .fr-nav-symbol .fr-ui-icon { width:21px; height:21px; stroke-width:1.8; }
#food-rhythm .fr-nav-item[aria-current=page] { color:var(--fr-green); font-weight:700; }
#food-rhythm .fr-nav-add { position:absolute; z-index:2; top:-3px; left:50%; width:58px; height:58px; padding:0; border:0; border-radius:50%; background:var(--fr-green); color:white; transform:translateX(-50%); box-shadow:0 10px 24px #17795a47; transition:transform .48s cubic-bezier(.16,1.35,.3,1),background .25s,box-shadow .35s; }
#food-rhythm .fr-plus-mark::before,#food-rhythm .fr-plus-mark::after { content:""; position:absolute; left:50%; top:50%; width:22px; height:2px; border-radius:20px; background:currentColor; transform:translate(-50%,-50%); transition:transform .45s cubic-bezier(.16,1.25,.3,1); }
#food-rhythm .fr-plus-mark::after { transform:translate(-50%,-50%) rotate(90deg); }
#food-rhythm .fr-nav.fr-menu-open .fr-nav-add { background:#0f6247; transform:translateX(-50%) translateY(-4px) rotate(90deg) scale(1.06); box-shadow:0 15px 34px #105d4259; }
#food-rhythm .fr-nav.fr-menu-open .fr-plus-mark::before { transform:translate(-50%,-50%) rotate(45deg); }
#food-rhythm .fr-nav.fr-menu-open .fr-plus-mark::after { transform:translate(-50%,-50%) rotate(-45deg); }
@media(hover:hover) { #food-rhythm .fr-nav-item:not([aria-current=page]):hover { color:#4d6f63; } #food-rhythm .fr-nav-add:hover { background:#0f6247; transform:translateX(-50%) translateY(-3px) scale(1.045); } }
#food-rhythm .fr-nav-add:active { transform:translateX(-50%) translateY(2px) scale(.9); }
#food-rhythm.fr-is-day .fr-main,#food-rhythm.fr-is-progress .fr-main,#food-rhythm.fr-is-profile .fr-main,#food-rhythm.fr-is-family .fr-main,#food-rhythm.fr-is-tariff .fr-main { padding-bottom:115px; }
#food-rhythm.fr-is-day .fr-main { padding-top:30px; }
#food-rhythm .fr-diary button { scroll-margin-bottom:105px; }
#food-rhythm .fr-diary-heading { flex:none; margin:0; padding:0 3px; color:var(--fr-ink); font-size:24px; line-height:1.1; font-weight:760; letter-spacing:-.025em; }
#food-rhythm .fr-diary-stats { padding:18px 14px 17px; box-shadow:0 8px 24px #1941310e; }
#food-rhythm .fr-energy-ring { width:160px; height:160px; margin:0 auto 15px; padding:10px; display:grid; place-items:center; border-radius:50%; background:conic-gradient(#43c985 0 var(--fr-fill),#e8eee5 var(--fr-fill) 100%); }
#food-rhythm .fr-energy-core { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:white; text-align:center; }
#food-rhythm .fr-energy-core span { color:var(--fr-muted); font-size:10px; }
#food-rhythm .fr-energy-core strong { margin-top:3px; font-size:38px; line-height:1; letter-spacing:-.05em; }
#food-rhythm .fr-energy-core small { margin-top:6px; color:var(--fr-muted); font-size:10px; }
#food-rhythm .macros-card { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:4px 0 2px; }
#food-rhythm .macro { min-width:0; text-align:center; }
#food-rhythm .macro__label { display:block; color:#5c7066; font-size:12px; font-weight:600; white-space:nowrap; }
#food-rhythm .macro__value { display:block; margin-top:6px; color:#12352c; font-size:17px; line-height:1.2; font-weight:750; letter-spacing:-.03em; white-space:nowrap; }