#food-rhythm .fr-day-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-height:42px}
#food-rhythm .fr-day-title-row .fr-diary-heading{margin:0}
#food-rhythm .fr-streak-badge{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dce5d7;border-radius:18px;background:#eef3e9;color:#667a6a;min-height:42px;cursor:pointer}
#food-rhythm .fr-streak-badge svg{width:18px;height:23px}
#food-rhythm .fr-streak-badge strong{font-size:20px;font-variant-numeric:tabular-nums}
#food-rhythm .fr-streak-badge span{font-size:11px;font-weight:700}
#food-rhythm .fr-streak-badge.is-lit{color:#d96a25;background:#fff2dc;border-color:#f2d6aa}
#food-rhythm .fr-streak-badge i{width:6px;height:6px;border-radius:50%;background:#99a695}
#food-rhythm .fr-streak-badge:focus-visible,#food-rhythm .fr-streak-dialog button:focus-visible{outline:3px solid #197457;outline-offset:3px}
#food-rhythm .fr-streak-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:12px}
#food-rhythm .fr-streak-backdrop{position:absolute;inset:0;border:0;background:#153b3299;backdrop-filter:blur(7px)}
#food-rhythm .fr-streak-dialog{position:relative;width:min(420px,100%);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:22px 24px 24px;border-radius:32px;background:linear-gradient(160deg,#fff9e9 0%,#f7faef 42%,#f6f8f3 80%);color:#163d32;box-shadow:0 24px 90px #09291f55;text-align:center;animation:fr-streak-enter .35s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}
#food-rhythm .fr-streak-close{position:absolute;z-index:2;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffffa6;color:#456657;font-size:28px;cursor:pointer}
#food-rhythm .fr-streak-hero{position:relative;display:grid;place-items:center;height:155px;margin:0 auto;width:180px;isolation:isolate}
#food-rhythm .fr-streak-hero:before{content:'';position:absolute;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#f8dc88 0%,#fff2c8 45%,transparent 70%);z-index:-1}
#food-rhythm .fr-streak-hero .fr-choice-mascot{position:static;transform:translateY(20px);display:block;width:108px;height:126px;margin:0;overflow:visible;flex:none}
#food-rhythm .fr-streak-hero .fr-mascot-canvas{width:124%;height:auto;margin:-48% -12% -10%;overflow:visible}
#food-rhythm .fr-streak-hero .fr-choice-mascot-body{transform-origin:50px 91px;animation-duration:1.4s;animation-iteration-count:2;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}
#food-rhythm .fr-streak-hero[data-motion=sway] .fr-choice-mascot-body{animation-name:fr-streak-sway}
#food-rhythm .fr-streak-hero[data-motion=hop] .fr-choice-mascot-body{animation-name:fr-streak-hop}
#food-rhythm .fr-streak-hero[data-motion=wave] .fr-choice-mascot-body{animation-name:fr-streak-wave}
#food-rhythm .fr-streak-hero[data-motion=twirl] .fr-choice-mascot-body{animation-name:fr-streak-twirl}
#food-rhythm .fr-streak-hero[data-motion=leap] .fr-choice-mascot-body{animation-name:fr-streak-leap}
#food-rhythm .fr-streak-hero[data-motion=wiggle] .fr-choice-mascot-body{animation-name:fr-streak-wiggle}
#food-rhythm .fr-streak-hero[data-motion=star] .fr-choice-mascot-body,#food-rhythm .fr-streak-hero[data-motion=milestone] .fr-choice-mascot-body{animation-name:fr-streak-star}
#food-rhythm .fr-streak-sparkles{position:absolute;inset:0;pointer-events:none;color:#e8aa32;font-size:26px}
#food-rhythm .fr-streak-sparkles i{position:absolute;font-style:normal;animation:fr-streak-spark 1.8s ease-in-out 2}
#food-rhythm .fr-streak-sparkles i:nth-child(1){left:0;top:25%;--tilt:-25deg}
#food-rhythm .fr-streak-sparkles i:nth-child(2){right:0;top:5%;--tilt:20deg;animation-delay:.2s}
#food-rhythm .fr-streak-sparkles i:nth-child(3){right:5px;bottom:5%;--tilt:35deg;animation-delay:.4s;font-size:18px}
#food-rhythm .fr-streak-sparkles i:nth-child(4){left:8px;bottom:8%;--tilt:-35deg;animation-delay:.6s;font-size:16px}
#food-rhythm .fr-streak-hero[data-motion=milestone] .fr-streak-sparkles{color:#d89517;transform:scale(1.15)}