#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 { padding:0 3px; }
#food-rhythm .fr-diary-heading h1 { margin:0; font-size:32px; line-height:1; font-weight:760; letter-spacing:-.025em; }
#food-rhythm .fr-calendar-toggle { flex:none; display:grid; place-items:center; width:50px; height:50px; padding:0; border:1px solid #dce4d9; border-radius:50%; background:white; color:var(--fr-ink); box-shadow:0 5px 14px #183c2d0f; transition:transform .3s cubic-bezier(.16,1,.3,1); }
#food-rhythm .fr-calendar-toggle .fr-ui-icon { width:21px; height:21px; stroke-width:1.8; }
#food-rhythm .fr-calendar-toggle:active { transform:scale(.92); }
#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; }
#food-rhythm .macro__track { height:5px; margin-top:10px; overflow:hidden; border-radius:100px; background:#e7ece4; }