.so{width:100%;position:relative}.so-panel{top:calc(100% + var(--space-2));z-index:30;box-sizing:border-box;width:min(560px, calc(100vw - 2 * var(--space-4)));max-height:min(70vh,520px);padding:var(--space-2);background:var(--color-surface,var(--color-bg));border:1px solid var(--color-line-strong);border-radius:var(--radius-m);color:var(--color-text);position:absolute;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.so-list{margin:0;padding:0;list-style:none}.so-heading{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-muted);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.so-item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);color:var(--color-text);text-decoration:none;display:flex}.so-item:hover,.so-active{background:var(--color-action-soft)}.so-active{outline:2px solid var(--color-action);outline-offset:-2px}.so-all{color:var(--color-action);font-weight:var(--type-label-weight)}.so-label{overflow-wrap:anywhere}.so-meta{color:var(--color-text-muted);font-size:var(--type-caption-size,.875rem);white-space:nowrap}.so-note{padding:var(--space-3);color:var(--color-text-muted);margin:0}.so-note a{color:var(--color-action)}.so-chips{padding:0 var(--space-2);gap:var(--space-2);flex-wrap:wrap;margin:0;list-style:none;display:flex}.so-chip{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-m);color:var(--color-text);font:inherit;cursor:pointer;background:0 0}.so-chip:hover{background:var(--color-action-soft)}.so-chip:focus-visible,.so-note a:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--type-body-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);flex-direction:column;min-height:100dvh;margin:0;display:flex}#content{flex:1 0 auto}.skip-link{left:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-action);border-radius:var(--radius-s);z-index:100;align-items:center;display:inline-flex;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-2)}:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.shell-compact,.shell-medium,.shell-expanded{display:contents}@media (max-width:639.98px){.shell-medium,.shell-expanded{display:none}}@media (min-width:640px) and (max-width:1099.98px){.shell-compact,.shell-expanded{display:none}}@media (min-width:1100px){.shell-compact,.shell-medium{display:none}}.shell-compact-footer{display:contents}@media (min-width:640px){.shell-compact-footer{display:none}}.shell-wide-footer{display:contents}@media (max-width:639.98px){.shell-wide-footer{display:none}}
.tpl{--tpl-margin:var(--space-4);--tpl-gutter:var(--space-4);--tpl-max:100%;box-sizing:border-box;width:100%;max-width:calc(var(--tpl-max) + 2 * var(--tpl-margin));padding:var(--space-5) var(--tpl-margin) var(--space-7);gap:var(--space-5);flex-direction:column;min-width:0;margin:0 auto;display:flex}.tpl *,.tpl :before,.tpl :after{box-sizing:border-box}@media (min-width:640px){.tpl{--tpl-margin:var(--space-5);--tpl-gutter:var(--space-5)}}@media (min-width:1100px){.tpl{--tpl-margin:var(--space-6);--tpl-gutter:var(--space-5);padding-top:var(--space-6)}.tpl-hub,.tpl-detail,.tpl-reading{--tpl-max:1280px}.tpl-workspace{--tpl-max:1440px}}@media (min-width:1440px){.tpl{--tpl-margin:calc(var(--space-6) + var(--space-2));--tpl-gutter:var(--space-6)}.tpl-hub,.tpl-detail,.tpl-reading{--tpl-max:1360px}}.tpl-compact-only{display:contents}.tpl-above-compact{display:none}@media (min-width:640px){.tpl-compact-only{display:none}.tpl-above-compact{display:contents}}.tpl-header{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.tpl-breadcrumb{display:none}@media (min-width:1100px){.tpl-breadcrumb{display:block}}.tpl-header-row{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.tpl-header-text{gap:var(--space-2);flex-direction:column;flex:20rem;min-width:0;display:flex}.tpl-header-action{gap:var(--space-3);display:flex}.tpl-hub-body{gap:var(--tpl-gutter);flex-direction:column;min-width:0;display:flex}.tpl-hub-filters{display:none}.tpl-hub-main{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.tpl-hub-chips{gap:var(--space-2);scrollbar-width:none;margin:0 calc(-1 * var(--tpl-margin));padding:0 var(--tpl-margin);align-items:center;display:flex;overflow-x:auto}.tpl-hub-chips>*{flex:none}.tpl-hub-results{gap:var(--tpl-gutter);min-width:0;display:grid}.tpl-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-hub-list{grid-template-columns:minmax(0,1fr);gap:0}@media (min-width:640px){.tpl-hub-chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.tpl-hub-grid,.tpl-hub-list{gap:var(--tpl-gutter);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.tpl-hub-body{flex-direction:row;align-items:flex-start}.tpl-hub-filters{width:264px;top:calc(64px + var(--space-5));max-height:calc(100dvh - 64px - 2 * var(--space-5));flex:0 0 264px;display:block;position:sticky;overflow-y:auto}.tpl-hub-chips{display:none}.tpl-hub-grid,.tpl-hub-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.tpl-detail-header{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tpl-detail-action{display:none}.tpl-detail-panel,.tpl-detail-main{min-width:0}@media (min-width:640px){.tpl-detail-action{gap:var(--space-3);display:flex}}@media (min-width:1100px){.tpl-detail{column-gap:var(--tpl-gutter);row-gap:var(--space-6);grid-template-columns:minmax(0,8fr) minmax(340px,4fr);grid-template-areas:"header header""main panel";align-items:start;display:grid}.tpl-detail-header{grid-area:header}.tpl-detail-main{grid-area:main}.tpl-detail-panel{top:calc(64px + var(--space-5));grid-area:panel;position:sticky}}.tpl-reading-header{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tpl-reading-chips{gap:var(--space-2);scrollbar-width:none;margin:0 calc(-1 * var(--tpl-margin));padding:0 var(--tpl-margin);display:flex;overflow-x:auto}.tpl-reading-chips>*{flex:none}.tpl-reading-toc-inline,.tpl-reading-panel{display:none}.tpl-reading-body{min-width:0;max-width:68ch;font-size:var(--type-body-reading-size);line-height:var(--type-body-reading-line-height)}.tpl-reading-after{min-width:0}@media (min-width:640px){.tpl-reading-chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.tpl-reading-toc-inline{display:block}}@media (min-width:1100px){.tpl-reading{justify-content:space-between;column-gap:var(--space-7);row-gap:var(--space-6);grid-template:"header panel""body panel""after panel"1fr/minmax(0,720px) 300px;align-items:start;display:grid}.tpl-reading-header{grid-area:header}.tpl-reading-body{grid-area:body}.tpl-reading-after{grid-area:after}.tpl-reading-chips,.tpl-reading-toc-inline{display:none}.tpl-reading-panel{gap:var(--space-5);top:calc(64px + var(--space-5));flex-direction:column;grid-area:panel;display:flex;position:sticky}}.tpl-ws-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;min-height:56px;display:flex}.tpl-ws-body{gap:var(--tpl-gutter);flex-direction:column;min-width:0;display:flex}.tpl-ws-main,.tpl-ws-panel{min-width:0}.tpl-ws-summary{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);flex-direction:column;display:flex}.tpl-ws-toggle{min-height:44px;padding:0 var(--space-2);margin-left:calc(-1 * var(--space-2));color:var(--color-action);cursor:pointer;font-family:var(--type-label-family);font-size:var(--type-label-size);border-radius:var(--radius-s);background:0 0;border:0;align-self:flex-start;font-weight:600}.tpl-ws-panel[data-collapsed=true]{display:none}@media (min-width:640px){.tpl-ws-summary{display:none}.tpl-ws-panel[data-collapsed]{display:block}.tpl-ws-main{order:1}.tpl-ws-panel{order:2}}@media (min-width:1100px){.tpl-ws-body{grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.tpl-ws-main{grid-area:1/1}.tpl-ws-panel{top:calc(64px + var(--space-5));grid-area:1/2;position:sticky}}@media (min-width:1440px){.tpl-ws-body{grid-template-columns:minmax(0,1fr) 360px}}.tpl-breadcrumb a,.tpl-reading-panel nav a,.tpl-reading-toc-inline a{align-items:center;min-height:44px;display:inline-flex}
.pg-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pg{--pg-head:0px;--pg-cell-min:0px;--pg-cell-max:1fr;max-width:100%;font-family:var(--type-caption-family);flex-direction:column;gap:1px;display:flex}.pg *,.pg :before,.pg :after{box-sizing:border-box}.pg-row{grid-template-columns:repeat(var(--pg-cols), minmax(var(--pg-cell-min), var(--pg-cell-max)));gap:1px;display:grid}.pg-row.pg-has-rh{grid-template-columns:var(--pg-head) repeat(var(--pg-cols), minmax(var(--pg-cell-min), var(--pg-cell-max)))}.pg-week-wide{--pg-head:5.5rem;--pg-cell-min:64px;--pg-cell-max:160px;width:fit-content;display:none}.pg-week-compact{--pg-head:4rem}@media (min-width:640px){.pg-week-wide{display:flex}.pg-week-compact{display:none}}.pg-strip{--pg-cell-min:40px;--pg-cell-max:72px;width:fit-content}.pg-colhead,.pg-rowhead{color:var(--color-text-muted);font-size:var(--type-caption-size);font-weight:var(--type-label-weight,600);line-height:1.3;display:flex}.pg-colhead{padding-bottom:var(--space-2);border-bottom:2px solid #0000;justify-content:center}.pg-colhead>span,.pg-rowhead>span{flex-direction:column;align-items:center;gap:2px;display:flex}.pg-rowhead{padding-right:var(--space-2);align-items:center}.pg-rowhead>span{align-items:flex-start}.pg-week-compact .pg-rowhead>span{gap:var(--space-1);flex-flow:wrap;align-items:baseline}.pg-head-date{font-family:var(--type-data-s-family,var(--type-data-family));color:var(--color-text-subtle)}.pg-today,.pg-today .pg-head-date{color:var(--color-action)}.pg-colhead.pg-today{border-bottom-color:var(--color-action)}.pg-rowhead.pg-today{box-shadow:inset 2px 0 0 var(--color-action);padding-left:var(--space-2)}.pg-marker{font-family:var(--type-data-family)}.pg-marker-balanced{color:var(--color-met)}.pg-marker-low{color:var(--color-below-text)}.pg-cell{aspect-ratio:1;background:var(--color-surface);min-width:0;box-shadow:0 0 0 1px var(--color-line);cursor:pointer;outline:none;position:relative;overflow:hidden}.pg-tl{border-top-left-radius:var(--radius-l)}.pg-tr{border-top-right-radius:var(--radius-l)}.pg-bl{border-bottom-left-radius:var(--radius-l)}.pg-br{border-bottom-right-radius:var(--radius-l)}.pg-cell:focus-visible{z-index:2;outline:2px solid var(--color-action);outline-offset:2px}.pg-photo{object-fit:cover;width:100%;height:100%;display:block}.pg-missing,.rc-missing{background:var(--color-surface-sunken);justify-content:center;align-items:center;display:flex}.pg-missing svg,.rc-missing svg{opacity:.3}.pg-plus{color:var(--color-text-subtle);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pg-empty:hover,.pg-empty:focus-visible{background:var(--color-action-soft)}.pg-empty:hover .pg-plus,.pg-empty:focus-visible .pg-plus{color:var(--color-action)}.pg-past>*{opacity:.4}.pg-cell[aria-disabled=true]{cursor:default}.pg-cell[aria-disabled=true]:hover{background:var(--color-surface)}.pg-cell[aria-disabled=true]:hover .pg-plus{color:var(--color-text-subtle)}.pg-over{z-index:1;box-shadow:inset 0 0 0 2px var(--color-action)}.pg-date{top:var(--space-1);left:var(--space-1);z-index:1;font-family:var(--type-data-family);font-size:var(--type-caption-size);color:var(--color-text-muted);position:absolute}.pg-filled .pg-date{color:#fff;text-shadow:0 0 2px #000c}.pg-pill{left:var(--space-1);bottom:var(--space-1);max-width:calc(100% - 2 * var(--space-1));padding:2px var(--space-2);border-radius:var(--radius-pill);color:#fff;font-size:var(--type-caption-size);white-space:nowrap;text-overflow:ellipsis;background:#000000a8;font-weight:500;line-height:1.4;display:none;position:absolute;overflow:hidden}.pg-cell:hover .pg-pill,.pg-cell:focus-visible .pg-pill{display:block}@media (min-width:1100px){.pg-week-wide .pg-pill{display:block}}.pg-lock{top:var(--space-1);right:var(--space-1);border-radius:var(--radius-pill);color:#fff;background:#000000a8;padding:3px;display:flex;position:absolute}@keyframes pg-drop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pg-flash{0%{box-shadow:inset 0 0 0 2px var(--color-action)}}.pg-drop .pg-photo{animation:pg-drop var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){.pg-drop .pg-photo{animation:none}.pg-drop{animation:1s step-end pg-flash}}.rc{border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.rc *,.rc :before,.rc :after{box-sizing:border-box}.rc-photo{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.rc-body{gap:var(--space-2);padding:var(--space-3);flex-direction:column;flex:1;display:flex}.rc-title{font-family:var(--type-heading-family);font-weight:var(--type-heading-weight,700);font-size:16px;line-height:var(--type-heading-line-height);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (min-width:640px){.rc-title{font-size:var(--type-heading-size)}}.rc-link{color:var(--color-text);text-decoration:none}.rc-link:after{content:"";z-index:1;position:absolute;inset:0}.rc-link:hover{text-decoration:underline}.rc-link:focus-visible{outline:none}.rc:has(.rc-link:focus-visible){outline:2px solid var(--color-action);outline-offset:2px}.rc-meta{font-family:var(--type-data-s-family,var(--type-data-family));font-size:var(--type-data-s-size,var(--type-caption-size));color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin:0}.rc-tags{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.rc-tag{padding:2px var(--space-2);border-radius:var(--radius-s);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--type-caption-size);font-weight:500}.rc-add{z-index:2;align-self:flex-start;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-action);font-family:var(--type-label-family);font-size:var(--type-label-size);cursor:pointer;margin-top:auto;font-weight:600;display:inline-flex;position:relative}.rc-add:hover{background:var(--color-action-soft)}.rc-add:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}@media (hover:hover) and (pointer:fine){.rc-add{opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.rc:hover .rc-add,.rc:focus-within .rc-add{opacity:1}}.atp-recipe{align-items:center;gap:var(--space-3);display:flex}.atp-thumb{border-radius:var(--radius-s);object-fit:cover;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.atp-title{font-family:var(--type-heading-family);font-weight:var(--type-heading-weight,700);font-size:16px;line-height:var(--type-heading-line-height);color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.atp-paging{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.atp-range{text-align:center;font-size:var(--type-small-size,var(--type-caption-size));color:var(--color-text-muted);margin:0}.atp-conflict{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-surface-sunken);flex-direction:column;display:flex}.atp-conflict-text{color:var(--color-text);margin:0}.atp-conflict-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ms-photo{width:96px;height:96px}.ms-head{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ms-meta{font-size:var(--type-small-size,var(--type-caption-size));color:var(--color-text-muted);margin:0}.ms-locked{align-items:center;gap:var(--space-1);font-size:var(--type-caption-size);color:var(--color-text-muted);margin:0;display:inline-flex}.ms-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.ms-view{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-on-action);font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ms-view:hover{background:var(--color-action-hover)}.ms-view:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.ms-servings{align-items:center;gap:var(--space-2);display:flex}.ms-servings-label{color:var(--color-text);flex:1}.ms-servings-count{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;color:var(--color-text)}.ms-note{color:var(--color-text-muted);margin:0}.ms-swaps{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.rp-section{gap:var(--space-2);flex-direction:column;display:flex}.rp-heading{font-family:var(--type-label-family);font-size:var(--type-label-size);font-weight:var(--type-label-weight);color:var(--color-text-muted);margin:0}.rp-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rp-row{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-s);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.rp-row:hover{background:var(--color-action-soft)}.rp-row:focus-visible{outline:2px solid var(--color-action);outline-offset:2px}.rp-thumb{border-radius:var(--radius-s);object-fit:cover;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.rp-text{flex-direction:column;min-width:0;display:flex}.rp-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rp-meta{font-size:var(--type-caption-size);color:var(--color-text-muted)}