.food-statistics .food-date{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:1.1rem 0 2rem}.food-date input,.food-date button{background:transparent;color:inherit;border:1px solid var(--line2);padding:.55rem .75rem;border-radius:4px;font:inherit}.food-date label{font-size:.95rem}.food-day-nav{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem;font-size:.9rem}.food-day-nav span{font-weight:600}.food-day-nav a{color:inherit;text-decoration:underline;text-underline-offset:3px}.food-panel{border:1px solid var(--line,#383838);padding:1.6rem;margin:1.2rem 0;border-radius:4px}.food-panel h2{font-size:clamp(1.6rem,3vw,2rem);line-height:1.2;margin:0 0 1.4rem}.food-panel h2 small{font-size:1rem;font-weight:400;color:var(--muted);display:block;margin-top:.45rem}.food-panel h3{font-size:1.05rem;margin-top:1.8rem}.food-bar{margin:0 0 1.05rem}.food-bar-label{display:flex;justify-content:space-between;gap:1rem;font-size:1rem;line-height:1.5;margin-bottom:.35rem}.food-bar-label span:last-child{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.food-track{height:10px;background:var(--surface2);border-radius:2px;overflow:hidden}.food-track>span{display:block;height:100%;background:var(--accent);border-radius:2px}.food-meta{font-size:.9rem;color:var(--muted)}.food-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.food-weekday{text-align:center;font-size:.83rem;color:var(--muted);padding:.45rem 0}.food-calendar-day{border:1px solid var(--line);background:var(--surface);min-height:67px;padding:.45rem;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.25rem;text-decoration:none!important;color:inherit!important;border-radius:3px}.food-calendar-day span{font-size:.85rem;color:var(--muted)}.food-calendar-day strong{font-size:1.3rem;font-variant-numeric:tabular-nums}.food-calendar-day.has-log{background:var(--surface2)}.food-calendar-day.is-selected{outline:1px solid var(--text);outline-offset:-2px}.food-calendar-day.is-future{opacity:.35;pointer-events:none}.food-calendar-day:not(.is-future):hover{border-color:var(--line2)}.food-notice{border:1px solid var(--line2);padding:1rem}@media(max-width:600px){.food-panel{padding:1rem}.food-bar-label{font-size:.92rem}.food-calendar{gap:3px}.food-calendar-day{min-height:49px;padding:.2rem}.food-calendar-day strong{font-size:1.05rem}.food-day-nav{gap:.7rem}}
.food-controls{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin:1.3rem 0}.food-controls label{font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer}.food-controls fieldset{display:flex;gap:1rem;flex-wrap:wrap;border:0;padding:0;margin:0}.food-controls legend{font-size:.8rem;color:var(--muted);margin-bottom:.3rem}.food-emoji{display:none}.show-food-emoji .food-emoji{display:inline}.food-mode-frequency[hidden],.food-mode-amount[hidden]{display:none!important}.food-extra{display:none}.food-bars.expanded .food-extra{display:block}.food-expand{border:1px solid var(--line2);background:transparent;color:inherit;padding:.5rem .8rem;margin-top:.5rem;cursor:pointer}.food-expand:hover{border-color:var(--line2)}.food-track>span{min-width:0}.food-controls input{accent-color:var(--accent)}

.food-date-dialog{background:var(--surface);color:var(--text);border:1px solid var(--line2);border-radius:5px;padding:1.2rem;max-width:min(92vw,360px);width:100%}.food-date-dialog::backdrop{background:#000b}.food-picker-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.food-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-bottom:1rem}.food-picker-grid>span{text-align:center;font-size:.8rem;color:var(--muted);padding:.5rem 0}.food-picker-grid button,.food-picker-head button,.food-date-dialog>[data-close]{background:var(--surface2);color:inherit;border:1px solid var(--line);border-radius:3px;padding:.5rem .1rem;min-height:38px;cursor:pointer}.food-picker-grid button:hover:not(:disabled),.food-picker-grid button.selected{border-color:var(--accent);background:var(--surface2)}.food-picker-grid button:disabled{opacity:.2;cursor:default}.food-picker-head button{padding:.4rem .8rem}.food-date-dialog>[data-close]{padding:.5rem 1rem}.food-date input[readonly]{cursor:pointer}.food-statistics .food-notice{font-size:.95rem;line-height:1.5}

/* v0.7.45: relative amounts must not inherit global span widths */
.food-statistics .food-track{width:100%;position:relative}
.food-statistics .food-track>span{display:block;max-width:100%;min-width:0;flex:none!important;box-sizing:border-box}
.food-statistics .food-date{margin:.5rem 0 1.5rem}
.food-statistics #food-open-calendar{cursor:pointer;font-weight:600;font-size:1rem;padding:.65rem 1rem}
.food-statistics #food-open-calendar:hover,.food-statistics #food-open-calendar:focus-visible{border-color:var(--line2)}
.food-statistics .food-bar-label>span:last-child:empty{display:none}
.food-statistics .food-mode-amount .food-bar-label{justify-content:flex-start}

/* CSP-safe widths v0.7.46 */
.food-statistics .food-track > span.food-width-0{width:0%!important}
.food-statistics .food-track > span.food-width-5{width:5%!important}
.food-statistics .food-track > span.food-width-10{width:10%!important}
.food-statistics .food-track > span.food-width-15{width:15%!important}
.food-statistics .food-track > span.food-width-20{width:20%!important}
.food-statistics .food-track > span.food-width-25{width:25%!important}
.food-statistics .food-track > span.food-width-30{width:30%!important}
.food-statistics .food-track > span.food-width-35{width:35%!important}
.food-statistics .food-track > span.food-width-40{width:40%!important}
.food-statistics .food-track > span.food-width-45{width:45%!important}
.food-statistics .food-track > span.food-width-50{width:50%!important}
.food-statistics .food-track > span.food-width-55{width:55%!important}
.food-statistics .food-track > span.food-width-60{width:60%!important}
.food-statistics .food-track > span.food-width-65{width:65%!important}
.food-statistics .food-track > span.food-width-70{width:70%!important}
.food-statistics .food-track > span.food-width-75{width:75%!important}
.food-statistics .food-track > span.food-width-80{width:80%!important}
.food-statistics .food-track > span.food-width-85{width:85%!important}
.food-statistics .food-track > span.food-width-90{width:90%!important}
.food-statistics .food-track > span.food-width-95{width:95%!important}
.food-statistics .food-track > span.food-width-100{width:100%!important}

.food-statistics .food-bar-label{overflow-wrap:anywhere}

/* v0.7.47: CSP-safe one-percent precision and readable labels */
.food-statistics .food-track>span.food-width-0{width:0%!important}
.food-statistics .food-track>span.food-width-1{width:1%!important}
.food-statistics .food-track>span.food-width-2{width:2%!important}
.food-statistics .food-track>span.food-width-3{width:3%!important}
.food-statistics .food-track>span.food-width-4{width:4%!important}
.food-statistics .food-track>span.food-width-5{width:5%!important}
.food-statistics .food-track>span.food-width-6{width:6%!important}
.food-statistics .food-track>span.food-width-7{width:7%!important}
.food-statistics .food-track>span.food-width-8{width:8%!important}
.food-statistics .food-track>span.food-width-9{width:9%!important}
.food-statistics .food-track>span.food-width-10{width:10%!important}
.food-statistics .food-track>span.food-width-11{width:11%!important}
.food-statistics .food-track>span.food-width-12{width:12%!important}
.food-statistics .food-track>span.food-width-13{width:13%!important}
.food-statistics .food-track>span.food-width-14{width:14%!important}
.food-statistics .food-track>span.food-width-15{width:15%!important}
.food-statistics .food-track>span.food-width-16{width:16%!important}
.food-statistics .food-track>span.food-width-17{width:17%!important}
.food-statistics .food-track>span.food-width-18{width:18%!important}
.food-statistics .food-track>span.food-width-19{width:19%!important}
.food-statistics .food-track>span.food-width-20{width:20%!important}
.food-statistics .food-track>span.food-width-21{width:21%!important}
.food-statistics .food-track>span.food-width-22{width:22%!important}
.food-statistics .food-track>span.food-width-23{width:23%!important}
.food-statistics .food-track>span.food-width-24{width:24%!important}
.food-statistics .food-track>span.food-width-25{width:25%!important}
.food-statistics .food-track>span.food-width-26{width:26%!important}
.food-statistics .food-track>span.food-width-27{width:27%!important}
.food-statistics .food-track>span.food-width-28{width:28%!important}
.food-statistics .food-track>span.food-width-29{width:29%!important}
.food-statistics .food-track>span.food-width-30{width:30%!important}
.food-statistics .food-track>span.food-width-31{width:31%!important}
.food-statistics .food-track>span.food-width-32{width:32%!important}
.food-statistics .food-track>span.food-width-33{width:33%!important}
.food-statistics .food-track>span.food-width-34{width:34%!important}
.food-statistics .food-track>span.food-width-35{width:35%!important}
.food-statistics .food-track>span.food-width-36{width:36%!important}
.food-statistics .food-track>span.food-width-37{width:37%!important}
.food-statistics .food-track>span.food-width-38{width:38%!important}
.food-statistics .food-track>span.food-width-39{width:39%!important}
.food-statistics .food-track>span.food-width-40{width:40%!important}
.food-statistics .food-track>span.food-width-41{width:41%!important}
.food-statistics .food-track>span.food-width-42{width:42%!important}
.food-statistics .food-track>span.food-width-43{width:43%!important}
.food-statistics .food-track>span.food-width-44{width:44%!important}
.food-statistics .food-track>span.food-width-45{width:45%!important}
.food-statistics .food-track>span.food-width-46{width:46%!important}
.food-statistics .food-track>span.food-width-47{width:47%!important}
.food-statistics .food-track>span.food-width-48{width:48%!important}
.food-statistics .food-track>span.food-width-49{width:49%!important}
.food-statistics .food-track>span.food-width-50{width:50%!important}
.food-statistics .food-track>span.food-width-51{width:51%!important}
.food-statistics .food-track>span.food-width-52{width:52%!important}
.food-statistics .food-track>span.food-width-53{width:53%!important}
.food-statistics .food-track>span.food-width-54{width:54%!important}
.food-statistics .food-track>span.food-width-55{width:55%!important}
.food-statistics .food-track>span.food-width-56{width:56%!important}
.food-statistics .food-track>span.food-width-57{width:57%!important}
.food-statistics .food-track>span.food-width-58{width:58%!important}
.food-statistics .food-track>span.food-width-59{width:59%!important}
.food-statistics .food-track>span.food-width-60{width:60%!important}
.food-statistics .food-track>span.food-width-61{width:61%!important}
.food-statistics .food-track>span.food-width-62{width:62%!important}
.food-statistics .food-track>span.food-width-63{width:63%!important}
.food-statistics .food-track>span.food-width-64{width:64%!important}
.food-statistics .food-track>span.food-width-65{width:65%!important}
.food-statistics .food-track>span.food-width-66{width:66%!important}
.food-statistics .food-track>span.food-width-67{width:67%!important}
.food-statistics .food-track>span.food-width-68{width:68%!important}
.food-statistics .food-track>span.food-width-69{width:69%!important}
.food-statistics .food-track>span.food-width-70{width:70%!important}
.food-statistics .food-track>span.food-width-71{width:71%!important}
.food-statistics .food-track>span.food-width-72{width:72%!important}
.food-statistics .food-track>span.food-width-73{width:73%!important}
.food-statistics .food-track>span.food-width-74{width:74%!important}
.food-statistics .food-track>span.food-width-75{width:75%!important}
.food-statistics .food-track>span.food-width-76{width:76%!important}
.food-statistics .food-track>span.food-width-77{width:77%!important}
.food-statistics .food-track>span.food-width-78{width:78%!important}
.food-statistics .food-track>span.food-width-79{width:79%!important}
.food-statistics .food-track>span.food-width-80{width:80%!important}
.food-statistics .food-track>span.food-width-81{width:81%!important}
.food-statistics .food-track>span.food-width-82{width:82%!important}
.food-statistics .food-track>span.food-width-83{width:83%!important}
.food-statistics .food-track>span.food-width-84{width:84%!important}
.food-statistics .food-track>span.food-width-85{width:85%!important}
.food-statistics .food-track>span.food-width-86{width:86%!important}
.food-statistics .food-track>span.food-width-87{width:87%!important}
.food-statistics .food-track>span.food-width-88{width:88%!important}
.food-statistics .food-track>span.food-width-89{width:89%!important}
.food-statistics .food-track>span.food-width-90{width:90%!important}
.food-statistics .food-track>span.food-width-91{width:91%!important}
.food-statistics .food-track>span.food-width-92{width:92%!important}
.food-statistics .food-track>span.food-width-93{width:93%!important}
.food-statistics .food-track>span.food-width-94{width:94%!important}
.food-statistics .food-track>span.food-width-95{width:95%!important}
.food-statistics .food-track>span.food-width-96{width:96%!important}
.food-statistics .food-track>span.food-width-97{width:97%!important}
.food-statistics .food-track>span.food-width-98{width:98%!important}
.food-statistics .food-track>span.food-width-99{width:99%!important}
.food-statistics .food-track>span.food-width-100{width:100%!important}
.food-statistics .food-mode-amount .food-bar-label{justify-content:space-between;gap:1rem}
.food-statistics .food-mode-amount .food-bar-label>span:last-child{font-variant-numeric:tabular-nums;color:var(--muted)}
.food-statistics .food-mode-help{font-size:.9rem;color:var(--muted);line-height:1.6;max-width:68ch;margin:.4rem 0 1rem}
.food-statistics .food-unknown{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:.5rem}
.food-statistics .food-unmeasured{margin-bottom:.55rem}
.food-statistics .food-unmeasured .food-bar-label>span:last-child{color:var(--muted2)}
.food-statistics .food-track>span{transition:width .18s ease}

/* 0.7.48 — personal milestones */
.food-statistics .food-milestones{margin:2rem 0 2.2rem}
.food-statistics .food-milestones-intro{margin-bottom:1rem}
.food-statistics .food-milestones-intro .eyebrow{margin-bottom:.5rem}
.food-statistics .food-milestones-intro h2{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1.2;margin:0 0 .55rem}
.food-statistics .food-milestones-intro>p:last-child{color:var(--muted);font-size:.94rem;line-height:1.55;max-width:55ch}
.food-statistics .food-milestones-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.food-statistics .food-milestone{border:1px solid var(--line,#383838);padding:1.25rem;min-width:0;border-radius:3px}
.food-statistics .food-milestone-label{color:var(--text);font-size:.98rem;font-weight:600;margin:0 0 .85rem}
.food-statistics .food-milestone-count{font-size:clamp(2rem,5vw,3rem);line-height:1.1;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}
.food-statistics .food-milestone-count span{font-size:.92rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:.3rem}
.food-statistics .food-milestone-detail{font-size:.86rem;color:var(--muted);margin:.7rem 0 .2rem}
.food-statistics .food-milestone-since{font-size:.78rem;color:var(--muted2);margin:.2rem 0 0}
.food-statistics .food-milestones-footnote{font-size:.8rem;color:var(--muted2);margin:.8rem 0 0;line-height:1.5}
@media(max-width:480px){.food-statistics .food-milestones-grid{grid-template-columns:1fr}.food-statistics .food-milestone{padding:1rem}}

/* 0.7.51: restrained responsive layout; no inline styles or CSP exceptions */
.food-statistics .food-period-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin:1.2rem 0}
.food-statistics .food-period-grid>.food-panel{margin:0;min-width:0}
.food-statistics .food-period-panel h2{margin-bottom:1.15rem}
.food-statistics .food-prep-help{color:var(--muted);font-size:.86rem;line-height:1.55;margin:.2rem 0 .85rem}
.food-statistics .food-related{margin:2.5rem 0 2rem;padding-top:1.4rem;border-top:1px solid var(--line)}
.food-statistics .food-related h2{font-size:1.35rem;margin:0 0 1rem}
.food-statistics .food-related-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.food-statistics .food-related-links a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border:1px solid var(--line);border-radius:3px;padding:.85rem 1rem;text-decoration:none;color:inherit;font-size:.94rem}
.food-statistics .food-related-links a:hover,.food-statistics .food-related-links a:focus-visible{border-color:var(--line2)}
.food-statistics .food-related-links span{color:var(--muted)}
@media(min-width:1100px){.food-statistics.narrow{max-width:1100px;width:calc(100% - 2rem)}.food-statistics .food-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.food-statistics .food-calendar-panel{max-width:100%}.food-statistics .food-period-panel{padding:1.35rem}.food-statistics .food-bar-label{font-size:.93rem}}
@media(max-width:650px){.food-statistics .food-related-links{grid-template-columns:1fr}.food-statistics .food-period-grid{gap:.85rem}.food-statistics .food-related{margin-top:1.8rem}}

/* 0.7.54: amount mode has no numeric percentage label */
.food-statistics .food-mode-amount .food-bar-label{justify-content:flex-start}

/* 0.7.58.014: quiet, accessible period tabs */
.food-statistics .food-period-tabs{display:flex;gap:4px;padding:4px;background:var(--surface2);border:1px solid var(--line);border-radius:7px;margin:1.25rem 0 .7rem;max-width:560px}
.food-statistics .food-period-tabs button{flex:1;min-width:0;padding:.7rem .4rem;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--muted);font:inherit;font-size:.92rem;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.food-statistics .food-period-tabs button[aria-selected="true"]{background:var(--surface);color:var(--text);border-color:var(--line2)}
.food-statistics .food-period-tabs button:hover{color:var(--text);background:var(--surface)}
.food-statistics .food-period-tabs button:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.food-statistics .food-period-panel[hidden]{display:none!important}
.food-statistics .food-period-grid{grid-template-columns:minmax(0,1fr)!important;margin-top:0}
@media(prefers-reduced-motion:reduce){.food-statistics .food-period-tabs button{transition:none}}