:root{color-scheme:light dark;overflow-y:scroll;--animation-timing:250ms;--bold:500;--border-radius:1.25rem;--body-bg:#fff;--body-fg:#000;--accent-neutral:#ccc;--accent-colour:blue;--warning:#d50101}.darkmode{--body-bg:#000;--body-fg:#fff;--accent-neutral:#666;--accent-colour:aqua;--warning:pink}*,:after,:before{box-sizing:border-box;margin:0}:focus-visible{outline:.125rem solid orange;outline-offset:.1875rem}body{background-color:var(--body-bg);font-family:system-ui,sans-serif;font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}@media (prefers-reduced-motion:no-preference){body{transition:background-color .25s linear}}body{color:var(--body-fg);display:grid;grid-template-rows:auto 1fr auto;line-height:1.5;min-height:100vh;min-height:100dvh;position:relative}.h1{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1.75rem,1.4486rem + 1.4019vw,2.5rem);gap:.75rem;justify-content:center;margin-inline:auto}.h1 .icon{background:url(docs/img/9bacc7d2.png) 0 0 no-repeat;background-size:cover;height:3.125rem;width:3.125rem}.h1 span{text-align:center;text-box:var(--trim)}@media screen and (width < 31.25rem){.h1{line-height:1.2;margin-inline:.75rem}}img,picture{display:block}img{height:auto;max-width:100%}p{text-wrap:pretty}.h1,h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2,h3{text-align:center}h1{font-size:clamp(1.5rem,1.2991rem + .9346vw,2rem)}h2{font-size:clamp(1.25rem,1.1495rem + .4673vw,1.5rem)}h3{font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}button,input{font-family:inherit;font-size:inherit}input{background-color:inherit;border-color:inherit;color:inherit}a{color:var(--body-fg);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:"";padding-inline-start:0}ul ul{padding-inline-start:1.5rem}:is(ul ul) ul{list-style-type:disc}b{font-weight:600}code{font-family:Courier New,Courier,monospace;font-weight:900}.container{--_content-max-width:100%;--_content-space-outside:0.75rem;margin-inline:auto;width:min(var(--_content-max-width),100% - var(--_content-space-outside) * 2)}.flow>*+*{margin-block-start:1em}.element{padding:1rem}.external-link,.external-link:after{color:var(--accent-colour)}.external-link:after{content:" \27F6"}.external-link:hover{opacity:.7;text-decoration:none}.footer,.header{border-color:var(--accent-neutral);border-style:solid}.footer{border-width:.125rem 0 0;padding:3rem 2rem;text-align:center}.header{border-width:0 0 .125rem;display:flex;flex-direction:column;gap:1rem;margin-block-start:0;padding-block:3rem 1rem}.header .tagline{margin-inline:auto;max-width:50ch;text-align:center}.main{display:flex;flex-direction:column;padding-block-end:3rem}.skip-link{background-color:var(--body-bg);color:var(--body-fg);font-weight:600;margin-block-start:0;margin-inline-end:.625rem;padding:.3125rem .625rem}.element-invisible{clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);height:.0625rem;left:0;overflow:hidden;position:absolute;top:0;z-index:200}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{border:0;clip-path:inset(0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}.primary-navigation{position:relative}.primary-navigation nav{margin:0 auto;width:fit-content}.primary-navigation ul{align-items:baseline;display:flex;gap:1.25rem;list-style:"";margin-inline:auto;width:fit-content}.primary-navigation a{border-block-end:.3125rem solid transparent;color:var(--accent-colour);cursor:pointer;display:block;margin-block-end:.625rem;padding-block-end:.3125rem;text-decoration:none}:is(.primary-navigation a):hover,[aria-current=page]:is(.primary-navigation a){border-block-end:.3125rem solid var(--accent-neutral);color:var(--body-fg)}[aria-current=page]:is(.primary-navigation a){pointer-events:none}.theme-toggler{gap:.625rem;margin-block-start:0;padding:.3125rem .625rem;position:absolute;right:0;top:0}.theme-toggler,.theme-toggler button{align-items:center;border:0;display:flex}.theme-toggler button{background-color:var(--accent-colour);border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:clamp(.875rem,.8248rem + .2336vw,1rem);height:.8125rem;justify-content:flex-start;padding:.125rem;width:1.5625rem}:is(.theme-toggler button) span{background-color:#fff;border-radius:50%;height:.8125rem;width:.8125rem}.theme-toggler p{color:var(--body-fg);font-size:.875rem;font-weight:600}.darkmode .theme-toggler button{justify-content:flex-end}.loader{align-items:center;background-color:var(--body-bg);color:var(--body-fg);display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.loader-hidden{opacity:0;visibility:hidden}.loader:after{content:"Loading...";font-size:3.125rem}@media (prefers-reduced-motion:no-preference){.loader{transition:opacity .75s,visibility .75s}.loader:after{animation:loading .75s ease infinite;border:1.25rem solid var(--body-fg);border-radius:50%;border-top-color:var(--accent-neutral);content:"";font-size:0;height:6.25rem;width:6.25rem}@keyframes loading{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}}.meal-item-selector{display:flex;flex-direction:column;gap:1rem}.meal-item-selector button{appearance:none;background-color:var(--accent-colour);border:0;border-radius:.5rem;color:var(--body-bg);cursor:pointer;font-weight:var(--bold);margin-inline-start:auto;padding:.25em .75em .35em}.form{display:flex;flex-direction:column;gap:1.5rem}.form .warning,.form>p{text-align:center}.form .warning{border:.0625rem dashed var(--body-fg);color:var(--warning);font-weight:var(--bold);margin-inline:auto;padding:.375rem .5rem;width:fit-content}.form .fieldsets{display:flex;flex-wrap:wrap;gap:clamp(1rem,.5981rem + 1.8692vw,2rem);justify-content:center}.form fieldset{border:.125rem solid var(--accent-neutral);border-end-end-radius:var(--border-radius);border-end-start-radius:var(--border-radius);padding-block:2rem 4rem;padding-inline-start:clamp(1rem,.7991rem + .9346vw,1.5rem);position:relative;width:clamp(18.5rem,17.7716rem + 3.3879vw,20.3125rem)}:is(.form fieldset) .warning{margin-top:1rem;width:auto}.form .element-invisible{bottom:.9375rem;left:auto;right:.3125rem;top:auto}.form legend{font-weight:var(--bold);margin-inline:auto;padding-inline:.75rem}.form li{display:flex;flex-direction:column;gap:.5rem;line-height:1.2;margin-block-end:.5rem}:is(.form li) div{align-items:center;border-block-end:.0625rem solid var(--accent-neutral);display:flex;gap:.75rem;padding-block-end:.5rem}:is(:is(.form li) div) label{order:2}:is(:is(.form li) div) input[type=checkbox]{order:1}:is(:is(.form li) div)>span{flex-shrink:0;margin-inline-start:auto;order:3}:is(.form li):last-child>div{border-block-end:0}.form input[type=checkbox]{accent-color:var(--accent-colour);scale:1.5}.output:empty{display:none}.output h2{text-transform:capitalize}.output .food-container{padding-block-end:1.5rem}.output .food-container,.output ul{margin-inline:auto;width:fit-content}.output ul{display:flex;flex-wrap:wrap;gap:clamp(1rem,.5981rem + 1.8692vw,2rem);justify-content:center}.output li{align-items:center;display:flex;flex-direction:column;gap:1rem}.output p:first-letter{text-transform:capitalize}.output img{width:clamp(6.25rem,4.9942rem + 5.8411vw,9.375rem)}.output .total{border:.125rem solid var(--accent-neutral);font-weight:var(--bold);margin-inline-start:auto;padding:.5rem .75rem;text-align:center;width:fit-content}.image-credits{margin-inline:auto;width:fit-content}.image-credits>p{text-align:center}.image-credits img{width:clamp(3.125rem,2.4971rem + 2.9206vw,4.6875rem)}:is(.image-credits .icons) a{align-items:center;display:flex;gap:1rem}:is(.image-credits .icons) span{padding-inline-start:clamp(0rem,-.4019rem + 1.8692vw,1rem)}