#food-rhythm .fr-main { padding:16px 23px 26px; min-height:578px; }
#food-rhythm .fr-loading { min-height:540px; display:grid; place-items:center; color:#197457; font-size:15px; font-weight:700; text-align:center; }
#food-rhythm h1 { font-size:32px; letter-spacing:-1.2px; line-height:1.15; margin:13px 0; font-weight:760; }
#food-rhythm h2 { font-size:19px; letter-spacing:-.4px; margin:0; }
#food-rhythm p { margin:9px 0; }
#food-rhythm .fr-muted { color:var(--fr-muted); font-size:14px; }
#food-rhythm .fr-small { font-size:12px; }
#food-rhythm .fr-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#food-rhythm .fr-stack { display:grid; gap:12px; }
#food-rhythm .fr-primary { border:0; border-radius:18px; background:var(--fr-green); color:white; width:100%; min-height:56px; padding:12px 18px; font-weight:650; display:flex; align-items:center; justify-content:center; gap:9px; }
#food-rhythm .fr-secondary { border:1px solid #d8e1d6; background:white; border-radius:16px; min-height:48px; padding:10px 15px; color:var(--fr-ink); }
#food-rhythm .fr-icon { display:inline-grid; place-items:center; min-width:48px; min-height:48px; padding:10px; background:white; border:1px solid #dce4d9; border-radius:50%; color:var(--fr-ink); }
#food-rhythm .fr-ui-icon { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#food-rhythm .fr-card { background:white; padding:20px; border-radius:var(--fr-radius); border:1px solid #e5eade; }
#food-rhythm .fr-hero { text-align:center; min-height:470px; padding:24px 0 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; }
#food-rhythm .fr-hero h1 { margin:0; }
#food-rhythm .fr-mascot { width:190px; animation:fr-float 3.8s ease-in-out infinite; transform-origin:center bottom; }
#food-rhythm .fr-mascot svg { display:block; width:100%; overflow:visible; }
#food-rhythm .fr-mascot-body { transform-origin:center bottom; }
#food-rhythm .fr-mascot-leaf { fill:#197457; transform-origin:108px 50px; animation:fr-leaf-idle 3s ease-in-out infinite; }
#food-rhythm .fr-mascot-shadow { fill:var(--fr-face); transform-origin:center; animation:fr-shadow-float 3.8s ease-in-out infinite; }
#food-rhythm .fr-tongue { opacity:0; }
#food-rhythm .fr-tongue-out .fr-tongue { animation:fr-tongue-out .9s ease-in-out both; }
@keyframes fr-tongue-out { 0%,100% { opacity:0; } 25%,70% { opacity:1; } }
#food-rhythm .fr-start { border:0; border-radius:22px; background:#197457; color:white; width:100%; min-height:64px; padding:12px 18px; display:flex; align-items:center; justify-content:center; gap:14px; font-size:17px; font-weight:650; box-shadow:0 10px 30px #19745729; transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease; }
#food-rhythm .fr-start:hover { transform:translateY(-2px); box-shadow:0 14px 34px #19745733; }
#food-rhythm .fr-start:active { transform:translateY(2px) scale(.97); }
#food-rhythm .fr-mascot.fr-jump { animation:fr-mascot-jump .7s cubic-bezier(.22,.9,.3,1); }
#food-rhythm .fr-mascot.fr-jump .fr-mascot-body { animation:fr-body-squash .7s cubic-bezier(.22,.9,.3,1); }
#food-rhythm .fr-mascot.fr-jump .fr-mascot-leaf { animation:fr-leaf-jump .7s ease; }
@keyframes fr-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
@keyframes fr-shadow-float { 0%,100% { transform:scaleX(1); opacity:.12; } 50% { transform:scaleX(.82); opacity:.06; } }
@keyframes fr-leaf-idle { 0%,100% { transform:rotate(-2deg); } 50% { transform:rotate(5deg); } }
@keyframes fr-mascot-jump { 0%,100% { transform:translateY(0); } 18% { transform:translateY(6px); } 45% { transform:translateY(-38px); } 70% { transform:translateY(2px); } 84% { transform:translateY(-7px); } }
@keyframes fr-body-squash { 0%,100% { transform:scale(1); } 18% { transform:scaleX(1.08) scaleY(.9); } 45% { transform:scaleX(.94) scaleY(1.08); } 70% { transform:scaleX(1.05) scaleY(.94); } }