:root{--text-small:.8rem;--text-body:1rem;--text-medium:1.25rem;--text-large:1.563rem;--text-display:1.953rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ink:#1f1a17;--ink-quiet:#736961;--ink-hint:#a8a29e;--surface:#fcfaf7;--surface-raised:#fff;--surface-sunken:#f2ece4;--line:#e6ddd2;--accent:#7c2d12;--warning:#b3261e;--toast:#1f1a17;--toast-ink:#fcfaf7;--toast-action:#fce38a;--shadow-raised:0 10px 30px #0000002e;--shadow-small:0 1px 3px #0000002e;--setup:#fbf1cf;--notice:gold;--shared:#e6efe8;--shared-ink:#3e6b4f;--measure:34rem;--tap-target:2.75rem;--thumb:3.5rem;--radius:.5rem;--radius-pill:999px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#f5efe8;--ink-quiet:#a0958c;--ink-hint:#6b6560;--surface:#161210;--surface-raised:#211b17;--surface-sunken:#2a231e;--line:#342c26;--accent:#f0a882;--warning:#ff8a80;--toast:#f5efe8;--toast-ink:#1f1a17;--toast-action:#7c2d12;--setup:#fce38a1a;--shared:#9cc9a81f;--shared-ink:#9cc9a8}}*{box-sizing:border-box}::placeholder{color:var(--ink-hint)}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);overflow-wrap:anywhere;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;line-height:1.5}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{max-width:var(--measure);padding:var(--space-5) var(--space-4) var(--space-7);margin-inline:auto}.page--collection{padding-inline:var(--space-3)}.page__title{color:var(--accent);font-size:var(--text-display);letter-spacing:-.02em;margin:0 0 var(--space-6);min-width:0}.page__subject{color:var(--ink-quiet);margin:calc(var(--space-6) * -1) 0 var(--space-6);min-height:calc(var(--text-body) * 1.5 + var(--space-2));padding-top:var(--space-2)}.page__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);justify-content:space-between;display:flex}.page__header .page__title{margin-bottom:0}.page__back{color:var(--ink-quiet);line-height:var(--tap-target);text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;text-decoration:none;display:block;overflow:hidden}.page__back>[aria-hidden=true]{margin-right:var(--space-2)}button.page__back{cursor:pointer;font:inherit;line-height:var(--tap-target);text-align:left;background:0 0;border:0;padding:0}.icon-button{border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;height:var(--tap-target);width:var(--tap-target);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.icon-button:disabled{cursor:default;opacity:.6}.icon-button[aria-pressed=true]{color:var(--accent)}@media (hover:hover){.page__back:hover{text-decoration:underline}}.page--collection>.page__back,.page--collection>.page__back+.page__header{margin-inline:calc(var(--space-4) - var(--space-3))}.page--barred{padding-top:0}.recipe-bar{background:var(--surface);align-items:center;gap:var(--space-1);margin:0 calc(var(--space-4) * -1) var(--space-2);min-height:calc(var(--tap-target) + var(--space-2));padding:var(--space-1) 0 var(--space-1) var(--space-4);z-index:10;border-bottom:1px solid #0000;display:flex;position:sticky;top:0}.recipe-bar--scrolled{border-bottom-color:var(--line)}.recipe-bar .page__back{flex:none;margin-right:auto}.logo{cursor:pointer;-webkit-tap-highlight-color:transparent}.logo__tap{color:inherit;cursor:pointer;font:inherit;vertical-align:-.085em;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0 .288em 0 0;padding:0;display:inline-flex;position:relative}.logo__tap:after{content:"";height:max(100%, var(--tap-target));width:max(100%, var(--tap-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo__mark{fill:currentColor;pointer-events:none;width:1.088em;height:auto;overflow:visible}.logo__handle{fill:none;stroke:currentColor}.logo__guide{fill:none;opacity:.55;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.logo__name{display:inline-block}.logo--drawing{--logo-drop:.84s;--logo-sweep:calc(var(--logo-drop) + .22s);--logo-sweep-for:.46s;--logo-name:calc(var(--logo-sweep) + var(--logo-sweep-for) - 40ms)}.logo--drawing .logo__guide{animation:.5s cubic-bezier(.6,0,.2,1) backwards logo-draw}.logo--drawing .logo__guide:nth-child(3){animation-delay:.16s}.logo--drawing .logo__guide:nth-child(4){animation-delay:.24s}.logo--drawing .logo__guide:nth-child(5){animation-delay:.42s}.logo--drawing .logo__guide:nth-child(6){animation-delay:.6s}.logo--drawing .logo__guides{animation:logo-guides-out .42s linear var(--logo-name) forwards}.logo--drawing .logo__bowl{animation:logo-drop .34s cubic-bezier(.3, 1.4, .5, 1) var(--logo-drop) backwards;transform-box:fill-box;transform-origin:50% 0}.logo--drawing .logo__handle{animation:logo-draw var(--logo-sweep-for) cubic-bezier(.5, 0, .85, .55) var(--logo-sweep) backwards}.logo--drawing .logo__name{animation:logo-name-in .7s cubic-bezier(.2, .55, .35, 1) var(--logo-name) backwards;-webkit-mask-image:linear-gradient(90deg,#000 0 40%,#0000 60% 100%);mask-image:linear-gradient(90deg,#000 0 40%,#0000 60% 100%);-webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes logo-draw{0%{stroke-dasharray:1 1;stroke-dashoffset:1px}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes logo-drop{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes logo-guides-out{to{opacity:0}}@keyframes logo-name-in{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.search{margin-bottom:var(--space-5);align-items:center;display:flex}.search__box{flex:1;min-width:0;position:relative}.search__field{background:var(--surface-sunken);border-radius:var(--radius);color:var(--ink);font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-3);border:1.5px solid #0000;outline:none;width:100%;padding-inline-end:var(--tap-target);transition:background-color .24s,border-color .24s}.search--on .search__field{background:var(--surface-raised);border-color:var(--accent)}.search__field::-webkit-search-cancel-button{appearance:none}.search__field::-webkit-search-decoration{appearance:none}.search__clear{border-radius:var(--radius);color:var(--ink-quiet);cursor:pointer;font-size:var(--text-medium);width:var(--tap-target);background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;inset-block:0;inset-inline-end:0}.tag-button{background:var(--surface-sunken);border-radius:var(--radius);color:var(--ink);cursor:pointer;height:var(--tap-target);width:var(--tap-target);border:0;flex:none;justify-content:center;align-items:center;margin-inline-start:var(--space-2);padding:0;display:flex;position:relative}.tag-button[data-on]:after{background:var(--accent);border:2px solid var(--surface-sunken);content:"";border-radius:50%;width:.75rem;height:.75rem;position:absolute;inset-block-start:.35rem;inset-inline-end:.35rem}.search__cancel{opacity:0;white-space:nowrap;flex:none;max-width:0;margin-inline-start:0;transition:max-width .24s,margin .24s,opacity .24s;overflow:hidden}.search--on .search__cancel{opacity:1;max-width:5rem;margin-inline-start:var(--space-2)}.search .search__cancel{padding:0}@media (prefers-reduced-motion:reduce){.search__field,.search__cancel{transition:none}}.collection__discarded,.recipe-toast{background:var(--toast);border:1px solid var(--toast);border-radius:var(--radius);bottom:calc(env(safe-area-inset-bottom) + var(--space-4));box-shadow:var(--shadow-raised);color:var(--toast-ink);align-items:center;gap:var(--space-3);inset-inline:var(--space-4);max-inline-size:var(--measure);padding:var(--space-3) var(--space-4);pointer-events:auto;z-index:5;flex-wrap:wrap;margin:0 auto;animation:.15s ease-out toast-in;display:flex;position:fixed}.collection__discarded--through,.recipe-toast--through{pointer-events:none}@keyframes toast-in{0%{opacity:0}}@keyframes toast-out{to{opacity:0}}.collection__discarded--leaving,.recipe-toast--leaving{animation:.15s ease-out forwards toast-out}@media (prefers-reduced-motion:reduce){.collection__discarded,.recipe-toast{animation:none}.collection__discarded--leaving,.recipe-toast--leaving{opacity:0;animation:none}}.collection__discarded-failed,.recipe-toast__failed{color:var(--toast-action)}.collection__discarded-working{color:color-mix(in oklab, var(--toast-ink) 70%, var(--toast))}.collection__discarded-failed:focus,.collection__discarded-working:focus{outline:none}.collection__undo,.recipe-toast__action{min-height:auto;padding:var(--space-1) var(--space-3)}.collection__discarded .collection__undo,.recipe-toast .recipe-toast__action{color:var(--toast-action);border-color:#0000;font-weight:700}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1.25rem;height:1.25rem}.more__menu{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-raised);min-width:13rem;padding:var(--space-2);flex-direction:column;display:flex}.more__line{border:0;border-top:1px solid var(--line);margin:var(--space-1)}.more__entry{border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;align-items:center;gap:var(--space-3);min-height:var(--tap-target);padding:0 var(--space-3);text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.more__entry .icon{color:var(--ink-quiet)}.more__heading{color:var(--ink-quiet);font-size:var(--text-small);letter-spacing:.06em;margin:var(--space-1) var(--space-3);text-transform:uppercase;font-weight:700}.more__entry--discard,.more__entry--discard .icon{color:var(--warning)}@media (hover:hover){.more__entry:hover{background:color-mix(in oklab, var(--ink) 6%, transparent)}}.trash{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.trash__item{border-bottom:1px solid var(--line);padding-bottom:var(--space-4)}.trash__what{gap:var(--space-1);flex-direction:column;display:flex}.trash__title{font-size:var(--text-large)}.trash__discarded{color:var(--ink-quiet);font-size:var(--text-small)}.trash__actions{align-items:baseline;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.trash__failure{margin-top:var(--space-3)}.trash__working{color:var(--ink-quiet);align-self:center}.trash__working:focus{outline:none}.analytics__stats{gap:var(--space-3);margin:0 0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.analytics__stat{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-direction:column-reverse;justify-content:flex-end;display:flex}.analytics__stat-label{color:var(--ink-quiet);font-size:var(--text-small)}.analytics__figure{color:var(--accent);font-size:var(--text-large);letter-spacing:-.02em;margin:0;line-height:1.2}.analytics__section{margin-bottom:var(--space-6)}.analytics__heading{font-size:var(--text-medium);margin:0 0 var(--space-3)}.analytics__note{color:var(--ink-quiet);font-size:var(--text-small);margin:calc(var(--space-2) * -1) 0 var(--space-3)}.analytics__windows{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.analytics__window{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:inherit;font-size:var(--text-small);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);flex:1}.analytics__window[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--surface)}.analytics__list{margin:0;padding:0;list-style:none}.analytics__row{border-bottom:1px solid var(--line);color:inherit;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;text-decoration:none;display:flex}.analytics__list>li:last-child .analytics__row{border-bottom:0}.analytics__thumb{background:var(--surface-sunken);border-radius:var(--radius);height:var(--thumb);object-fit:cover;width:var(--thumb);flex-shrink:0}.analytics__body{flex:1;min-width:0}.analytics__name{line-height:1.3;display:block}.analytics__meta{color:var(--ink-quiet);font-size:var(--text-small)}.analytics__count{color:var(--accent);font-size:var(--text-medium);flex-shrink:0}.analytics__count-unit{color:var(--ink-quiet);font-size:var(--text-small)}.analytics__panel{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4)}.analytics__foot{border-left:3px solid var(--accent);color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-4) 0 0;padding-left:var(--space-3)}.analytics__row--gone .analytics__name{color:var(--ink-quiet)}.activity__day{margin-bottom:var(--space-4)}.activity__heading{color:var(--ink-quiet);font-size:var(--text-small);margin:0 0 var(--space-1);font-weight:600}.activity{margin:0;padding:0;list-style:none}.activity__line{border-bottom:1px solid var(--line);color:inherit;align-items:flex-start;gap:var(--space-3);min-height:var(--tap-target);padding:var(--space-3) 0;text-decoration:none;display:flex}.activity>li:last-child .activity__line{border-bottom:0}.activity__who{background:var(--surface-sunken);font-size:var(--text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.activity__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.activity__what{overflow-wrap:anywhere}.activity__at{color:var(--ink-quiet);font-size:var(--text-small)}.activity__foot{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-4) 0 0}.rhythm{gap:3px;height:72px;margin:0;padding:0;list-style:none;display:flex}.rhythm__day{flex:1;align-items:flex-end;display:flex}.rhythm__bar{background:color-mix(in oklab, var(--accent) 22%, transparent);border-radius:2px;width:100%;min-height:3px}.rhythm__bar--today{background:var(--accent)}.rhythm__axis{color:var(--ink-quiet);font-size:var(--text-small);margin-top:var(--space-2);justify-content:space-between;display:flex}.split{margin-bottom:var(--space-2);gap:2px;display:flex}.split__part{border-radius:3px;height:10px}.split__part--new{background:var(--accent)}.split__part--repeat{background:color-mix(in oklab, var(--accent) 25%, transparent)}.split__key{color:var(--ink-quiet);font-size:var(--text-small);gap:var(--space-4);margin:0;padding:0;list-style:none;display:flex}.split__dot{height:9px;margin-right:var(--space-1);border-radius:2px;width:9px;display:inline-block}.log__choice{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.log__option{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);min-height:var(--tap-target);padding:0 var(--space-4);align-items:center;text-decoration:none;display:inline-flex}.log__option[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--surface)}.log{font-family:var(--font-mono);font-size:var(--text-small);gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.log__line{border-bottom:1px solid var(--line);padding-bottom:var(--space-3)}.log__answer{color:var(--ink-quiet);gap:var(--space-3);flex-wrap:wrap;display:flex}.log__error{color:var(--warning);margin:var(--space-1) 0 0}.log__stale{margin-bottom:var(--space-4)}.log__more,.notice.log__more{margin-top:var(--space-5)}.read-foot{margin-top:var(--space-5);justify-content:flex-end;display:flex}.notice.discard__progress{margin-bottom:var(--space-4)}.discard__progress:focus{outline:none}.notice.discard__failure{margin-bottom:var(--space-4)}.fun{border:1px solid var(--line);color:var(--ink-quiet);font:inherit;font-size:var(--text-small);align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);background:0 0;border-radius:999px;display:inline-flex}.fun[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.fun__dot{background:var(--line);border-radius:999px;flex:none;width:.6rem;height:.6rem}.fun[aria-pressed=true] .fun__dot{background:var(--accent)}.collection{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.collection__recipe{color:inherit;gap:var(--space-2);flex-direction:column;text-decoration:none;display:flex}.collection__tile{aspect-ratio:1;background:linear-gradient(135deg, var(--surface-sunken), color-mix(in srgb, var(--surface-sunken) 90%, var(--ink)));border-radius:var(--radius);object-fit:cover;width:100%}.collection__found{color:var(--ink-quiet);font-size:var(--text-small);margin:0 0 var(--space-2)}.collection__drawn{display:contents}.collection__cover{display:grid;position:relative}.collection__heart{background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-small);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;inset-block-end:5px;inset-inline-end:5px}.collection__title{-webkit-line-clamp:2;font-size:var(--text-small);text-wrap:pretty;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}@media (hover:hover){.collection__recipe:hover .collection__title{text-decoration:underline}}.viewed{margin-bottom:var(--space-4)}.found-elsewhere{border-top:1px solid var(--line);margin-top:var(--space-5);padding-top:var(--space-4)}.viewed__heading{color:var(--ink-quiet);font-size:var(--text-small);letter-spacing:.06em;margin:0 0 var(--space-2);padding-inline:var(--space-1);text-transform:uppercase;font-weight:700}.viewed__row{gap:var(--space-2);margin:0 calc(var(--space-3) * -1);overscroll-behavior-x:contain;padding:0 var(--space-3);scroll-padding-inline:var(--space-3);scroll-snap-type:x proximity;scrollbar-width:none;list-style:none;display:flex;overflow-x:auto}.viewed__row::-webkit-scrollbar{display:none}.viewed__item{scroll-snap-align:start;flex:none;width:4.75rem}.notice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);color:var(--ink-quiet);padding:var(--space-4);margin:0}.notice__lead{color:var(--ink);font-size:var(--text-large);margin-bottom:var(--space-2);display:block}.notice--failed{border-color:var(--accent)}.offline-copy{color:var(--ink-quiet);font-size:var(--text-small);margin:0 0 var(--space-4)}.recipe__head{align-items:center;gap:var(--space-3);display:flex}.recipe__title{font-size:var(--text-display);-webkit-hyphenate-limit-after:4;-webkit-hyphenate-limit-before:4;hyphenate-limit-chars:10 4 4;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-.02em;flex:1;min-width:0;margin:0;line-height:1.15}.recipe__meta{color:var(--ink-quiet);align-items:center;column-gap:var(--space-3);font-size:var(--text-small);margin:var(--space-2) 0 var(--space-4);flex-wrap:wrap;display:flex}.recipe__meta:empty{display:none}.recipe__cookbook{align-items:center;gap:var(--space-1);margin:0;display:inline-flex}.recipe__cookbook .icon{width:.9rem;height:.9rem}.recipe__source a{color:inherit;align-items:center;gap:var(--space-1);margin-block:calc((var(--tap-target) - 1.5em) / -2);min-height:var(--tap-target);-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:2px;display:inline-flex}.recipe__source .icon{width:.9rem;height:.9rem}.recipe__shared{cursor:pointer;font:inherit;margin-block:calc((var(--tap-target) - 1.5em) / -2);min-height:var(--tap-target);background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.recipe__source a,.recipe__shared{z-index:1;position:relative}.recipe__shared-pill{background:var(--shared);border-radius:var(--radius-pill);color:var(--shared-ink);align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-weight:600;line-height:1.4;display:inline-flex}.recipe__shared-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.recipe__tags{display:contents}.recipe__tag{background:var(--surface-sunken);border-radius:var(--radius-pill);color:var(--ink-quiet);align-items:center;gap:var(--space-1);overflow-wrap:anywhere;padding:0 var(--space-2);margin-block:2px;font-weight:600;line-height:1.4;list-style:none;display:inline-flex}.recipe__tag-link{color:inherit;align-items:center;gap:var(--space-1);text-decoration:none;display:inline-flex;position:relative}.recipe__tag-link:after{content:"";height:max(100%, var(--tap-target));width:max(100%, var(--tap-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recipe__tag-link:before{content:"";z-index:1;position:absolute;inset:0}.recipe__tag .icon{width:.75rem;height:.75rem}.sharing__line{margin-bottom:var(--space-4)}.card__instructions{gap:var(--space-2);margin:0 0 var(--space-3);flex-direction:column;padding:0;display:flex}.card__instructions--setup{margin-bottom:var(--space-4);list-style:none}.card__instructions--steps{list-style-position:inside}.card__instruction{padding:var(--space-1) 0}.card__instructions--setup>.card__instruction{background:var(--setup);border-radius:var(--radius);padding:var(--space-1) var(--space-3);font-weight:500}.card__instructions--steps>.card__instruction::marker{color:var(--accent);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:700}.card__steps>.step::marker{color:var(--accent);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:700}.component{margin-bottom:var(--space-4)}.component__name{border-bottom:1px solid var(--line);color:var(--ink-quiet);font-size:var(--text-small);letter-spacing:.06em;margin:0 0 var(--space-2);padding-bottom:var(--space-1);text-transform:uppercase}.card__matrix{align-items:stretch;column-gap:var(--space-2);row-gap:var(--space-1);grid-template-columns:minmax(0,44%) minmax(0,1fr);display:grid}.card__ingredient{border-bottom:1px dotted var(--line);min-width:0;padding:var(--space-1) 0}.card__ingredient,.ingredient{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.card__ingredient--seam{border-bottom:3px solid var(--line)}.card__ingredient--last{border-bottom:0}.card__band{background:color-mix(in oklab, var(--accent) 5%, transparent);border-radius:var(--radius) 0 0 var(--radius);min-width:0;padding:var(--space-1) 0;gap:6px;display:flex}.card__bracket{border:2px solid var(--accent);border-left:0;border-radius:0 3px 3px 0;flex:none;align-self:stretch;width:6px}.card__band--bracket-open .card__bracket{border-top:0;border-top-right-radius:0}.card__steps{align-self:center;gap:var(--space-2);flex-direction:column;min-width:0;margin:0;padding:0;list-style-position:inside;display:flex}.ingredient+.ingredient{margin-top:var(--space-1)}.component__loose-label{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-4) 0 var(--space-2)}.component__loose{margin:0;padding:0;list-style:none}.is-struck{opacity:.5;text-decoration:line-through}.strike-glass{pointer-events:none;z-index:60;width:100%;height:100%;position:fixed;inset:0}.amount{font-variant-numeric:tabular-nums}.detail{color:var(--ink-quiet);font-size:var(--text-small)}.detail--warning{color:var(--warning);font-size:var(--text-body);font-weight:700}.detail--warning .icon{stroke-width:2.2px;vertical-align:-.125em;width:1em;height:1em;margin-right:.2em}.confirm{border-top:1px solid var(--line);margin-top:var(--space-7);padding-top:var(--space-5)}.trash__actions .confirm{border-top:0;margin-top:0;padding-top:0}.button{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:var(--surface);cursor:pointer;font:inherit;min-height:var(--tap-target);padding:var(--space-2) var(--space-4);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button:disabled,.button[aria-disabled=true]{cursor:default;opacity:.6}.button--quiet{border-color:var(--line);color:var(--ink);background:0 0}.button--delete{border-color:var(--warning);color:var(--warning);background:0 0}.button--danger{background:var(--warning);border-color:var(--warning);color:var(--surface)}.button--text{color:var(--accent);gap:var(--space-1);padding:0 var(--space-2);background:0 0;border:0;font-weight:600}.scale{background:color-mix(in oklab, var(--accent) 12%, transparent);border-radius:var(--radius);color:var(--accent);cursor:pointer;font:inherit;font-variant-numeric:tabular-nums;min-height:var(--tap-target);padding:0 var(--space-3);border:1px solid #0000;flex-shrink:0;font-weight:700}.scale:has(+.sheet:popover-open){background:var(--accent);border-color:var(--accent);color:var(--surface)}.sheet{cursor:pointer;touch-action:none;background:0 0;border:0;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:0;position:fixed;inset:0}.sheet[data-leaving]{opacity:0;pointer-events:none;transition:opacity .12s ease-out}.sheet__box{cursor:auto;left:var(--sheet-left,0);top:var(--sheet-top,0);touch-action:auto;transform-origin:100% 0;visibility:hidden;position:fixed}.sheet__box[data-placed]{visibility:visible}.scale__grid{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-raised);gap:var(--space-1);min-inline-size:0;padding:var(--space-2);grid-template-columns:repeat(3,4.4rem);margin:0;display:grid}.scale__cell{border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--text-medium);background:0 0;border:1px solid #0000;min-height:4.4rem;padding:0}.scale__cell[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--surface)}.scale__cell--other{border-color:var(--line);font-size:var(--text-body);grid-column:1/-1}.scale__hint{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:var(--ink-quiet);font-size:var(--text-small);grid-column:1/-1;margin:0}@media (hover:hover){.scale__cell:hover:not([aria-pressed=true]){background:var(--surface);border-color:var(--line)}}.scale__ask{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-raised);cursor:auto;gap:var(--space-2);inline-size:min(20rem, 100vw - var(--space-4));padding:var(--space-3);touch-action:auto;transform-origin:bottom;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.line-menu,.line-edit{cursor:auto;touch-action:auto;position:fixed}.line-menu{transform-origin:0 0;min-inline-size:0;margin:0}.more__entry:disabled,.more__entry:disabled .icon{color:var(--ink-quiet);cursor:default}.line-menu__words{flex-direction:column;display:flex}.line-menu__why{font-size:var(--text-small)}.sweetness{color:var(--accent);align-items:center;gap:var(--space-2);padding-block-start:var(--space-1);display:flex}.sweetness--within{color:var(--shared-ink)}.sweetness--empty,.sweetness--checked{color:var(--ink-quiet)}.sweetness__track{background:var(--surface-sunken);block-size:4px;box-shadow:inset 0 0 0 1px var(--line);border-radius:2px;flex:0 4.5rem;min-inline-size:0;position:relative}.sweetness--empty .sweetness__track{background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);box-shadow:none}.sweetness__fill{background:currentColor;border-radius:2px;position:absolute;inset-block:0;inset-inline-start:0}.sweetness__default{background:var(--shared-ink);border-radius:1px;block-size:10px;inline-size:2px;margin-inline-start:-1px;position:absolute;top:-3px}.sweetness__said{font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:700}.line-menu__sweetness{color:var(--ink);align-items:center;gap:var(--space-3);min-height:var(--tap-target);padding:0 var(--space-3);margin:0;display:flex}.line-menu__sweetness .icon,.line-menu__sweetness .line-menu__why{color:var(--accent)}.line-menu__sweetness.sweetness--within .icon,.line-menu__sweetness.sweetness--within .line-menu__why{color:var(--shared-ink)}.line-menu__sweetness.sweetness--empty .icon,.line-menu__sweetness.sweetness--empty .line-menu__why,.line-menu__sweetness.sweetness--checked .icon,.line-menu__sweetness.sweetness--checked .line-menu__why{color:var(--ink-quiet)}.line-menu__sweetness{font:inherit;text-align:start;background:0 0;border:0;inline-size:100%}.sweetness-sheet__head{align-items:baseline;gap:var(--space-3);justify-content:space-between;margin-block-end:var(--space-4);display:flex}.sweetness-sheet__percent{font-size:var(--text-large);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:700}.sweetness-sheet__default{color:var(--ink-quiet);font-size:var(--text-small);margin:0}.sweetness-sheet__change{color:var(--accent);font:inherit;min-block-size:var(--tap-target);vertical-align:middle;background:0 0;border:0;align-items:center;padding:0;font-weight:700;display:inline-flex}.sweetness-sheet__slider{padding-block-start:var(--tap-target);position:relative}.sweetness-sheet__mark{font:inherit;min-block-size:var(--tap-target);transform:translateX(calc(var(--along) * -100%));background:0 0;border:0;align-items:center;padding:0;display:flex;position:absolute;top:0}.sweetness-sheet__pill{background:var(--shared-ink);color:var(--surface);font-size:var(--text-small);padding:.1rem var(--space-2);white-space:nowrap;border-radius:999px;font-weight:700}.sweetness-sheet__range{accent-color:var(--accent);inline-size:100%;min-block-size:var(--tap-target);margin:0}.sweetness-sheet__ends{color:var(--ink-quiet);font-size:var(--text-small);justify-content:space-between;margin:0;display:flex}.sweetness-sheet__why{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-2) 0 0}.sweetness-sheet__heading{color:var(--ink-quiet);font-size:var(--text-small);letter-spacing:.06em;margin:var(--space-4) 0 var(--space-1);text-transform:uppercase}.sweetness-sheet__list{margin:0;padding:0;list-style:none}.sweetness-sheet__line{align-items:baseline;gap:var(--space-2);padding-block:var(--space-1);display:flex}.sweetness-sheet__from{flex:1}.sweetness-sheet__to,.sweetness-sheet__sugar{font-variant-numeric:tabular-nums;white-space:nowrap}.sweetness-sheet__to{font-weight:700}.sweetness-sheet__sugar{color:var(--ink-quiet);font-size:var(--text-small)}.sweetness-sheet__buttons{justify-content:space-between;align-items:flex-start;margin-block-start:var(--space-5);display:flex}.sweetness-sheet__go{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.sweetness-sheet__offline{color:var(--ink-quiet);font-size:var(--text-small)}.history__sugar{color:var(--ink-quiet);font-size:var(--text-small);align-items:center;gap:var(--space-1);display:flex}.line-edit{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-raised);gap:var(--space-2);inline-size:min(var(--measure), 100vw - var(--space-4));padding:var(--space-3);transform-origin:bottom;flex-direction:column;display:flex;overflow-y:auto}.line-edit__title,.line-edit__note{color:var(--ink-quiet);font-size:var(--text-small);margin:0}.line-edit__field{background:var(--surface-sunken);border:1.5px solid var(--accent);border-radius:var(--radius);color:var(--ink);font:inherit;font-size:var(--text-medium);min-height:var(--tap-target);min-width:0;padding:0 var(--space-3);outline:none}.line-edit__refusal{color:var(--warning);font-size:var(--text-small);margin:0;font-weight:600}.line-edit__actions{gap:var(--space-2);justify-content:flex-end;display:flex}.card__ingredient--new,.ingredient--new{background:color-mix(in oklab, var(--accent) 8%, transparent);border:1.5px dashed var(--accent);border-radius:var(--radius);color:var(--ink-quiet);padding:var(--space-1) var(--space-2);font-style:italic}.card__ingredient[data-held],.ingredient[data-held]{--held-tint:color-mix(in oklab, var(--accent) 14%, transparent);background:var(--held-tint);border-radius:var(--radius);box-shadow:0 0 0 var(--space-1) var(--held-tint)}.sheet:popover-open>.sheet__box[data-placed]{animation:.12s ease-out pop-in}.sheet:popover-open>.scale__ask{animation:.12s ease-out pop-in}.sheet:popover-open>.line-menu{animation:.12s ease-out pop-in}.sheet:popover-open>.line-edit{animation:.12s ease-out pop-in}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet:popover-open>.sheet__box[data-placed]{animation-name:fade-in}.sheet:popover-open>.scale__ask{animation-name:fade-in}.sheet:popover-open>.line-menu{animation-name:fade-in}.sheet:popover-open>.line-edit{animation-name:fade-in}}.scale__ask-line{color:var(--ink-quiet);font-size:var(--text-small);margin:0}.scale__ask-line b{color:var(--ink);font-variant-numeric:tabular-nums}.scale__ask-row{align-items:center;gap:var(--space-2);display:flex}.scale__ask-box{background:var(--surface-sunken);border:1.5px solid var(--accent);border-radius:var(--radius);align-items:center;gap:var(--space-1);min-height:var(--tap-target);min-width:0;padding:0 var(--space-3);flex:1;display:flex}.scale__ask-field{color:var(--ink);font:inherit;font-size:var(--text-medium);font-variant-numeric:tabular-nums;min-height:var(--tap-target);background:0 0;border:0;outline:none;flex:1;width:100%;min-width:0;padding:0;font-weight:600}.scale__ask-unit{color:var(--ink-quiet);font-weight:600}.scale__ask-result{color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;min-width:3.5rem;font-weight:700}.scale__ask-go{font-weight:700}.editor{gap:var(--space-3);flex-direction:column;display:flex}.editor__label{color:var(--ink-quiet);font-size:var(--text-small)}.editor__source{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-body);padding:var(--space-3);resize:vertical;width:100%;min-height:24rem;line-height:1.6}.editor__field{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-size:var(--text-body);padding:var(--space-3);width:100%}.editor__actions{gap:var(--space-3);display:flex}.tags-field{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-chip{background:var(--surface-sunken);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font:inherit;font-size:var(--text-small);align-items:center;gap:var(--space-1);overflow-wrap:anywhere;min-height:2.25rem;padding:var(--space-1) var(--space-3);text-align:start;border:1.5px solid #0000;font-weight:600;display:inline-flex;position:relative}.tag-chip:after{content:"";height:max(100%, var(--tap-target));width:max(100%, var(--tap-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tag-chip .icon{width:.9rem;height:.9rem}.tag-chip--add{border-color:var(--line);color:var(--accent);background:0 0}.tag-chip--sheet[aria-pressed=true]{background:var(--accent);color:var(--surface)}.tag-chip--hearted{border-color:var(--accent)}.tag-chip--sheet.tag-chip--hearted[aria-pressed=false]{color:var(--accent);background:0 0}.tag-chip:disabled{cursor:default;opacity:.35}.tag-chip__count{font-variant-numeric:tabular-nums;opacity:.75;font-weight:500}.tag-chip--on{background:var(--accent);color:var(--surface);border-color:#0000}.tag-sheet__chips--filter .tag-chip{font-size:.875rem}.tag-sheet__chips--filter .tag-chip[aria-pressed=false]:not(.tag-chip--hearted){color:color-mix(in srgb, var(--ink) 30%, var(--ink-quiet))}.tag-sheet__chips--filter .tag-chip__count{font-size:.75rem}.tag-sheet__rule{border-block-start:1px solid var(--line);flex-basis:100%}.tags-on{margin-block:calc(var(--space-3) * -1) var(--space-4)}.tag-chip--new{border-color:var(--accent);color:var(--accent);background:0 0}.bottom-sheet{background:var(--surface-raised);box-shadow:var(--shadow-raised);color:var(--ink);border:0;border-radius:18px 18px 0 0;flex-direction:column;inline-size:100%;max-inline-size:none;margin:0;padding:0;overflow:hidden}.bottom-sheet--tall{block-size:75dvh}.bottom-sheet[open]{animation:.22s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex}.bottom-sheet::backdrop{background:#00000052;animation:.18s ease-out fade-in}@keyframes sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.bottom-sheet[open]{animation-name:fade-in}}.bottom-sheet__body{min-block-size:0;max-block-size:75dvh;flex-direction:column;padding-block-end:max(calc(var(--space-5) - var(--space-1)), env(safe-area-inset-bottom));display:flex}.bottom-sheet--tall .bottom-sheet__body{flex:1}.bottom-sheet__grab{background:color-mix(in oklab, var(--line), var(--ink-hint));block-size:5px;inline-size:38px;margin-block:var(--space-2) var(--space-1);border-radius:3px;flex:none;align-self:center}.bottom-sheet__head{margin:0 var(--space-2) calc(var(--space-3) - var(--space-1)) var(--space-4);flex:none;justify-content:space-between;align-items:center;display:flex}.bottom-sheet__head--pair{grid-template-columns:1fr auto 1fr;margin-inline-start:var(--space-2);display:grid}.bottom-sheet__title{margin:0;font-size:1.125rem;font-weight:700}.bottom-sheet__head--pair .bottom-sheet__title{overflow-wrap:break-word;text-align:center;min-inline-size:0}.bottom-sheet__way{border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;min-height:var(--tap-target);overflow-wrap:normal;padding:0 var(--space-2);background:0 0;border:0;justify-self:start;font-weight:500}.bottom-sheet__way--go{color:var(--accent);justify-self:end;font-weight:600}.bottom-sheet__way:disabled{color:var(--ink-quiet);cursor:default}.bottom-sheet__content{gap:var(--space-3);min-block-size:0;padding:var(--space-1) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bottom-sheet__words{color:var(--ink-quiet);margin:0}.bottom-sheet__ask{font-size:var(--text-medium);margin:var(--space-3) 0 0;font-weight:700}.bottom-sheet__answers{gap:var(--space-2);flex-direction:column;display:flex}.pop-up{background:var(--surface-raised);box-shadow:var(--shadow-raised);color:var(--ink);inline-size:min(100vw - 2 * var(--space-4), 22rem);border:0;border-radius:16px;flex-direction:column;max-inline-size:none;margin:0;padding:0;inset:auto;overflow:hidden}.pop-up[open]{animation:.18s cubic-bezier(.2,.8,.2,1) pop-up-in;display:flex}.pop-up::backdrop{background:#00000052;animation:.18s ease-out fade-in}@keyframes pop-up-in{0%{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion:reduce){.pop-up[open]{animation-name:fade-in}}.pop-up__body{gap:var(--space-3);min-block-size:0;padding:var(--space-5) var(--space-4) 0;flex-direction:column;display:flex;overflow-y:auto}.pop-up__title{margin:0;font-size:1.125rem;font-weight:700;line-height:1.25}.pop-up__words{color:var(--ink-quiet);margin:0}.pop-up__failure{background:color-mix(in oklab, var(--warning) 10%, transparent);border-radius:var(--radius);padding:var(--space-2) var(--space-3);margin:0}.pop-up__lead{color:var(--warning);font-weight:700;display:block}.pop-up__answers{gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-4);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pop-up__answers .button{overflow-wrap:normal;padding-inline:var(--space-2)}.whats-new__version{font-size:var(--text-body);margin:0 0 var(--space-2)}.whats-new__changes{margin:0;padding-inline-start:var(--space-5)}.tag-sheet__chips{align-content:flex-start;gap:var(--space-2);margin:calc(var(--space-1) * -1);min-height:0;padding:var(--space-1);flex-wrap:wrap;flex:1;display:flex;overflow-y:auto}.picker{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:var(--space-2);padding-inline:var(--space-3);display:flex}.picker .icon{color:var(--ink-quiet)}.picker__field{appearance:none;color:var(--ink);font:inherit;font-size:var(--text-body);min-height:var(--tap-target);background:0 0;border:0;flex:1;font-weight:600}.history{margin:0;padding:0;list-style:none}.history__item{border-bottom:1px solid var(--line)}.history__item:first-child{border-top:1px solid var(--line)}.history__revision{color:inherit;gap:var(--space-1);min-height:var(--tap-target);padding:var(--space-3) var(--space-1);flex-direction:column;justify-content:center;text-decoration:none;display:flex}.history__version{font-size:var(--text-medium)}.history__saved{color:var(--ink-quiet);font-size:var(--text-small)}@media (hover:hover){.history__revision:hover .history__version{text-decoration:underline}}.history__note{color:var(--ink-quiet);font-size:var(--text-small);margin:0 0 var(--space-4)}.notice--version{margin-bottom:var(--space-2)}.notice--version .notice__lead{min-height:calc(var(--text-large) * 1.5 * 2)}.cover{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;height:var(--thumb);width:var(--thumb);flex:none;padding:0;display:block;overflow:hidden}.cover__img{object-fit:cover;width:100%;height:100%;display:block}.photo--empty{background:var(--surface-sunken);width:100%;height:100%;display:block}.gallery,.notes{border-top:1px solid var(--line);margin-top:var(--space-6);padding-top:var(--space-4)}.gallery__head,.notes__head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);min-height:var(--tap-target);display:flex}.gallery__label,.notes__label{color:var(--ink-quiet);font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;margin:0}.notes__way{margin-left:auto;margin-right:calc(var(--space-2) * -1)}.notes__way .icon{width:1rem;height:1rem}.notes__body{border-radius:var(--radius);color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;width:100%;margin:0;padding:0;display:block}.notes__text{overflow-wrap:anywhere;white-space:pre-wrap;display:block}.notes__by{color:var(--ink-quiet);font-size:var(--text-small);margin-top:var(--space-1);display:block}.gallery__ways{margin-left:auto;margin-right:calc(var(--space-2) * -1);display:flex}.gallery__way .icon{width:1rem;height:1rem}.gallery__add,.notes__add{border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--accent);cursor:pointer;align-items:center;gap:var(--space-2);justify-content:center;min-height:5.5rem;font-weight:600;display:flex}.notes__add{font:inherit;background:0 0;width:100%}.gallery .notice{margin-top:var(--space-3)}.gallery__retry{margin-top:var(--space-2)}.gallery__count{color:var(--ink-quiet);font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums}.gallery__strip{-webkit-overflow-scrolling:touch;gap:var(--space-2);margin-inline:calc(var(--space-4) * -1);overscroll-behavior-x:contain;padding-inline:var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.gallery__strip::-webkit-scrollbar{display:none}.gallery__item{background:var(--surface-raised);border-radius:var(--radius);cursor:pointer;scroll-snap-align:center;border:0;flex:none;height:min(58vw,17rem);padding:0;overflow:hidden}.gallery__img{width:auto;height:100%;display:block}.history__thumb{background:var(--surface-raised);border-radius:var(--radius);height:var(--thumb);object-fit:cover;width:var(--thumb)}.history__thumb--none{background:0 0}.viewer{z-index:10;background:oklab(21.6115% .00342155 .00508092/.94);border:0;flex-direction:column;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;display:flex;position:fixed;inset:0}dialog.viewer:not([open]),.viewer[hidden]{display:none}.viewer__bar{color:#f5f1ed;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);justify-content:space-between;display:flex}.viewer__count{font-family:var(--font-mono);font-size:var(--text-small);font-variant-numeric:tabular-nums;opacity:.7}.viewer__close{color:inherit;font:inherit;min-height:var(--tap-target);padding:0 var(--space-2);background:0 0;border:0}.viewer__track{overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow-x:auto}.viewer__track::-webkit-scrollbar{display:none}.viewer__slide{padding:var(--space-3);scroll-snap-align:center;flex:none;justify-content:center;align-items:center;width:100%;display:flex}.viewer__img{object-fit:contain;max-width:100%;max-height:100%}.viewer__empty{background:oklab(100% 0 5.96046e-8/.08);width:min(100%,40rem);height:auto;max-height:100%}.upload__input{opacity:0;width:1px;height:1px;position:absolute}.gallery:has(.upload__input:disabled) label{cursor:default;opacity:.6}.pending{opacity:.45;position:relative}.pending__bar{background:var(--line);height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.pending__bar:after{background:var(--accent);content:"";animation:1.1s linear infinite pending-slide;position:absolute;inset:0;transform:translate(-100%)}@keyframes pending-slide{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.pending__bar:after{opacity:.5;animation:none;transform:none}}.arrange{margin:var(--space-4) 0 0;padding:0;list-style:none}.arrange__row{border-bottom:1px solid var(--line);align-items:center;gap:var(--space-3);grid-template-columns:var(--thumb) 1fr auto;padding:var(--space-2) 0;display:grid}.arrange__row:first-child{border-top:1px solid var(--line)}.arrange__thumb{border-radius:var(--radius);height:var(--thumb);object-fit:cover;width:var(--thumb)}.arrange__place{color:var(--ink-quiet);font-family:var(--font-mono);font-size:var(--text-small)}.arrange__place--cover{color:var(--accent);font-family:var(--font-body)}.arrange__moves{gap:var(--space-1);display:flex}.arrange__move{min-width:var(--tap-target);padding:0}.arrange__lead{color:var(--ink-quiet);font-size:var(--text-small);margin:0}.arrange__foot{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}@media (width>=40rem){.page{padding:var(--space-7) var(--space-5)}.page--barred{padding-top:0}.recipe-bar{margin-inline:calc(var(--space-5) * -1);padding-left:var(--space-5)}.page--collection>.page__back,.page--collection>.page__back+.page__header{margin-inline:0}.collection{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}.viewed__row{margin-inline:calc(var(--space-5) * -1);padding-inline:var(--space-5);scroll-padding-inline:var(--space-5)}}@media (width>=59rem){.page:has(>.recipe-with-photos){max-width:calc(var(--measure) + var(--space-6) + 20rem + var(--space-5) * 2)}.recipe-with-photos{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0, var(--measure)) minmax(14rem, 20rem);display:grid}.recipe-with-photos .gallery{top:calc(var(--tap-target) + var(--space-5));border-top:0;margin-top:0;padding-top:0;position:sticky}.recipe-with-photos .gallery__strip{scroll-snap-type:none;flex-direction:column;margin-inline:0;padding-inline:0;overflow:visible}.recipe-with-photos .gallery__item{width:fit-content;max-width:100%;height:auto}.recipe-with-photos .gallery__item:has(>.photo--empty){width:100%}.recipe-with-photos .gallery__img{width:auto;max-width:100%;height:auto}.recipe-with-photos .cover{display:none}}.import__steps{gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none;display:flex}.import__step{border-top:2px solid var(--line);color:var(--ink-quiet);font-size:var(--text-small);padding-top:var(--space-2);flex:1}.import__step--done{border-top-color:var(--ink-quiet)}.import__step--here{border-top-color:var(--ink);color:var(--ink);font-weight:600}.import__address{gap:var(--space-3);flex-direction:column;display:flex}.import__frame{border:1px solid var(--line);border-radius:var(--radius);max-height:60vh;padding:var(--space-3);overflow:auto}.import__actions{gap:var(--space-3);margin-top:var(--space-4);display:flex}.import__into{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.import__into:empty{display:none}.import__safari{border-top:1px solid var(--line);margin-top:var(--space-2)}.import__safari>summary{cursor:pointer;padding:var(--space-3) 0}.import__safari>.button{margin-top:var(--space-2)}.import__needs{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-3) 0 0;padding-left:var(--space-4)}@keyframes ingredient-drift{0%{transform:translate(calc(var(--drift-x) * -1), calc(var(--drift-y) * -1))}to{transform:translate(var(--drift-x), var(--drift-y))}}.import__frame--drifting .card__ingredient,.import__frame--drifting .component__loose>li{--drift-x:2px;--drift-y:1px;animation:ingredient-drift var(--drift-period,3.1s) ease-in-out infinite alternate}.import__frame--drifting .card__ingredient:nth-child(7n+2),.import__frame--drifting .component__loose>li:nth-child(7n+2){--drift-period:3.7s}.import__frame--drifting .card__ingredient:nth-child(7n+3),.import__frame--drifting .component__loose>li:nth-child(7n+3){--drift-period:4.3s}.import__frame--drifting .card__ingredient:nth-child(7n+4),.import__frame--drifting .component__loose>li:nth-child(7n+4){--drift-period:4.9s}.import__frame--drifting .card__ingredient:nth-child(7n+5),.import__frame--drifting .component__loose>li:nth-child(7n+5){--drift-period:5.3s}.import__frame--drifting .card__ingredient:nth-child(7n+6),.import__frame--drifting .component__loose>li:nth-child(7n+6){--drift-period:5.9s}.import__frame--drifting .card__ingredient:nth-child(7n+7),.import__frame--drifting .component__loose>li:nth-child(7n+7){--drift-period:6.7s}.import__frame--drifting .card__ingredient:nth-child(5n+2),.import__frame--drifting .component__loose>li:nth-child(5n+2){--drift-x:-3px;--drift-y:2px}.import__frame--drifting .card__ingredient:nth-child(5n+3),.import__frame--drifting .component__loose>li:nth-child(5n+3){--drift-x:1px;--drift-y:-2px}.import__frame--drifting .card__ingredient:nth-child(5n+4),.import__frame--drifting .component__loose>li:nth-child(5n+4){--drift-x:-1px;--drift-y:-3px}.import__frame--drifting .card__ingredient:nth-child(5n+5),.import__frame--drifting .component__loose>li:nth-child(5n+5){--drift-x:3px;--drift-y:3px}.auth{gap:var(--space-4);flex-direction:column;display:flex}.auth__brand{color:var(--accent);font-size:var(--text-display);align-items:center;gap:var(--space-2);margin:var(--space-7) 0 var(--space-5);justify-content:center;font-weight:700;display:flex}.auth__mark{fill:currentColor;width:1.088em;overflow:visible}.auth__lead{color:var(--ink-quiet);margin:0}.auth__go{gap:var(--space-2)}.auth__small{color:var(--ink-hint);font-size:var(--text-small);margin:var(--space-5) 0 0;text-align:center}.account{gap:var(--space-2) var(--space-4);grid-template-columns:auto 1fr;margin:0;display:grid}.account dt{color:var(--ink-quiet)}.account dd{overflow-wrap:anywhere;margin:0}.cookbooks{margin-bottom:var(--space-5)}.cookbooks__lead{color:var(--ink-quiet);font-size:var(--text-small);margin:0 0 var(--space-2);padding-inline:var(--space-1)}.cookbooks__list{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.cookbooks__item+.cookbooks__item{border-top:1px solid var(--line)}.cookbooks__choice{color:var(--ink);cursor:pointer;font:inherit;align-items:center;gap:0 var(--space-3);min-height:var(--tap-target);padding:var(--space-3);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;width:100%;display:grid}.cookbooks__mark{border:2px solid var(--ink-hint);border-radius:50%;grid-row:span 2;width:1.1rem;height:1.1rem}.cookbooks__choice[aria-pressed=true] .cookbooks__mark{border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface-raised);background:var(--accent)}.cookbooks__name{font-weight:600}.cookbooks .picker{margin-bottom:var(--space-2)}.account__row{background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);min-height:var(--tap-target);padding:var(--space-2) var(--space-3);font-weight:600;text-decoration:none;display:flex}.tags-page__search{margin-bottom:var(--space-3)}.tags-page__heading{align-items:center;gap:var(--space-1);display:flex}.tags-page__heading .icon{color:var(--accent);width:1rem;height:1rem}.tag-row{align-items:center;gap:var(--space-2);min-height:var(--tap-target);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);display:flex}.tag-row__words{flex-direction:column;flex:1;min-width:0;display:flex}.tag-row__name{overflow-wrap:anywhere;font-weight:600}.tag-row__count{color:var(--ink-quiet);font-size:var(--text-small)}.tag-row__level{font-variant-numeric:tabular-nums;font-weight:700}.tag-level{align-items:center;gap:var(--space-4);justify-content:center;display:flex}.tag-level__step{background:var(--surface-sunken);color:var(--accent);cursor:pointer;font:inherit;border:0;border-radius:50%;width:3.25rem;height:3.25rem;font-size:1.5rem;font-weight:600}.tag-level__step:disabled{color:var(--ink-hint);cursor:default}.tag-level__percent{font-variant-numeric:tabular-nums;text-align:center;min-width:4ch;font-size:1.75rem;font-weight:700}.tag-switch{color:var(--ink);cursor:pointer;font:inherit;min-height:var(--tap-target);background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-weight:600;display:flex}.tag-switch__words{align-items:center;gap:var(--space-2);display:inline-flex}.tag-switch__words .icon{color:var(--accent);width:1rem;height:1rem}.tag-switch__track{background:var(--surface-sunken);border-radius:999px;width:2.75rem;height:1.625rem;position:relative}.tag-switch__track:after{background:var(--surface-raised);content:"";border-radius:50%;width:1.375rem;height:1.375rem;position:absolute;top:.125rem;left:.125rem}.tag-switch[aria-pressed=true] .tag-switch__track{background:var(--accent)}.tag-switch[aria-pressed=true] .tag-switch__track:after{left:1.25rem}.sweet-notice{background:color-mix(in oklab, var(--notice) 22%, var(--surface-raised));border-radius:var(--radius);color:var(--ink);font-size:var(--text-small);padding:var(--space-2) var(--space-3);flex:none;margin:0}.sweet-notice__words{margin:0 0 var(--space-2)}.sweet-notice__answers{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.sweet-notice__answers .button{overflow-wrap:anywhere;flex-shrink:1}.tag-sheet__legend{color:var(--ink-quiet);font-size:var(--text-small);align-items:center;gap:var(--space-1);flex:none;margin:0;display:flex}.tag-sheet__legend .icon{color:var(--accent);width:.9rem;height:.9rem}.tags-field__line{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-1) 0 0}.note-sheet__lead{color:var(--ink-quiet);font-size:var(--text-small);display:block}.note-sheet__lead b{color:var(--ink);font-weight:600}.note-sheet__field{color:var(--ink);font:inherit;font-size:var(--text-body);resize:none;background:0 0;border:0;outline:0;flex:1 1 0;min-height:4.35rem;margin:0;padding:0;line-height:1.45}.note-sheet__field::placeholder{color:var(--ink-hint)}.note-sheet__field~.notice{flex:none}.cookbooks__choice .icon{grid-row:span 2}.cookbooks__role{color:var(--ink-quiet);font-size:var(--text-small)}.admin__share{gap:var(--space-2)}.admin__accounts{margin:0;padding:0;list-style:none}.admin__account{border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit;gap:var(--space-1);min-height:var(--tap-target);padding:var(--space-3) 0;text-align:left;background:0 0;flex-direction:column;width:100%;display:flex}.admin__name{font-weight:600}.admin__meta,.admin__help{color:var(--ink-quiet);font-size:var(--text-small);overflow-wrap:anywhere}.admin__help{margin:var(--space-2) 0 0}.admin__pill{background:var(--setup);border-radius:var(--radius);color:var(--ink);font-size:var(--text-small);padding:0 var(--space-2);align-self:flex-start;font-weight:600}.admin__link{background:var(--surface-sunken);border:1px dashed var(--line);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-small);margin:var(--space-4) 0 var(--space-3);overflow-wrap:anywhere;padding:var(--space-3)}.admin__share,.admin__create{margin-top:var(--space-4);width:100%}.admin__form{flex-direction:column;display:flex}.admin__label{color:var(--ink-quiet);font-size:var(--text-small);margin:var(--space-4) 0 var(--space-2)}.admin__choice{background:var(--surface-sunken);border-radius:var(--radius);gap:var(--space-1);padding:var(--space-1);display:flex}.admin__choice button{border-radius:var(--radius);color:var(--ink-quiet);cursor:pointer;font:inherit;min-height:var(--tap-target);background:0 0;border:0;flex:1;font-weight:600}.admin__choice button[aria-pressed=true]{background:var(--surface-raised);box-shadow:var(--shadow-small);color:var(--ink)}.admin__ready{font-size:var(--text-medium);margin:var(--space-4) 0 0}.bottom-sheet__content .admin__help,.bottom-sheet__content .admin__link,.bottom-sheet__content .admin__share{margin:0}.collection__heart .icon{fill:currentColor;stroke-width:2px;width:14px;height:14px;translate:0 .5px}.tag-chip--hearted .icon--heart,.icon-button[aria-pressed=true] .icon{fill:currentColor}.story,.year-banner{--c-rust:#9a3412;--on-rust:#fcf1e7;--c-sage:#3e6b4f;--on-sage:#eef5ef;--c-gold:#f2c14e;--on-gold:#1f1a17;--c-ink:#1f1a17;--on-ink:#f5efe8;--c-cream:#fcfaf7;--on-cream:#9a3412;--c-tomato:#e0643a;--on-tomato:#1f1a17;--c-plum:#5b2a3a;--on-plum:#fbe6ec;--story-highlight:#f2c14e;--story-ease:cubic-bezier(.16, 1, .3, 1);--story-pop:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:dark){.story,.year-banner{--c-rust:#6e2410;--on-rust:#fbe3d3;--c-sage:#24402f;--on-sage:#dceedf;--c-gold:#c49a32;--on-gold:#1a1410;--c-ink:#0e0b09;--on-ink:#f5efe8;--c-cream:#211b17;--on-cream:#f0a882;--c-tomato:#a9431f;--on-tomato:#fff1ea;--c-plum:#3f1c28;--on-plum:#f8dce5}}.story-colour--rust{background:var(--c-rust);color:var(--on-rust)}.story-colour--sage{background:var(--c-sage);color:var(--on-sage)}.story-colour--gold{background:var(--c-gold);color:var(--on-gold)}.story-colour--ink{background:var(--c-ink);color:var(--on-ink)}.story-colour--cream{background:var(--c-cream);color:var(--on-cream)}.story-colour--tomato{background:var(--c-tomato);color:var(--on-tomato)}.story-colour--plum{background:var(--c-plum);color:var(--on-plum)}.story{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;color:var(--story-ink);z-index:40;background:#000;position:fixed;inset:0;overflow:hidden}.story--paused *,.story--paused :after{animation-play-state:paused!important}.story__stage{position:absolute;inset:0}.story__card{padding:calc(env(safe-area-inset-top) + 92px) 28px calc(env(safe-area-inset-bottom) + 30px);flex-direction:column;gap:14px;display:flex;position:absolute;inset:0;overflow:hidden}.story__card:before,.story__card:after{content:""}.story__card:before{margin:auto 0 -14px}.story__card:after{margin:-14px 0 auto}.story__card--centred{text-align:center;align-items:center}.story__card--entering{animation:.7s cubic-bezier(.65,0,.35,1) backwards story-enter}@keyframes story-enter{0%{clip-path:circle(0 at var(--x) var(--y))}to{clip-path:circle(150vmax at var(--x) var(--y))}}.story__bars{pointer-events:none;left:12px;right:12px;top:calc(env(safe-area-inset-top) + 12px);z-index:30;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.story__bar{background:color-mix(in srgb, var(--story-ink) 28%, transparent);border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.story__bar--done{background:var(--story-ink)}.story__fill{animation:story-progress var(--ms) linear forwards;background:var(--story-ink);transform-origin:0;position:absolute;inset:0}.story__fill--whole{animation:none}@keyframes story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story__head{pointer-events:none;left:16px;right:4px;top:calc(env(safe-area-inset-top) + 20px);z-index:30;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;position:absolute}.story__mark{fill:currentColor;height:auto;overflow:visible}.story__handle{fill:none;stroke:currentColor}.story__head .story__mark{width:24px}.story__paused{letter-spacing:.06em;opacity:0;text-transform:uppercase;margin-left:auto;font-size:12px;transition:opacity .16s}.story--paused .story__paused{opacity:.8}.story__close{color:inherit;height:var(--tap-target);pointer-events:auto;width:var(--tap-target);background:0 0;border:0;place-items:center;padding:0;display:grid}.story__close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:22px;height:22px}.story__tap{-webkit-tap-highlight-color:transparent;bottom:0;top:calc(env(safe-area-inset-top) + 72px);touch-action:none;z-index:20;background:0 0;border:0;padding:0;position:absolute}.story__tap--back{width:32%;left:0}.story__tap--next{width:68%;right:0}.story__card>.story__mark{width:92px}.story__card>.story__mark .story__bowl{animation:story-pop .7s var(--story-pop) both;transform-box:fill-box;transform-origin:50% 0}.story__card>.story__mark .story__handle{animation:story-draw .9s var(--story-ease) .35s both;stroke-dasharray:1}@keyframes story-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.story__year{letter-spacing:-.06em;margin:0;padding:0 6px;font-size:min(132px,33vw);font-weight:900;line-height:.95;display:flex;overflow:hidden}.story__year span{animation:story-digit .9s var(--story-ease) calc(.5s + var(--order) * 90ms) both;display:inline-block}@keyframes story-digit{0%{transform:translateY(105%)rotate(10deg)}}.story__rise{animation:story-rise .7s var(--story-ease) calc(var(--rise-from,.3s) + var(--order) * var(--rise-step,.4s)) both}.story__card--centred .story__rise{--rise-from:1.2s;--rise-step:.16s}@keyframes story-rise{0%{opacity:0;transform:translateY(26px)}}@keyframes story-pop{0%{opacity:0;transform:scale(0)}}@keyframes story-grow{0%{transform:scaleY(0)}}.story__eyebrow{letter-spacing:.12em;opacity:.85;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.story__title{letter-spacing:-.035em;margin:0;font-size:min(44px,11.5vw);font-weight:800;line-height:.98}.story [lang]{-webkit-hyphenate-limit-after:4;-webkit-hyphenate-limit-before:4;hyphenate-limit-chars:10 4 4;-webkit-hyphens:auto;hyphens:auto}.story__lede{letter-spacing:-.015em;margin:0;font-size:23px;font-weight:650;line-height:1.22}.story__sub{opacity:.92;margin:0;font-size:16px;line-height:1.45}.story__lede b,.story__sub b{font-weight:800}.story__hint{opacity:.6;margin:30px 0 0;font-size:13px;font-weight:600}@property --count{syntax:"<integer>";inherits:false;initial-value:0}.story__count{--count:var(--to);counter-reset:count calc(var(--count));font-variant-numeric:tabular-nums;animation:1.5s cubic-bezier(.2,.7,.2,1) .3s both story-count}.story__count:after{content:counter(count)}@keyframes story-count{0%{--count:0}}.story__big{letter-spacing:-.055em;font-size:min(116px,29vw);font-weight:850;line-height:.88;display:block}.story__fan{--fan:min(118px, 30vw);height:calc(var(--fan) + 32px);margin:6px 0;position:relative}.story__fan img{animation:story-fan .9s var(--story-ease) calc(.9s + var(--order) * .11s) both;border:3px solid var(--on-sage);height:var(--fan);left:calc(4px + var(--order) * var(--fan) * .42);object-fit:cover;rotate:calc(-14deg + var(--order) * 7.5deg);width:var(--fan);border-radius:16px;position:absolute;top:10px;box-shadow:0 10px 24px #00000040}@keyframes story-fan{0%{opacity:0;translate:0 260px;rotate:0deg}}.story__dots{gap:calc(var(--dot) * .45);grid-template-columns:repeat(auto-fill, var(--dot));margin:8px 0;display:grid}.story__dots i{animation:story-pop .38s var(--story-pop) calc(.5s + var(--order) * 12ms) both;height:var(--dot);width:var(--dot);background:currentColor;border-radius:50%}.story__dots .story__dot--two{box-shadow:0 0 0 3px color-mix(in srgb, currentColor 35%, transparent)}.story__calendar{grid-auto-rows:auto;grid-template-columns:repeat(var(--weeks), minmax(0, 1fr));max-width:calc(var(--weeks) * 18px);gap:3px;margin:6px 0 10px;display:grid}.story__calendar i{animation:story-pop .36s var(--story-pop) calc(.3s + var(--week) * 40ms + var(--weekday) * 14ms) both;aspect-ratio:1;background:color-mix(in srgb, currentColor 12%, transparent);grid-column:var(--week);grid-row:var(--weekday);border-radius:25%}.story__calendar span{grid-column:var(--week);opacity:.7;white-space:nowrap;grid-row:1;font-size:10px;font-weight:700}.story__calendar .story__day--yes,.story__calendar .story__day--two{background:var(--story-highlight)}.story__calendar .story__day--two{box-shadow:inset 0 0 0 2px #ffffff8c}.story__calendar .story__day--run{outline-offset:1px;outline:2px solid}.story__one{animation:story-one .9s var(--story-pop) 2.6s both;border-radius:22px;flex:none;height:236px;position:relative;overflow:hidden;box-shadow:0 14px 30px #3c1e0a40}@keyframes story-one{0%{opacity:0;transform:scale(.55)rotate(-6deg)}}.story__one-cover{object-fit:cover;width:100%;height:100%;font-size:80px;display:block}.story__rank{background:var(--story-highlight);border-radius:var(--radius-pill);color:#1f1a17;place-items:center;height:34px;padding:0 12px;font-size:17px;font-weight:900;display:grid;position:absolute;top:14px;left:14px}.story__caption{color:#fff;background:linear-gradient(#0000,#000000b8);margin:0;padding:40px 18px 16px;position:absolute;bottom:0;left:0;right:0}.story__caption b,.story__clamp,.story__runner b{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story__runner b{-webkit-line-clamp:2}.story__caption b{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.story__list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.story__item{animation:story-rise .7s var(--story-ease) calc(.4s + (var(--order) - 1) * .48s) both;align-items:center;gap:12px;font-size:17px;font-weight:650;display:flex}.story__rank-small{opacity:.6;flex:none;width:22px;font-weight:800}.story__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.story__thumb{object-fit:cover;border-radius:10px;flex:none;width:44px;height:44px}.story__times{opacity:.75;white-space:nowrap;flex:none}.story__blank{background:color-mix(in srgb, currentColor 12%, transparent);place-items:center;font-weight:700;display:grid}.story__one .story__blank{color:#0000}.story__confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story__confetti i{animation:story-confetti var(--ms) cubic-bezier(.25, .6, .4, 1) calc(2.8s + var(--delay)) both;background:#f2c14e;border-radius:2px;width:8px;height:14px;position:absolute;top:-20px}.story__confetti i:nth-child(6n+2){background:#9a3412}.story__confetti i:nth-child(6n+3){background:#3e6b4f}.story__confetti i:nth-child(6n+4){background:#e0643a}.story__confetti i:nth-child(6n+5){background:#5b2a3a}.story__confetti i:nth-child(6n){background:#fce38a}@keyframes story-confetti{0%{transform:translate(0)rotate(0)}to{opacity:.9;transform:translate(var(--dx), 120vh) rotate(var(--turn))}}.story__week{align-items:flex-end;gap:10px;height:170px;margin:10px 0 4px;display:flex}.story__week>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.story__week i{animation:story-grow .8s var(--story-ease) calc(.6s + var(--order) * 80ms) both;background:color-mix(in srgb, currentColor 30%, transparent);transform-origin:bottom;border-radius:8px 8px 3px 3px;width:100%}.story__week .story__weekday--most i{background:currentColor}.story__week span{font-size:12px;font-weight:700}.story__flip{perspective:900px;align-self:center}.story__find-cover{animation:story-flip 1.1s var(--story-ease) .3s both;object-fit:cover;border-radius:22px;width:250px;height:250px;font-size:96px;display:block;box-shadow:0 18px 36px #0000004d}@keyframes story-flip{0%{opacity:0;transform:rotateY(95deg)scale(.8)}}.story__runner{animation:story-slide .9s var(--story-pop) 2.3s both;background:color-mix(in srgb, currentColor 13%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px 14px 10px 10px;font-size:14px;display:flex}.story__runner p{min-width:0;margin:0}.story__runner-cover{object-fit:cover;border-radius:12px;flex:none;width:52px;height:52px;font-size:22px}.story__runner p>span{letter-spacing:.1em;opacity:.8;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.story__runner b{font-size:17px;font-weight:800}@keyframes story-slide{0%{opacity:0;transform:translate(120%)rotate(6deg)}}.story__tags{flex-direction:column;gap:14px;margin:4px 0;display:flex}.story__tag{animation:story-rise .7s var(--story-ease) calc(.5s + var(--row) * .65s) both;justify-content:space-between;align-items:baseline;margin:0 0 7px;display:flex}.story__tag b{letter-spacing:-.02em;font-size:21px;font-weight:850}.story__tag span{opacity:.8;font-size:13px;font-weight:700}.story__squares{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.story__squares img{animation:story-square .7s var(--story-pop) calc(.6s + var(--row) * .65s + var(--order) * .11s) both;aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;display:block}@keyframes story-square{0%{opacity:0;transform:translateY(40px)scale(.6)rotate(-8deg)}}.story__then{--rise-from:2.7s}.story__summary{--rise-step:.5s;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:24px;padding:18px 18px 16px;box-shadow:0 16px 40px #3c1e0a2e}.story__summary-head{align-items:center;gap:10px;margin:0;font-size:17px;font-weight:800;display:flex}.story__summary-head .story__mark{color:var(--accent);width:30px}.story__summary-head span{color:var(--accent);letter-spacing:-.03em;margin-left:auto;font-size:22px;font-weight:900}.story__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.story__stats div{background:var(--surface-sunken);color:var(--ink-quiet);border-radius:14px;flex-direction:column-reverse;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.story__stats dd{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:28px;font-weight:850;line-height:1.1}.story__top{margin:0;padding:0;font-size:15px;font-weight:600;line-height:1.6;list-style-position:inside}.story__top-item{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story__summary-foot{border-top:1px solid var(--line);color:var(--ink-quiet);margin:12px 0 0;padding-top:12px;font-size:13px;font-weight:600}.story__again{border-radius:var(--radius-pill);color:inherit;font:inherit;z-index:25;background:0 0;border:1.5px solid;height:50px;font-size:16px;font-weight:700;position:relative}@media (height<=740px){.story__card{padding-bottom:calc(env(safe-area-inset-bottom) + 20px);padding-top:calc(env(safe-area-inset-top) + 80px);gap:10px}.story__card:before{margin-bottom:-10px}.story__card:after{margin-top:-10px}.story__title{font-size:min(38px,11vw)}.story__one{height:180px}.story__find-cover{width:180px;height:180px;font-size:72px}.story__week{height:130px}.story__thumb{width:38px;height:38px}.story__squares{grid-template-columns:repeat(4,minmax(0,60px))}}@media (height<=620px){.story__card{padding-top:calc(env(safe-area-inset-top) + 76px);gap:8px}.story__card:before{margin-bottom:-8px}.story__card:after{margin-top:-8px}.story__title{font-size:min(32px,10vw)}.story__big{font-size:min(96px,26vw)}.story__fan{--fan:86px}.story__one{height:140px}.story__caption{padding:24px 14px 12px}.story__caption b{-webkit-line-clamp:2;font-size:22px}.story__list{gap:6px}.story__item{font-size:15px}.story__name{-webkit-line-clamp:1}.story__thumb{width:32px;height:32px}.story__find-cover{width:120px;height:120px;font-size:52px}.story__runner{padding:8px 12px 8px 8px}.story__runner-cover{width:40px;height:40px}.story__week{height:100px}.story__tags{gap:8px}.story__tag{margin-bottom:4px}.story__tag b{font-size:18px}.story__squares{grid-template-columns:repeat(4,minmax(0,44px));gap:6px}.story__summary{padding:14px 14px 12px}.story__stats{margin:10px 0}.story__stats div{padding:8px 10px}.story__stats dd{font-size:24px}.story__top{font-size:14px;line-height:1.45}.story__again{height:44px}}.year-banner{animation:banner-in .65s var(--story-pop) .25s both;background:var(--c-rust);color:var(--on-rust);height:84px;margin:0 0 var(--space-4);border-radius:16px;align-items:center;gap:12px;padding:0 14px 0 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}@keyframes banner-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}}.year-banner__sweep{z-index:1;width:100%;animation:5s .3s infinite both banner-sweep;display:flex;position:absolute;top:-20px;bottom:-20px;left:0;transform:translate(-105%)skew(-18deg)}.year-banner__sweep span,.year-banner__ribbon span{flex:1}@keyframes banner-sweep{0%{animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(-105%)skew(-18deg)}34%,to{transform:translate(105%)skew(-18deg)}}.year-banner__ribbon{z-index:3;height:5px;display:flex;position:absolute;bottom:0;left:0;right:0}.year-banner__ribbon span{animation:banner-ribbon .6s var(--story-ease) calc(.9s + var(--order) * 90ms) both;transform-origin:0}@keyframes banner-ribbon{0%{transform:scaleX(0)}}.year-banner__year,.year-banner__text{z-index:2;position:relative}.year-banner__year{letter-spacing:-.05em;flex:none;padding-bottom:2px;font-size:min(40px,11vw);font-weight:900;line-height:1;display:flex;overflow:hidden}.year-banner__year span{animation:banner-digit .7s var(--story-ease) calc(.5s + var(--order) * 80ms) both;display:inline-block}@keyframes banner-digit{0%{transform:translateY(105%)}}.year-banner__text{opacity:.92;flex-direction:column;min-width:0;font-size:13px;line-height:1.3;display:flex}.year-banner__text b{font-size:15px}.year-banner__play{background:var(--on-rust);color:var(--c-rust);z-index:4;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;margin-left:auto;animation:3s ease-in-out 1.5s infinite banner-pulse;display:grid;position:relative}.year-banner__play svg{fill:currentColor;width:15px;height:15px}@keyframes banner-pulse{0%,40%,to{transform:scale(1)}20%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.story *,.year-banner,.year-banner *{animation:none!important}}