#food-rhythm .fr-streak-hero[data-milestone="14"] .fr-choice-mascot-body{animation-name:fr-streak-twirl}
#food-rhythm .fr-streak-hero[data-milestone="14"] .fr-streak-sparkles{color:#197457}
#food-rhythm .fr-streak-hero[data-milestone="30"] .fr-choice-mascot-body{animation-name:fr-streak-leap;animation-duration:1.8s}
#food-rhythm .fr-streak-hero[data-milestone="30"] .fr-streak-sparkles{color:#df849d;font-size:32px}
#food-rhythm .fr-streak-count{display:flex;align-items:center;justify-content:center;gap:10px;color:#d97429;margin:-12px 0 0}
#food-rhythm .fr-streak-count>svg{width:27px;height:36px}
#food-rhythm .fr-streak-count>strong{font-size:64px;line-height:1.04;letter-spacing:-3px;font-variant-numeric:tabular-nums}
#food-rhythm .fr-streak-dialog h2{font-size:25px;line-height:1.2;margin:4px 0 8px;font-weight:800}
#food-rhythm .fr-streak-caption{font-size:13px;line-height:1.45;color:#6b796b;margin:0 0 20px}
#food-rhythm .fr-streak-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;list-style:none;margin:0 0 18px;padding:0}
#food-rhythm .fr-streak-week li{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:10px;color:#85917e}
#food-rhythm .fr-streak-week b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9eee2;color:#8c9984;font-size:15px}
#food-rhythm .fr-streak-week .is-complete b{background:#197457;color:white}
#food-rhythm .fr-streak-week .is-today b{outline:2px solid #d99434;outline-offset:3px;color:#c67921;background:#fff3cd}
#food-rhythm .fr-streak-today{text-align:left;border:1px solid #e0e8d7;background:#ffffffb3;border-radius:20px;padding:15px}
#food-rhythm .fr-streak-today>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.4}
#food-rhythm .fr-streak-today>div:first-child span{white-space:nowrap;color:#63806c}
#food-rhythm .fr-streak-today p{font-size:12px;line-height:1.5;color:#657a69;margin:9px 0 0}
#food-rhythm .fr-streak-today small{font-size:10px;color:#788b77}
#food-rhythm .fr-streak-range{height:6px;border-radius:5px;background:#e5eddd;overflow:hidden;margin:12px 0 5px}
#food-rhythm .fr-streak-range span{display:block;height:100%;border-radius:inherit;background:#197457;transition:width .3s}
#food-rhythm .fr-streak-today[data-status=exceeded] .fr-streak-range span{background:#d38f4e}
#food-rhythm .fr-streak-note{font-size:10px;line-height:1.5;color:#7b8776;margin:12px 0}
#food-rhythm .fr-streak-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin:16px 0}
#food-rhythm .fr-streak-reminder strong{display:block;font-size:13px}
#food-rhythm .fr-streak-reminder small{display:block;font-size:11px;margin-top:4px;color:#7b8776}
#food-rhythm .fr-streak-toggle{flex:none;border:0;background:#dce5d8;border-radius:18px;width:46px;height:28px;padding:3px;cursor:pointer}
#food-rhythm .fr-streak-toggle span{display:block;width:22px;height:22px;background:white;border-radius:50%;box-shadow:0 2px 5px #163d3220;transition:transform .2s}
#food-rhythm .fr-streak-toggle[aria-checked=true]{background:#197457}
#food-rhythm .fr-streak-toggle[aria-checked=true] span{transform:translateX(18px)}
#food-rhythm .fr-streak-message{font-size:12px;line-height:1.4;text-align:left;color:#6a755f}
#food-rhythm .fr-streak-done{margin-top:8px;min-height:48px;width:100%;border-radius:18px}
@keyframes fr-streak-enter{from{transform:translateY(20px) scale(.96);opacity:0}to{transform:none;opacity:1}}
@keyframes fr-streak-hop{0%,100%{transform:none}25%{transform:scale(1.08,.9)}50%{transform:translateY(-18px) scale(.94,1.08)}75%{transform:scale(1.08,.92)}}
@keyframes fr-streak-sway{0%,100%{transform:none}30%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}}
@keyframes fr-streak-wave{0%,100%{transform:none}20%,60%{transform:rotate(-12deg) translateY(-6px)}40%,80%{transform:rotate(8deg)}}
@keyframes fr-streak-twirl{0%,100%{transform:none}50%{transform:translateY(-15px) rotate(360deg)}}
@keyframes fr-streak-leap{0%,100%{transform:none}25%{transform:translate(-12px,-12px) rotate(-14deg)}65%{transform:translate(12px,-20px) rotate(14deg)}}