#root{width:100%;height:100%;display:flex;justify-content:center;position:fixed;text-underline-offset:.15rem}:root{font-family:Geist Mono,monospace;font-optical-sizing:auto;font-size:18px;font-weight:400;font-style:normal;color-scheme:light dark;color:var(--color);--link-color: var(--color);--link-color-hover: var(--neutral-80);--link-underline-color: var(--link-color);--link-underline-color-hover: var(--link-color-hover);--neutral-10: color-mix(in srgb, var(--color) 10%, var(--bg-color));--neutral-20: color-mix(in srgb, var(--color) 20%, var(--bg-color));--neutral-40: color-mix(in srgb, var(--color) 40%, var(--bg-color));--neutral-60: color-mix(in srgb, var(--color) 60%, var(--bg-color));--neutral-80: color-mix(in srgb, var(--color) 80%, var(--bg-color));--border-radius: 4px;--border-color: var(--neutral-80);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 480px){:root{font-size:16px}}@view-transition{navigation: auto;}@media (prefers-color-scheme: light){:root{--color: #14171b;--bg-color: #dadada}}@media (prefers-color-scheme: dark){:root{--color: #dadada;--bg-color: #14171b}}*{box-sizing:border-box;scrollbar-color:color-mix(in srgb,var(--color) 20%,transparent) transparent;scrollbar-width:thin}body{background-color:var(--bg-color)}a{color:var(--link-color);text-underline-offset:.15rem}a.active{text-decoration-line:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--link-underline-color)}a:hover{text-decoration-line:underline;text-underline-offset:.3em;text-decoration-thickness:2px;text-decoration-color:var(--link-underline-color-hover)}blockquote{margin:16px;line-height:1.5em}a:visited{color:var(--link-color)}a:hover{color:var(--link-color-hover);text-decoration-color:var(--link-underline-color-hover)}pre{font-size:.75rem}hr{border:none;border-bottom:1px solid var(--neutral-80);margin:16px 0}thead{margin-top:62px}thead tr{border-bottom:8px solid transparent}thead:before{line-height:8px;content:"‌";display:block}th{background-color:var(--neutral-20);text-align:left}th,td{padding:4px 8px}nav ul{list-style-type:none;padding:0}ol li{margin-bottom:.6rem}tr:has(*.emphasis){background-color:var(--neutral-10)}p{margin-left:16px;line-height:1.5rem}article{margin:0 24px;display:flex;flex-direction:column;align-self:center;max-width:100%}header{width:100%}header nav{padding:16px;gap:16px;display:flex;border-bottom:1px solid var(--neutral-80);min-width:100%;min-height:56px}header nav ul{display:flex;padding:0;margin:0;list-style-type:none}header nav ul li{padding-left:16px;padding-right:16px}header nav li{white-space:nowrap}header nav a.active{font-weight:700;text-decoration:none}header nav a.active:hover{text-decoration:underline}header nav ul li:not(:first-child){border-left:1px solid var(--neutral-80)}em{font-weight:700}button{font-family:inherit;font-size:inherit;cursor:pointer;border:1px solid;padding:.25rem .5rem;border-radius:var(--border-radius);background-color:transparent;color:var(--color);min-width:44px;min-height:44px;filter:grayscale(1)}button:not(:disabled):hover{background-color:var(--neutral-10)}button:not(:disabled):active{background-color:var(--neutral-20)}button:disabled{cursor:not-allowed;color:var(--neutral-20);border-color:var(--neutral-20)}input{background-color:transparent;font-size:1rem;padding:8px 16px;border-radius:2px;border:var(--neutral-40) 1px solid}input:hover{border-color:var(--color)}input::placeholder{color:var(--neutral-60)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-color);margin:0;font:inherit;color:currentColor;width:38px;height:38px;border-radius:4px;transform:translateY(-.075em);display:grid;place-content:center}input[type=checkbox]:before{content:"";width:24px;height:24px;transform:scale(0);transition:60ms transform ease-in-out;box-shadow:inset 1em 1em var(--neutral-60);transform-origin:bottom left;clip-path:polygon(10% 50%,0% 65%,50% 100%,100% 16%,87% 9%,45% 74%)}input[type=checkbox]:checked:before{transform:scale(1)}label:has(>input[type=checkbox]){display:inline-flex;align-items:center;gap:16px}em[data-type=number]{font-style:normal;font-weight:700;min-width:5ch;margin:0 .5rem;display:inline-block;text-align:center}th,td{white-space:nowrap;overflow:hidden}p{white-space:pre-wrap}body{margin:0;display:flex;min-width:100%;min-height:100vh}h1{font-size:1.5rem}h2{font-size:1.25rem;margin-bottom:.5rem}details:hover{cursor:pointer}details{margin-top:16px;padding:16px;border:1px solid var(--neutral-40);border-radius:var(--border-radius)}details summary{padding-left:16px}summary h2{display:inline-block;margin-top:0}summary *{padding-left:16px}summary:hover{background-color:var(--neutral-10)}.message-view{white-space:pre-wrap;flex:1;display:flex;font-weight:700;-webkit-user-select:none;user-select:none}.message-view .background{background-image:radial-gradient(color-mix(in srgb,var(--color) 20%,transparent) 1px,transparent 0);background-size:10px 10px;background-position:-10px -10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:1em;width:100%;min-height:10em}.message-view em{font-size:64px;color:color-mix(in srgb,var(--color) 40%,var(--bg-color));-webkit-user-select:none;user-select:none;filter:grayscale(100%)}@media (min-width: 768px){.message-view em{font-size:96px}}@media (min-width: 1024px){.message-view em{font-size:128px}}@media (min-width: 1280px){.message-view em{font-size:148px}}.main-layout{margin:0;height:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;flex:1}@media (min-width: 768px){.main-layout{max-width:64ch}}@media (min-width: 1028px){.main-layout{max-width:96ch}}@media (min-width: 1370px){.main-layout{max-width:128ch}}.stepper-input{display:inline-flex;align-items:center;gap:8px}.stepper-input em{line-height:44px;-webkit-user-select:none;user-select:none}.clickable em{text-decoration:underline}.clickable{cursor:pointer;border-radius:4px}.clickable:hover{background-color:var(--neutral-10)}.clickable:active{background-color:var(--neutral-20)}.recipe-choices>a{display:inline-block}.recipe-choices{display:flex;flex-direction:column;flex-wrap:wrap;gap:16px}table.recipe-controls{grid-template-columns:1fr 2fr}.recipe-choices-actions{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.recipe-baking-header h2{margin-top:0;justify-self:flex-end}.recipe-baking-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:16px}.ingredient-table>tbody>tr:has(>td>label>input[type=checkbox]){font-weight:700}.ingredient-table>tbody>tr:has(>td>label>input[type=checkbox]:checked){text-decoration:line-through;font-weight:unset;color:var(--neutral-60)}.ingredient-table>tbody>tr>td>label:has(>input[type=checkbox]:checked){text-decoration:line-through;font-weight:unset}.instructions-content h1{font-size:1.3em;margin-top:16px;margin-bottom:16px}.instructions-content h2{font-size:1.1em;margin-top:16px;margin-bottom:16px}.instructions-content h3{font-size:1em;margin-top:16px;margin-bottom:16px}.full-width-table{width:100%;min-width:48rem;border-collapse:collapse}.full-width-table td{min-width:fit-content}.two-column-table{width:100%;display:grid;grid-template-columns:3fr 1fr}.two-column-table thead,.two-column-table tbody,.two-column-table tr{grid-column:1 / -1;display:grid;grid-template-columns:subgrid}.emphasis{font-weight:700}.hidden{display:none}.horizontal-scroll-container{overflow-x:auto;min-height:fit-content;padding-bottom:16px}.content-wide,.content-narrow{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;gap:8px;padding:16px 16px 48px;max-width:min(100%,64ch);min-width:min(100%,64ch)}.content-wide{max-width:min(100%,128ch);min-width:min(100%,128ch)}.content-narrow.flex-center,.content-wide.flex-center{align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.tab-navigation{display:flex;min-height:40px;position:relative;overflow-y:clip;overflow-x:auto;transform:translateY(1px);margin:0 8px}@keyframes fadeInAnimation{0%{opacity:0}50%{opacity:0}to{opacity:1}}.tab-navigation ul{display:flex;flex-direction:row;padding:0;margin:0;list-style-type:none}.tab-navigation:before{position:sticky;top:0;left:0;opacity:0;content:" ";box-shadow:inset 8px 0 8px -8px var(--border-color);border-left:1px solid var(--border-color);animation-name:fadeInAnimation;animation-duration:1ms;animation-timeline:scroll(inline nearest)}.tab-navigation:after{position:sticky;top:0;right:0;opacity:0;content:" ";box-shadow:inset -8px 0 8px -8px var(--border-color);border-right:1px solid var(--border-color);animation-name:fadeInAnimation;animation-duration:1ms;animation-timeline:scroll(inline nearest);animation-direction:reverse}.tab-navigation ul li{padding:8px 12px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--neutral-10);border:1px solid var(--border-color);border-bottom-width:1px}.tab-navigation ul li:has(*.active){background-color:var(--bg-color);border-bottom-color:var(--bg-color)}.tab-navigation ul li a{text-decoration:none;overflow:hidden;text-overflow:ellipsis}.tab-navigation ul li a:hover{text-decoration:underline}.tab-navigation ul li a.active{font-weight:700}.tab-navigation~article{margin-top:-8px;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px 16px 48px;width:100%}@media (max-width: 480px){.tab-navigation{margin-left:16px;margin-right:16px}.tab-navigation~article{margin-left:-16px;margin-right:-16px;border-top-right-radius:0;border-left:none;border-right:none;max-width:calc(100% + 32px);padding-left:32px;padding-right:32px}.tab-navigation ul li{min-width:min(12ch)}.content-narrow,.content-wide{padding-left:0;padding-right:0}}.loading-view{opacity:0;animation:fadeInAnimation .5s forwards;animation-timing-function:ease-in-out}