#food-rhythm .fr-family-welcome { position:fixed; width:min(400px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); box-sizing:border-box; margin:auto; padding:24px; border:1px solid #e0e9d9; border-radius:30px; background:#f9fbf5; color:var(--fr-face); font-family:inherit; overflow-y:auto; overscroll-behavior:contain; box-shadow:0 24px 90px #092d3933; }
#food-rhythm .fr-family-welcome::backdrop { background:#102d286e; backdrop-filter:blur(5px); }
#food-rhythm .fr-family-welcome[open] { animation:fr-family-welcome-in .38s cubic-bezier(.2,.8,.3,1); }
#food-rhythm .fr-welcome-close { position:absolute; top:12px; right:12px; display:grid; place-items:center; width:40px; height:40px; padding:0; border:0; border-radius:50%; background:#ecf1e7; color:#698375; font-size:26px; }
#food-rhythm .fr-welcome-mascot { position:relative; height:76px; display:flex; align-items:center; justify-content:center; gap:22px; margin:0 0 8px; overflow:visible; }
#food-rhythm .fr-welcome-mascot .fr-choice-mascot { width:68px; height:76px; margin:0; }
#food-rhythm .fr-welcome-mascot .fr-mascot-canvas { width:100%; height:100%; margin:0; }
#food-rhythm .fr-welcome-mascot>span { color:#b3ca68; font-size:24px; animation:fr-family-spark 1.6s ease-in-out 2 alternate; }
#food-rhythm .fr-welcome-mascot>span:last-child { font-size:17px; animation-delay:.25s; }
#food-rhythm .fr-welcome-eyebrow { display:block; text-align:center; color:#6c8a56; font-size:11px; font-weight:700; letter-spacing:.03em; }
#food-rhythm .fr-family-welcome h2 { margin:8px 0; text-align:center; font-size:27px; line-height:1.1; letter-spacing:-.7px; }
#food-rhythm .fr-welcome-caption { margin:0 auto; max-width:290px; text-align:center; color:#78897f; font-size:13px; line-height:1.5; }
#food-rhythm .fr-welcome-benefits { list-style:none; display:grid; gap:12px; padding:0; margin:22px 0; }
#food-rhythm .fr-welcome-benefits li { display:flex; align-items:flex-start; gap:11px; font-size:12px; line-height:1.45; color:#516b5e; }
#food-rhythm .fr-welcome-benefits .fr-ui-icon { flex:none; width:19px; height:19px; color:var(--fr-leaf); }
#food-rhythm .fr-welcome-members { padding:16px; border:1px solid #e4eadf; border-radius:20px; background:#fff; }
#food-rhythm .fr-welcome-members h3 { display:flex; justify-content:space-between; margin:0 0 12px; font-size:14px; }
#food-rhythm .fr-welcome-members h3>span { color:#80926e; font-size:12px; }
#food-rhythm .fr-welcome-members>div { display:flex; align-items:center; gap:10px; margin-top:12px; }
#food-rhythm .fr-welcome-avatar { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:12px; background:#eef4dc; color:#567d4b; font-size:13px; font-weight:700; }
#food-rhythm .fr-welcome-members strong,#food-rhythm .fr-welcome-members small { display:block; overflow-wrap:anywhere; }
#food-rhythm .fr-welcome-members strong { font-size:12px; line-height:1.4; }
#food-rhythm .fr-welcome-members small { color:#87988b; font-size:10px; line-height:1.4; margin-top:2px; }
#food-rhythm .fr-family-welcome>.fr-primary { width:100%; min-height:48px; height:48px; margin-top:18px; border-radius:16px; font-size:14px; }
#food-rhythm .fr-family-welcome button:focus-visible { outline:3px solid #adc779; outline-offset:3px; }
@keyframes fr-family-welcome-in { from { opacity:0; transform:translateY(16px) scale(.96); } to { opacity:1; transform:none; } }
@keyframes fr-family-spark { to { transform:rotate(25deg) scale(.7); opacity:.5; } }
@media(prefers-reduced-motion:reduce) { #food-rhythm .fr-family-welcome,#food-rhythm .fr-welcome-mascot>span { animation:none; } }
@media(max-height:700px) {
  #food-rhythm .fr-family-welcome { padding:18px; }
  #food-rhythm .fr-welcome-mascot { height:62px; margin-bottom:4px; }
  #food-rhythm .fr-welcome-mascot .fr-choice-mascot { width:56px; height:62px; }
  #food-rhythm .fr-family-welcome h2 { font-size:25px; }
  #food-rhythm .fr-welcome-benefits { gap:9px; margin:16px 0; }
  #food-rhythm .fr-welcome-members { padding:12px; }
  #food-rhythm .fr-welcome-members>div { margin-top:9px; }
  #food-rhythm .fr-family-welcome>.fr-primary { margin-top:14px; }
}