#food-rhythm .fr-detail-card-copy { width:100%; min-width:0; }
#food-rhythm .fr-detail-card-copy small,#food-rhythm .fr-detail-card-copy strong { display:block; overflow:hidden; text-overflow:ellipsis; }
#food-rhythm .fr-detail-card-copy small { margin-bottom:5px; color:#75837c; font-size:12px; white-space:nowrap; }
#food-rhythm .fr-detail-card-copy strong { color:#0e2920; font-size:15px; line-height:1.24; }
#food-rhythm .fr-detail-edit { position:absolute; top:9px; right:9px; display:grid; place-items:center; width:30px; height:30px; padding:0; border:0; border-radius:10px; background:#edf5ee; color:var(--fr-green); transition:background .18s,transform .16s; }
#food-rhythm .fr-detail-edit:active { transform:scale(.91); }
#food-rhythm .fr-detail-edit .fr-ui-icon { width:16px; height:16px; }
#food-rhythm .fr-detail-dialog { position:fixed; z-index:60; inset:0; display:grid; align-items:end; justify-items:center; padding:12px; }
#food-rhythm .fr-detail-backdrop { position:absolute; inset:0; width:100%; height:100%; padding:0; border:0; background:#102a208f; backdrop-filter:blur(3px); animation:fr-detail-fade .2s ease-out both; }
#food-rhythm .fr-detail-panel { position:relative; width:min(396px,100%); max-height:calc(100dvh - 24px); overflow:auto; padding:21px; border:1px solid #e1e8dd; border-radius:28px; background:#fbfcf9; box-shadow:0 28px 70px #0d281d4f; animation:fr-detail-rise .34s cubic-bezier(.16,1,.3,1) both; }
#food-rhythm .fr-detail-panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
#food-rhythm .fr-detail-panel-head small { color:#7a8981; font-size:11px; }
#food-rhythm .fr-detail-panel-head h2 { margin:2px 0 0; font-size:23px; }
#food-rhythm .fr-detail-close { width:38px; height:38px; padding:0; border:0; border-radius:50%; background:#edf2ed; color:#64736c; font-size:24px; line-height:1; }
#food-rhythm .fr-detail-control { display:grid; gap:7px; margin-top:21px; color:#66766e; font-size:12px; }
#food-rhythm .fr-detail-input-wrap { display:flex; align-items:center; gap:9px; min-width:0; min-height:62px; padding:7px 10px; border:1px solid #dfe7dd; border-radius:18px; background:white; box-shadow:0 7px 20px #173c2c0b; }
#food-rhythm .fr-detail-input-wrap:focus-within { border-color:var(--fr-leaf); box-shadow:0 0 0 3px color-mix(in srgb,var(--fr-body) 38%,transparent),0 7px 20px #173c2c0b; }
#food-rhythm .fr-detail-input-wrap .fr-input { width:100%; min-width:0; min-height:46px; padding:8px 4px; border:0; background:transparent; font-size:18px; font-weight:750; outline:0; }
#food-rhythm .fr-detail-input-wrap>small { flex:none; min-width:43px; padding:8px 10px; border-radius:11px; background:#eef4ec; color:#5d6f66; font-size:12px; text-align:center; }
#food-rhythm .fr-detail-number-icon { display:grid; place-items:center; width:42px; height:42px; flex:none; border-radius:14px; background:#e8f3eb; color:var(--fr-green); }
#food-rhythm .fr-detail-number-icon .fr-ui-icon { width:22px; height:22px; }
#food-rhythm .fr-detail-input-wrap:has(.fr-detail-choices) { display:block; min-height:0; padding:0; border:0; background:transparent; box-shadow:none; }
#food-rhythm .fr-detail-choices { display:grid; gap:9px; width:100%; }
#food-rhythm .fr-detail-choices--sex { grid-template-columns:1fr; }
#food-rhythm .fr-detail-choice { position:relative; display:grid; grid-template-columns:42px minmax(0,1fr) 22px; align-items:center; gap:11px; min-height:58px; padding:8px 12px; border:1px solid #dfe7dd; border-radius:18px; background:white; box-shadow:0 6px 18px #173c2c0a; color:#183229; cursor:pointer; transition:border-color .18s,background .18s,transform .16s,box-shadow .18s; }
#food-rhythm .fr-detail-choice:hover { transform:translateY(-1px); }
#food-rhythm .fr-detail-choice:has(input:checked) { border-color:var(--fr-leaf); background:color-mix(in srgb,var(--fr-body) 28%,white); box-shadow:0 0 0 3px color-mix(in srgb,var(--fr-body) 32%,transparent),0 8px 22px #173c2c0e; }
#food-rhythm .fr-detail-choice input { position:absolute; opacity:0; pointer-events:none; }