#food-rhythm .fr-age-center { position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; }
#food-rhythm .fr-age-center input { pointer-events:auto; width:3ch; padding:0; border:0; background:transparent; color:#14372d; text-align:center; font-size:66px; line-height:.95; font-weight:800; font-variant-numeric:tabular-nums; touch-action:auto; }
@media(prefers-reduced-motion:reduce) { #food-rhythm .fr-age-ticks { transition:none; } }
#food-rhythm .fr-ruler { background:repeating-linear-gradient(90deg,#c9d5c2 0 1px,transparent 1px 12px); height:37px; margin:24px 0 10px; position:relative; }
#food-rhythm .fr-ruler:after { content:''; height:64px; width:2px; background:var(--fr-green); position:absolute; left:50%; bottom:0; }
#food-rhythm .fr-range { width:100%; accent-color:var(--fr-green); height:40px; }
#food-rhythm .fr-question-ruler { min-height:510px; padding-top:28px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; }
#food-rhythm .fr-question-ruler h1 { margin:0 0 23px; }
#food-rhythm .fr-question-ruler .fr-measure { margin:0 auto 15px; }
#food-rhythm .fr-question-ruler .fr-ruler { width:100%; height:130px; margin:22px 0 5px; overflow:hidden; touch-action:none; cursor:ew-resize; background:none; }
#food-rhythm .fr-question-ruler .fr-ruler:after { content:none; }
#food-rhythm .fr-question-ruler .fr-ruler:focus-within { outline:3px solid var(--fr-leaf); outline-offset:3px; }
#food-rhythm .fr-ruler-tick { position:absolute; bottom:0; width:2px; height:30px; border-radius:2px; background:#c9d5c2; transform:translateX(-50%); pointer-events:none; }
#food-rhythm .fr-ruler-tick-medium { height:42px; background:#b6c2b9; }
#food-rhythm .fr-ruler-tick-major { height:60px; background:#9eafa3; }
#food-rhythm .fr-ruler-pointer { position:absolute; left:calc(50% - 1.5px); top:0; bottom:0; width:3px; border-radius:2px; background:var(--fr-green); pointer-events:none; }
#food-rhythm .fr-question-ruler .fr-range { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
#food-rhythm .fr-question-height .fr-ruler { width:120px; height:196px; margin-top:8px; cursor:ns-resize; }
#food-rhythm #fr-onboarding .fr-primary { min-height:62px; }
#food-rhythm .fr-question-height .fr-ruler-tick { right:0; bottom:auto; width:30px; height:2px; transform:translateY(-50%); }
#food-rhythm .fr-question-height .fr-ruler-tick-medium { width:42px; }
#food-rhythm .fr-question-height .fr-ruler-tick-major { width:60px; }
#food-rhythm .fr-question-height .fr-ruler-pointer { left:0; right:0; top:calc(50% - 1.5px); bottom:auto; width:auto; height:3px; }
#food-rhythm .fr-error { color:var(--fr-face); font-size:13px; min-height:22px; }
#food-rhythm .fr-error:not(:empty) { padding:7px 9px; border-left:3px solid var(--fr-tongue); border-radius:9px; background:color-mix(in srgb,var(--fr-tongue) 17%,white); }
#food-rhythm .fr-result-screen { min-height:600px; display:flex; flex-direction:column; }
#food-rhythm .fr-result-head { display:grid; grid-template-columns:minmax(0,1fr) 92px; align-items:center; gap:12px; margin-top:41px; }
#food-rhythm .fr-result-head h1 { margin:0; font-size:clamp(38px,10.5vw,46px); line-height:1; letter-spacing:-.045em; }
#food-rhythm .fr-result-mascot { transform:translateY(5px); }
#food-rhythm .fr-result-mascot .fr-choice-mascot { width:92px; margin:0; }
#food-rhythm .fr-result-mascot .fr-choice-mascot::after { content:'✦'; position:absolute; top:7px; right:0; color:var(--fr-tongue); font-size:18px; animation:fr-result-star 1.8s ease-in-out infinite; }
@keyframes fr-result-star { 50% { opacity:.55; transform:scale(.8) rotate(18deg); } }
#food-rhythm .fr-daily-target { margin-top:32px; text-align:center; }
#food-rhythm .fr-daily-target-value { display:flex; align-items:baseline; justify-content:center; gap:10px; margin-top:6px; }
#food-rhythm .fr-daily-target-value strong { color:#10352b; font-size:clamp(68px,19vw,92px); line-height:.95; letter-spacing:-.065em; font-weight:800; font-variant-numeric:tabular-nums; }