:root{--color-ink: #16204a;--color-paper: #f7f6f2;--color-sheet: #ffffff;--color-oat: #efebe3;--color-marker: #ffd84a;--color-graphite: #596079;--color-rule: #d6d5cc;--color-control: #868b9e;--color-on-marker: #16204a;--action-bg: #16204a;--action-fg: #ffffff;--action-hover: #243170;--ink-channels: 22 32 74;--tint-hover: rgb(var(--ink-channels) / .03);--tint-press: rgb(var(--ink-channels) / .06);--status-core: #2f7a4e;--status-caveat: #9a6110;--status-stop: #b03e36;--font-sans: "Onest", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--text-wordmark: 800 4rem/.9 var(--font-sans);--text-lead: 400 1.125rem/1.5 var(--font-sans);--text-h1: 800 2.25rem/1.05 var(--font-sans);--text-h2: 700 1.75rem/1.12 var(--font-sans);--text-h3: 700 1.25rem/1.3 var(--font-sans);--text-body: 400 1rem/1.55 var(--font-sans);--text-strong: 600 1rem/1.3 var(--font-sans);--text-button: 600 1rem/1.2 var(--font-sans);--text-caption: 500 .875rem/1.5 var(--font-sans);--text-source: 500 .75rem/1.4 var(--font-mono);--text-amount: 500 .875rem/1.5 var(--font-mono);--text-label: 500 .6875rem/1.3 var(--font-mono);--text-kicker: 500 .875rem/1.4 var(--font-mono);--text-figure: 800 3.5rem/.95 var(--font-sans);--tracking-wordmark: -.05em;--tracking-h1: -.03em;--tracking-h2: -.02em;--tracking-h3: -.01em;--tracking-figure: -.04em;--tracking-source: .02em;--tracking-label: .1em;--radius-fact: 20px;--radius-inner: 14px;--radius-thumb: 12px;--radius-sheet: 28px;--radius-voice: 20px;--radius-pill: 999px;--shadow-sheet: 0 1px 2px rgb(var(--ink-channels) / .05), 0 6px 20px rgb(var(--ink-channels) / .06);--shadow-float: 0 2px 6px rgb(var(--ink-channels) / .1), 0 12px 32px rgb(var(--ink-channels) / .12);--rule-heavy: 8px;--rule-mid: 4px;--rule-frame: 2px;--rule-button: 1.5px;--rule-hair: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--field: 20px;--tap: 44px;--ease: cubic-bezier(.2, .7, .2, 1);--duration: .16s;--duration-figure: .32s;--content-width: 480px;--thumb-size: 76px;--button-height: 48px;--tabbar-height: 60px;--back-size: 40px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--z-sticky: 10;--z-tabbar: 20}:root[data-theme=dark]{--ink-channels: 242 240 233;--color-ink: #f2f0e9;--color-paper: #0d1230;--color-sheet: #151b3b;--color-oat: #1e2139;--color-marker: #f4ce48;--color-graphite: #a9aec2;--color-rule: #2a3158;--color-control: #6e7596;--color-on-marker: #16204a;--action-bg: #f2f0e9;--action-fg: #16204a;--action-hover: #ffffff;--status-core: #5dbb86;--status-caveat: #e0a548;--status-stop: #e27a70}:root{color-scheme:light;accent-color:var(--color-ink);caret-color:var(--color-ink);scrollbar-color:var(--color-control) transparent;scrollbar-width:thin}::selection{background:var(--color-marker);color:var(--color-on-marker)}:focus-visible{outline:var(--rule-frame) solid var(--color-ink);outline-offset:3px}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}mark{color:var(--color-on-marker);background-color:transparent;background-image:linear-gradient(var(--color-marker),var(--color-marker));background-repeat:no-repeat;background-position:0 62%;background-size:100% 76%;padding:0 .08em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){:root{--duration: 1ms;--duration-figure: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-paper);color:var(--color-ink);font:var(--text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}h1,h2,h3,p,ul,ol{margin:0}.app{display:flex;flex-direction:column;height:100%;max-width:var(--content-width);margin-inline:auto;background:var(--color-paper);border-inline:var(--rule-hair) solid var(--color-rule)}@media(max-width:480px){.app{border-inline:none}}.app__tabs{position:relative;flex:1;min-height:0}.tabpanel{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:var(--safe-top)}.tabpanel[hidden]{display:none}.tabpanel>div[data-enter=push]{animation:screen-push .32s cubic-bezier(.2,.8,.2,1)}.tabpanel>div[data-enter=pop]{animation:screen-pop .28s cubic-bezier(.2,.8,.2,1)}@keyframes screen-push{0%{opacity:0;transform:translate(24%)}}@keyframes screen-pop{0%{opacity:0;transform:translate(-12%)}}@media(prefers-reduced-motion:reduce){.tabpanel>div[data-enter]{animation:none}}.tabbar{flex:0 0 auto;padding:var(--space-2) var(--space-3) calc(var(--safe-bottom) + var(--space-2));background:var(--color-paper);z-index:var(--z-tabbar)}.tabbar__bar{--pad: var(--space-1);--slot: calc((100% - 2 * var(--pad)) / var(--tab-count));position:relative;display:flex;padding:var(--pad);background:var(--color-sheet);border-radius:var(--radius-pill);box-shadow:var(--shadow-float)}.tabbar__drop{position:absolute;top:var(--pad);bottom:var(--pad);left:calc(var(--pad) + var(--slot) * var(--tab-index));right:calc(var(--pad) + var(--slot) * (var(--tab-count) - 1 - var(--tab-index)));background:var(--color-oat);border-radius:var(--radius-pill);transition:left .42s cubic-bezier(.5,0,.15,1),right .42s cubic-bezier(.5,0,.15,1)}.tabbar__bar[data-direction=right] .tabbar__drop{transition:right .3s cubic-bezier(.3,.7,.2,1),left .46s cubic-bezier(.55,0,.15,1) 70ms}.tabbar__bar[data-direction=left] .tabbar__drop{transition:left .3s cubic-bezier(.3,.7,.2,1),right .46s cubic-bezier(.55,0,.15,1) 70ms}.tabbar__item{position:relative;z-index:1;flex:1;min-height:var(--tabbar-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:var(--space-1);background:none;border:none;border-radius:var(--radius-pill);color:var(--color-graphite);font:500 .75rem/1.2 var(--font-sans);cursor:pointer;transition:color .24s var(--ease)}.tabbar__icon{display:block;transition:transform .24s var(--ease)}.tabbar__item:hover,.tabbar__item[aria-current=page]{color:var(--color-ink)}.tabbar__item[aria-current=page] .tabbar__icon{animation:tab-arrive .42s var(--ease)}@keyframes tab-arrive{0%{transform:scale(.86)}60%{transform:scale(1.06)}to{transform:scale(1)}}.tabbar__item:focus-visible{outline-offset:-2px}@media(prefers-reduced-motion:reduce){.tabbar__drop,.tabbar__bar[data-direction] .tabbar__drop{transition:none}.tabbar__item[aria-current=page] .tabbar__icon{animation:none}}.round-button{position:relative;display:grid;place-items:center;width:var(--back-size);height:var(--back-size);padding:0;background:var(--color-sheet);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.round-button:hover{background:var(--color-oat)}.round-button:active{transform:scale(.94)}.round-button:after{content:"";position:absolute;inset:-2px}.heart{position:relative;display:grid;place-items:center}.heart[data-pop=true] .icon{animation:heart-pop .36s var(--ease)}.heart__ring{position:absolute;inset:-2px;border:var(--rule-button) solid currentColor;border-radius:var(--radius-pill);opacity:0;animation:heart-ring .46s var(--ease);pointer-events:none}@keyframes heart-pop{0%{transform:scale(.6)}55%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes heart-ring{0%{opacity:.55;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@media(prefers-reduced-motion:reduce){.heart[data-pop=true] .icon,.heart__ring{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--button-height);padding:var(--space-3) var(--space-6);border:var(--rule-button) solid transparent;border-radius:var(--radius-pill);font:var(--text-button);text-decoration:none;cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.btn svg{width:18px;height:18px;flex:none}.btn--primary{background:var(--action-bg);color:var(--action-fg)}.btn--primary:hover{background:var(--action-hover)}.btn--secondary{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}.btn--secondary:hover{background:var(--color-oat)}.lockup__kicker{margin:0;color:var(--color-graphite);font:var(--text-kicker);letter-spacing:var(--tracking-label);text-transform:uppercase}.lockup__wordmark{margin:0;font:var(--text-wordmark);font-size:min(4rem,15vw);letter-spacing:var(--tracking-wordmark)}.lockup__wordmark mark{background-position:0 72%;background-size:100% 54%}.stub{padding:var(--space-6) var(--field) var(--space-12)}.stub__title{margin:0 0 var(--space-3);font:var(--text-h1);letter-spacing:var(--tracking-h1);text-wrap:balance}.stub__text{margin:0 0 var(--space-4);color:var(--color-graphite)}.stub__text--spaced{margin-top:var(--space-4)}.stub__panel{padding:0 var(--space-4);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.stub__row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.stub__row:last-child{border-bottom:none}.stub__key{color:var(--color-graphite);font:var(--text-caption)}.stub__value{font:var(--text-source);letter-spacing:var(--tracking-source);font-variant-numeric:tabular-nums;text-align:right}.stub__link{min-height:var(--tap);padding:var(--space-3) 0;background:none;border:none;color:var(--color-ink);font:var(--text-button);text-decoration:underline;text-decoration-thickness:var(--rule-button);text-underline-offset:.2em;cursor:pointer}.gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8);min-height:100%;max-width:var(--content-width);margin-inline:auto;padding:calc(var(--safe-top) + var(--space-12)) var(--field) calc(var(--safe-bottom) + var(--space-12));background:var(--color-paper);text-align:center}.gate__lockup{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.gate__text{display:flex;flex-direction:column;gap:var(--space-3);max-width:22em}.gate__title{margin:0;font:var(--text-h3);letter-spacing:var(--tracking-h3);text-wrap:balance}.gate__body{margin:0;color:var(--color-graphite);font:var(--text-lead);text-wrap:pretty}.gate__action{width:100%;min-height:56px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.screen{padding:var(--space-6) var(--field) var(--space-12)}.screen__title{margin:0 0 var(--space-2);font:var(--text-h1);letter-spacing:var(--tracking-h1);text-wrap:balance}.screen__title mark{background-position:0 70%;background-size:100% 58%}.home-head{margin:calc(-1 * (var(--space-6) + var(--safe-top))) calc(-1 * var(--field)) 0;padding:calc(var(--safe-top) + var(--space-6)) var(--field) var(--space-6);background:var(--color-ink);border-radius:0 0 var(--radius-sheet) var(--radius-sheet);color:var(--color-sheet)}.home-head__mark{margin:0;font:var(--text-wordmark);font-size:min(2.75rem,12.5vw);letter-spacing:var(--tracking-wordmark);white-space:nowrap}.home-head__mark mark{display:inline-block;margin-left:.04em;padding:.04em .1em .1em;background-position:0 0;background-size:100% 100%;border-radius:8px;line-height:.95}.home-head__line{margin:var(--space-2) 0 0;color:var(--color-paper);font:var(--text-source);letter-spacing:var(--tracking-source);opacity:.8}.home-head .search{margin-top:var(--space-4)}.home-head .search__input{box-shadow:none}.home-head .search__input:focus{box-shadow:inset 0 0 0 var(--rule-button) var(--color-ink)}.home-head+.pills{margin-top:calc(var(--space-4) - 12px)}.screen__count{margin:0;color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.meta{--meta-sep: .9em;overflow:hidden;font-variant-numeric:tabular-nums}.meta__list{display:flex;flex-wrap:wrap;margin-left:calc(-1 * var(--meta-sep))}.meta__part{white-space:nowrap}.meta__part:before{content:"·";display:inline-block;width:var(--meta-sep);font-family:var(--font-sans);text-align:center}.sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none}.section-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:var(--space-1);width:100%;height:100%;aspect-ratio:1;padding:var(--space-3);overflow:hidden;background-color:var(--color-ink);border:none;border-radius:var(--radius-fact);color:var(--color-sheet);text-align:left;cursor:pointer;isolation:isolate;transition:transform var(--duration) var(--ease)}.section-tile:active{transform:scale(.98)}.section-tile__photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.section-tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgb(var(--ink-channels) / .9),rgb(var(--ink-channels) / .55) 45%,rgb(var(--ink-channels) / 0) 80%);transition:background-color var(--duration) var(--ease)}.section-tile:hover:after{background-color:rgb(var(--ink-channels) / .12)}.section-tile__name{max-width:100%;font:var(--text-h3);font-size:1.125rem;letter-spacing:var(--tracking-h3);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}.section-tile__count{color:var(--color-paper);font:var(--text-source);letter-spacing:var(--tracking-source);opacity:.85}.start{display:flex;gap:var(--space-3);align-items:flex-start;width:100%;margin-top:var(--space-6);padding:var(--space-4);background-color:var(--color-sheet);border:none;border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet);color:var(--color-ink);text-align:left;cursor:pointer;transition:background-color var(--duration) var(--ease)}.start:hover{background-image:linear-gradient(var(--tint-hover),var(--tint-hover))}.start:active{background-image:linear-gradient(var(--tint-press),var(--tint-press))}.start__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.start__label{align-self:flex-start;padding:2px var(--space-2);background:var(--color-oat);border-radius:var(--radius-pill);color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.start__figure{font:var(--text-h3);letter-spacing:var(--tracking-h3)}.start__figure .tabular{font:var(--text-h2);font-weight:800;letter-spacing:var(--tracking-figure)}.start__meta{color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.start__name{margin-top:var(--space-1);font:var(--text-strong)}.start .thumb{width:96px;height:96px;border-radius:var(--radius-inner)}@media(max-width:340px){.start .thumb{width:76px;height:76px}}.start+.sections{margin-top:var(--space-3)}.cards{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) 0 0;padding:0;list-style:none}.card{position:relative;display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-2);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.card__open{position:absolute;inset:0;z-index:1;background:none;border:none;border-radius:var(--radius-fact);cursor:pointer;transition:background-color var(--duration) var(--ease)}.card__open:hover{background:var(--tint-hover)}.card__open:active{background:var(--tint-press)}.card__body{flex:1;min-width:0;padding-top:var(--space-1)}.card__title{margin:0 0 var(--space-2);padding-right:var(--space-8);color:var(--color-ink);font:var(--text-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin:0;color:var(--color-graphite);font:var(--text-source)}.card__fav{position:absolute;top:var(--space-1);right:var(--space-1);z-index:2;display:grid;place-items:center;width:var(--tap);height:var(--tap);background:none;border:none;color:var(--color-ink);cursor:pointer;transition:color var(--duration) var(--ease)}.card__fav:hover{color:var(--action-hover)}.card__fav:focus-visible{outline-offset:-6px;border-radius:var(--radius-pill)}.thumb{position:relative;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background-color:var(--color-paper);background-image:repeating-linear-gradient(135deg,var(--tint-press) 0 8px,transparent 8px 16px);border-radius:var(--radius-thumb)}.thumb--card{width:var(--thumb-size);height:var(--thumb-size)}.thumb__monogram{color:var(--color-graphite);font:var(--text-h3);-webkit-user-select:none;user-select:none}.thumb__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration) var(--ease)}.thumb__img[data-loaded=true]{opacity:1}.state{margin:var(--space-6) 0 0;color:var(--color-graphite)}.state--empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-12);text-align:center}.state__badge{display:grid;place-items:center;width:76px;height:76px;background:var(--color-oat);border-radius:var(--radius-pill);color:var(--color-ink);animation:badge-in .52s cubic-bezier(.22,1,.36,1) both}.state__lead{max-width:18em;margin:0;color:var(--color-graphite);font:var(--text-body);text-wrap:pretty;animation:state-rise .42s var(--ease) .18s both}@keyframes badge-in{0%{opacity:0;transform:scale(.7)}}@keyframes state-rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.state__badge,.state__lead{animation:none}}.state__text{margin:0 0 var(--space-2);color:var(--color-ink);font:var(--text-strong)}.state__detail{margin:0 0 var(--space-4);font:var(--text-source)}.search{position:relative;margin-top:var(--space-4)}.search__icon{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);color:var(--color-graphite);pointer-events:none}.search__input{width:100%;min-height:52px;padding:var(--space-3) var(--tap) var(--space-3) calc(var(--space-4) + 28px);appearance:none;background:var(--color-sheet);border:none;border-radius:var(--radius-inner);box-shadow:var(--shadow-sheet);color:var(--color-ink);font:var(--text-body);transition:box-shadow var(--duration) var(--ease)}.search__input::placeholder{color:var(--color-graphite);opacity:1}.search__input:focus{outline:none;box-shadow:var(--shadow-sheet),inset 0 0 0 var(--rule-button) var(--color-ink)}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{appearance:none;display:none}.search__clear{position:absolute;top:50%;right:0;display:grid;place-items:center;width:var(--tap);height:var(--tap);transform:translateY(-50%);background:none;border:none;color:var(--color-graphite);cursor:pointer;transition:color var(--duration) var(--ease)}.search__clear:hover{color:var(--color-ink)}.search__clear:focus-visible{outline-offset:-6px;border-radius:var(--radius-pill)}.pills{margin:calc(var(--space-3) - 12px) calc(-1 * var(--field)) -26px;padding:14px var(--field) 28px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pills__row{display:flex;align-items:center;gap:var(--space-2);width:max-content}.pill{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--space-4);background:var(--color-sheet);border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);color:var(--color-ink);font:var(--text-caption);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .12s var(--ease) .14s,transform .12s var(--ease)}.pill:before{content:"";position:absolute;z-index:-1;left:var(--drop-x, 50%);top:var(--drop-y, 50%);width:340px;height:340px;margin:-170px 0 0 -170px;border-radius:50%;background:var(--action-bg);opacity:0;transform:scale(0);transition:transform .42s var(--ease),opacity .26s var(--ease) 80ms,background-color var(--duration) var(--ease)}.pill:active{transform:scale(.96)}@media(hover:hover){.pill:hover{box-shadow:var(--shadow-float)}.pill[aria-pressed=true]:hover:before{background:var(--action-hover)}}.pill[aria-pressed=true]{color:var(--action-fg);transition:color .12s var(--ease) 60ms,transform .12s var(--ease)}.pill[aria-pressed=true]:before{opacity:1;transform:scale(1);transition:transform .42s var(--ease),opacity 80ms var(--ease),background-color var(--duration) var(--ease)}.pill__check{flex:none;width:0;margin-right:-6px;transition:width .3s var(--ease),margin-right .3s var(--ease)}.pill__check path{stroke-width:2.25;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .12s var(--ease),opacity 80ms var(--ease)}.pill[aria-pressed=true] .pill__check{width:16px;margin-right:0}.pill[aria-pressed=true] .pill__check path{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .28s var(--ease) .16s,opacity 0ms linear .16s}.recent{display:flex;flex:none;align-items:center}.recent__face{position:relative;flex:none;width:40px;height:40px;padding:0;overflow:hidden;background:var(--color-oat);border:2px solid var(--color-sheet);border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s var(--ease)}.recent__face+.recent__face{margin-left:-10px}.recent__face img{display:block;width:100%;height:100%;object-fit:cover}.recent__face:active{transform:scale(.94)}.recent__face:focus-visible{z-index:5!important}.recent__monogram{display:grid;place-items:center;width:100%;height:100%;color:var(--color-graphite);font:var(--text-strong)}.recent__rule{flex:none;width:1px;height:24px;margin-left:var(--space-3);background:var(--color-rule)}.pills__reset{display:grid;place-items:center;flex:none;width:0;height:40px;margin-right:calc(-1 * var(--space-2));padding:0;background:var(--color-sheet);border:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet);color:var(--color-ink);cursor:pointer;opacity:0;transform:scale(.6);-webkit-tap-highlight-color:transparent;transition:width .3s var(--ease),margin-right .3s var(--ease),opacity .2s var(--ease),transform .3s var(--ease)}.pills__reset[data-show=true]{width:40px;margin-right:0;opacity:1;transform:scale(1)}.pills__reset:active{transform:scale(.92)}@media(hover:hover){.pills__reset:hover{box-shadow:var(--shadow-float)}}@media(prefers-reduced-motion:reduce){.pill,.pill:before,.pill__check,.pill__check path,.pills__reset{transition:none!important}}.results{margin-top:var(--space-6)}.results__title{margin:0 0 var(--space-1);font:var(--text-h3);letter-spacing:var(--tracking-h3);text-wrap:balance}.results__count{margin:0;color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.results .cards{margin-top:var(--space-4)}.favorites{margin-top:var(--space-6)}.favorites__group+.favorites__group{margin-top:var(--space-8)}.favorites__section{margin:0;font:var(--text-h3);letter-spacing:var(--tracking-h3)}.favorites .cards{margin-top:var(--space-3)}.swipe{position:relative;overflow:hidden;border-radius:var(--radius-fact)}.swipe__action{position:absolute;inset:0;display:flex;justify-content:flex-end}.swipe__remove{width:96px;background:var(--action-bg);border:none;border-radius:0;color:var(--action-fg);font:var(--text-button);cursor:pointer}.swipe__remove:hover{background:var(--action-hover)}.swipe__card{position:relative;background:var(--color-paper);touch-action:pan-y;transition:transform var(--duration) var(--ease)}.swipe__card[data-dragging=true]{transition:none}.hero{position:relative;display:flex;align-items:flex-end;min-height:min(72vw,330px);margin:calc(-1 * var(--space-6)) calc(-1 * var(--field)) var(--space-4);overflow:hidden;border-radius:0 0 var(--radius-sheet) var(--radius-sheet);background:var(--color-ink)}.hero__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration) var(--ease)}.hero__photo[data-loaded=true]{opacity:1}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(var(--ink-channels) / .92),rgb(var(--ink-channels) / .74) 46%,rgb(var(--ink-channels) / .4))}.hero__text{position:relative;z-index:1;padding:var(--space-4) var(--field) var(--space-6)}.hero__kicker{margin:0 0 var(--space-1);color:var(--color-paper);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.hero__title{margin:0;color:var(--color-sheet);font:var(--text-h1);letter-spacing:var(--tracking-h1);text-wrap:balance}.hero__count{margin:var(--space-2) 0 0;color:var(--color-paper);font:var(--text-source);letter-spacing:var(--tracking-source)}.section-intro{margin-top:var(--space-4);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.section-intro__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:52px;padding:0 var(--space-4);color:var(--color-ink);font:var(--text-strong);list-style:none;cursor:pointer}.section-intro__summary::-webkit-details-marker{display:none}.section-intro__summary:focus-visible{border-radius:var(--radius-fact)}.section-intro__chevron{flex:none;color:var(--color-graphite);transition:transform .24s var(--ease)}.section-intro[open] .section-intro__chevron{transform:rotate(180deg)}.section-intro__body{padding:0 var(--space-4) var(--space-2)}.section-intro__text{margin:0 0 var(--space-3);color:var(--color-ink);font:var(--text-body)}.section-intro__text b{font-weight:700}@media(prefers-reduced-motion:reduce){.section-intro__chevron{transition:none}}.backbar{position:sticky;top:0;z-index:var(--z-sticky);height:0;padding-left:var(--space-3)}.backbar__button{position:relative;top:var(--space-2)}.backbar~div>.screen:not(:has(>.hero)){padding-top:calc(var(--back-size) + var(--space-6))}.recipe__image{position:relative;width:100%}.thumb--full{width:100%;aspect-ratio:5 / 4;border-radius:0}.thumb--full .thumb__monogram{font:var(--text-h1);letter-spacing:var(--tracking-h1)}.recipe__fav{position:absolute;top:calc(var(--safe-top) + var(--space-2));right:var(--space-3);z-index:1}.recipe__fav[aria-pressed=true]{color:var(--color-ink)}.recipe__body{position:relative;margin-top:calc(-1 * var(--radius-sheet));padding:var(--space-6) var(--field) var(--space-12);background:var(--color-paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0}[data-enter=push] .recipe__body{animation:sheet-rise .42s cubic-bezier(.2,.8,.2,1) 80ms backwards}@keyframes sheet-rise{0%{transform:translateY(32px)}}@media(prefers-reduced-motion:reduce){[data-enter=push] .recipe__body{animation:none}}.recipe__title{margin:0 0 var(--space-4);font:var(--text-h2);letter-spacing:var(--tracking-h2);text-wrap:balance}.recipe__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 var(--space-4);padding:var(--space-3) 0;background:var(--color-oat);border-radius:var(--radius-inner)}.recipe__stat{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-4)}.recipe__stat+.recipe__stat{border-left:var(--rule-hair) solid var(--color-rule)}.recipe__stat dt{display:flex;align-items:center;gap:6px;color:var(--color-graphite);font:var(--text-caption)}.recipe__stat dd{margin:0;font:var(--text-strong)}.recipe__stat--wide{grid-column:1 / -1;margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--rule-hair) solid var(--color-rule)}.recipe__stat+.recipe__stat--wide{border-left:0}.recipe__section{margin-top:var(--space-4)}.recipe__card{padding:var(--space-4) var(--space-4) var(--space-2);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.recipe__heading{margin:0 0 var(--space-1);font:var(--text-h3);letter-spacing:var(--tracking-h3)}.recipe__heading-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-1)}.recipe__heading-row .recipe__heading{margin:0}.recipe__batch{color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source);white-space:nowrap}.portion{display:grid;grid-template-columns:repeat(var(--portion-count, 3),minmax(0,1fr));gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-sheet);border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet)}.portion__button{min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-4);background:none;border:none;border-radius:var(--radius-pill);color:var(--color-ink);font:var(--text-button);cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.portion__button:hover{background:var(--color-oat)}.portion__button[aria-pressed=true]{background:var(--action-bg);color:var(--action-fg)}.portion__button:focus-visible{outline-offset:2px}.fact{padding:var(--space-4);background:var(--color-sheet);color:var(--color-ink);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.fact__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.fact__title{font:var(--text-h3);letter-spacing:var(--tracking-h3)}.fact__kind{padding:2px var(--space-2);background:var(--color-oat);border-radius:var(--radius-pill);color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.fact__figure{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0 var(--space-4)}.fact__num{font:var(--text-figure);letter-spacing:var(--tracking-figure);font-variant-numeric:tabular-nums}.fact__cap{color:var(--color-graphite);font:var(--text-h3)}.fact__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding-top:var(--space-3);border-top:var(--rule-hair) solid var(--color-rule)}.fact__row{display:flex;flex-direction:column;gap:2px;padding:0 var(--space-3)}.fact__row:first-child{padding-left:0}.fact__row+.fact__row{border-left:var(--rule-hair) solid var(--color-rule)}.fact__row dt{color:var(--color-graphite);font:var(--text-caption)}.fact__row dd{margin:0;color:var(--color-graphite);font:var(--text-caption);white-space:nowrap}.fact__row b{display:inline-block;color:var(--color-ink);font:var(--text-h3);font-variant-numeric:tabular-nums}.fact__src{margin-top:var(--space-3);color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.fact__num,.fact__row b{animation:figure-step var(--duration-figure) var(--ease)}@keyframes figure-step{0%{opacity:.35;transform:translateY(-3px)}to{opacity:1;transform:none}}.ingredients{margin:0;padding:0;list-style:none}.ingredients__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.ingredients__row:last-child{border-bottom:none}.ingredients__amount{flex:0 0 auto;font:var(--text-amount);font-variant-numeric:tabular-nums;text-align:right}.caveat{margin:var(--space-2) 0 var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-oat);border-radius:var(--radius-inner);font:var(--text-caption)}.steps{margin:0;padding:0;list-style:none}.steps__item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.steps__item:last-child{border-bottom:none}.steps__number{display:grid;place-items:center;width:28px;height:28px;background:var(--color-ink);border-radius:var(--radius-pill);color:var(--color-sheet);font:700 .875rem/1 var(--font-sans);font-variant-numeric:tabular-nums}.callout{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-fact)}.callout__heading{margin:0 0 var(--space-2);color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.callout--raw{background:var(--color-sheet);box-shadow:var(--shadow-sheet)}.callout--note{padding:var(--space-6);background:var(--color-oat);border-radius:var(--radius-voice)}.onboarding{display:flex;flex-direction:column;height:100%;max-width:var(--content-width);margin-inline:auto;background:var(--color-paper);border-inline:var(--rule-hair) solid var(--color-rule)}@media(max-width:480px){.onboarding{border-inline:none}}.onboarding__track{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.onboarding__track::-webkit-scrollbar{display:none}.onboarding__pane{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:calc(var(--safe-top) + var(--space-8)) var(--field) var(--space-4);overflow-y:auto;text-align:center}.onboarding__pane:focus{outline:none}.onboarding__text{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.onboarding__lead{margin:0;max-width:22em;color:var(--color-ink);font:var(--text-lead);text-wrap:pretty}.onboarding .btn{width:100%;min-height:56px;flex:0 0 auto}.onboarding__dots{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0 calc(var(--safe-bottom) + var(--space-6))}.onboarding__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-control);transition:background-color var(--duration) var(--ease)}.onboarding__dot[data-current=true]{background:var(--color-ink)}.shot{flex:0 0 auto;width:260px;max-width:100%;padding:var(--space-3);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-float);color:var(--color-ink);text-align:left;animation:shot-rise .44s var(--ease) backwards}.shot--empty{height:200px;box-shadow:var(--shadow-sheet);animation:none}.shot__head{display:flex;align-items:center;gap:var(--space-3)}.shot__thumb{flex:none;width:48px;height:48px;object-fit:cover;border-radius:var(--radius-thumb)}.shot__title{display:flex;flex-direction:column;gap:2px;min-width:0}.shot__name{display:block;font:var(--text-strong)}.shot__meta{color:var(--color-graphite);font:var(--text-source);font-size:.6875rem}.shot__fact{margin-top:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3);background:var(--color-paper);border-radius:var(--radius-inner)}.shot__row{display:flex;justify-content:space-between;align-items:center}.shot__label{font:var(--text-strong);font-weight:700}.shot__label--small{display:block;color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.shot__kind{padding:1px 6px;background:var(--color-oat);border-radius:var(--radius-pill);color:var(--color-graphite);font:var(--text-label);font-size:.5625rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.shot__figure{display:flex;align-items:baseline;gap:6px;margin:2px 0 var(--space-2)}.shot__num{font:var(--text-figure);font-size:2.5rem;letter-spacing:var(--tracking-figure)}.shot__cap{color:var(--color-graphite);font:var(--text-strong)}.shot__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:var(--space-2);border-top:var(--rule-hair) solid var(--color-rule)}.shot__cell{display:flex;flex-direction:column;padding:0 var(--space-2);color:var(--color-graphite);font:500 .6875rem/1.35 var(--font-sans);white-space:nowrap}.shot__cell:first-child{padding-left:0}.shot__cell+.shot__cell{border-left:var(--rule-hair) solid var(--color-rule)}.shot__cell b{color:var(--color-ink);font:700 .9375rem/1.3 var(--font-sans)}.shot__portion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:var(--space-2) 0 var(--space-3);padding:3px;background:var(--color-paper);border-radius:var(--radius-pill)}.shot__segment{display:grid;place-items:center;height:30px;border-radius:var(--radius-pill);font:var(--text-button);font-size:.8125rem}.shot__segment--on{background:var(--action-bg);color:var(--action-fg)}.shot__raw{padding:var(--space-2) var(--space-3) var(--space-3);background:var(--color-oat);border-radius:var(--radius-inner)}.shot__weights{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-1)}.shot__weight{display:flex;flex-direction:column}.shot__weight b{font:var(--text-h2);font-weight:800;letter-spacing:var(--tracking-h2)}.shot__weight small{color:var(--color-graphite);font:var(--text-caption);font-size:.75rem}.shot__arrow{padding-top:2px;color:var(--color-graphite);font:var(--text-h3)}.shot__raw-text{margin-top:var(--space-1);font:var(--text-caption)}@keyframes shot-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shot{animation:none}}.tabpanel>div:not([hidden]):has(>.calc-page){display:flex;flex-direction:column;min-height:100%}.calc-page{flex:1;display:flex;flex-direction:column;padding-bottom:var(--space-6)}.calc-page__middle{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-6) 0}.calc-page__bottom{display:flex;flex-direction:column;gap:var(--space-3)}.calc-page__action{width:100%;min-height:56px}.calc-page__kicker{margin:0;color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.calc-page__note{margin:0;color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source);text-align:center}.calc-intro .calc-page__middle{align-items:center;text-align:center}.calc-intro__badge{display:grid;place-items:center;width:112px;height:112px;margin-bottom:var(--space-8);background:var(--color-sheet);border-radius:var(--radius-pill);box-shadow:0 0 0 14px var(--color-oat),var(--shadow-float);color:var(--color-ink)}.calc-intro__title{margin:var(--space-2) 0 0;font:var(--text-h1);font-size:2rem;letter-spacing:var(--tracking-h1);text-wrap:balance}.calc-intro__lead{max-width:20em;margin:var(--space-3) 0 0;color:var(--color-graphite);font:var(--text-lead);font-size:1.0625rem;text-wrap:pretty}.calc__top{display:flex;flex-direction:column;gap:var(--space-2)}.calc__progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1)}.calc__segment{height:6px;background:var(--color-oat);border-radius:var(--radius-pill);transition:background-color var(--duration) var(--ease)}.calc__segment[data-done=true]{background:var(--color-ink)}[data-enter=push] .calc__segment[data-current]{background:linear-gradient(var(--color-ink),var(--color-ink)) no-repeat var(--color-oat);background-size:100% 100%;animation:segment-fill .46s var(--ease) .12s backwards}@keyframes segment-fill{0%{background-size:0% 100%}}@media(prefers-reduced-motion:reduce){[data-enter=push] .calc__segment[data-current]{animation:none}}.calc__title{margin:0 0 var(--space-6);font:var(--text-h1);letter-spacing:var(--tracking-h1);text-align:center;text-wrap:balance}.choice{display:flex;flex-direction:column;gap:var(--space-3)}.choice__item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:64px;padding:var(--space-3) calc(var(--space-4) + 36px) var(--space-3) var(--space-4);background:var(--color-sheet);border:none;border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet);color:var(--color-ink);font:var(--text-button);font-size:1.0625rem;justify-content:center;text-align:left;cursor:pointer;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.choice__item:after{content:"";position:absolute;top:50%;right:var(--space-4);width:22px;height:22px;transform:translateY(-50%);border:var(--rule-button) solid var(--color-control);border-radius:var(--radius-pill);transition:border-color var(--duration) var(--ease),border-width var(--duration) var(--ease)}.choice__item:hover{background-color:var(--color-oat)}.choice__item[aria-checked=true]{background:var(--action-bg);color:var(--action-fg)}.choice__item[aria-checked=true]:after{border:6px solid var(--color-sheet)}.choice__hint{font:var(--text-caption);color:var(--color-graphite)}.choice__item[aria-checked=true] .choice__hint{color:var(--color-rule)}.calc__form{flex:1;display:flex;flex-direction:column}.calc__fields{display:flex;gap:var(--space-3)}.field{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-2);min-width:0}.field__label{color:var(--color-graphite);font:var(--text-caption)}.field__box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:112px;padding:var(--space-4);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet);cursor:text;transition:box-shadow var(--duration) var(--ease)}.field__box:focus-within{box-shadow:var(--shadow-sheet),inset 0 0 0 2px var(--color-ink)}.field__input{min-width:0;max-width:100%;padding:0;text-align:center;background:none;border:none;color:var(--color-ink);font:var(--text-figure);font-size:3rem;letter-spacing:var(--tracking-figure)}.field__input::placeholder{color:var(--color-rule)}.field__input:focus{outline:none}.field__unit{flex:none;color:var(--color-graphite);font:var(--text-h3)}.calc__hint{min-height:1.3125rem;margin:var(--space-3) 0 0;color:var(--color-graphite);font:var(--text-caption);text-align:center}.calc__hint--shown{color:var(--color-ink)}.calc-result .calc-page__middle{align-items:center;text-align:center}.calc-result__card{position:relative;display:grid;place-items:center;width:216px;height:216px;margin-top:var(--space-8);background:var(--color-sheet);border-radius:var(--radius-pill);box-shadow:0 0 0 16px var(--color-oat),var(--shadow-float)}.calc-result__ring{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);transform:rotate(-90deg);pointer-events:none}.calc-result__ring circle{fill:none;stroke:var(--color-ink);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:0;animation:result-ring .9s cubic-bezier(.33,0,.2,1) both}@keyframes result-ring{0%{stroke-dashoffset:100}}.calc-result__protein,.calc-result__note{animation:result-rise .42s var(--ease) .7s both}.calc-result__note{animation-delay:.8s}@keyframes result-rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.calc-result__ring circle,.calc-result__protein,.calc-result__note{animation:none}}.calc-result__figure{display:flex;flex-direction:column;align-items:center;margin:0}.calc-result__num{font:var(--text-figure);letter-spacing:var(--tracking-figure)}.calc-result__unit{margin-top:var(--space-1);color:var(--color-graphite);font:var(--text-h3)}.calc-result__protein{margin:var(--space-8) 0 0;padding:var(--space-2) var(--space-4);background:var(--color-oat);border-radius:var(--radius-pill);font:var(--text-strong)}.calc-result__note{max-width:22em;margin:var(--space-4) 0 0;color:var(--color-graphite);font:var(--text-body);text-wrap:pretty}@media(max-width:340px){.field__input{font-size:2.25rem}.field__unit{font:var(--text-caption)}}@media(max-height:640px){.calc-result__card{width:168px;height:168px;margin-top:var(--space-6);box-shadow:0 0 0 12px var(--color-oat),var(--shadow-float)}.calc-result__num{font-size:2.75rem}.calc-result__protein{margin-top:var(--space-6)}.calc-intro__badge{width:88px;height:88px;margin-bottom:var(--space-6)}}.calc-result__actions .btn{width:100%;min-height:56px}.day-sum{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.day-sum__main{display:flex;align-items:center;gap:var(--space-4)}.day-sum__ring{position:relative;flex:none;width:132px;height:132px}.day-sum__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.day-sum__track,.day-sum__arc{fill:none;stroke-width:10}.day-sum__track{stroke:var(--color-oat)}.day-sum__arc{stroke:var(--color-ink);stroke-linecap:round;transition:stroke-dashoffset .64s var(--ease);animation:ring-in .8s var(--ease) .12s backwards}@keyframes ring-in{0%{stroke-dashoffset:var(--ring)}}.day-sum__ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.day-sum__ring-text b{color:var(--color-ink);font:var(--text-h2);font-weight:800;letter-spacing:var(--tracking-h2);animation:figure-step var(--duration-figure) var(--ease)}.day-sum__protein{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.day-sum__label{color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.day-sum__protein b{font:var(--text-h1);letter-spacing:var(--tracking-h1);animation:figure-step var(--duration-figure) var(--ease)}.day-sum__protein small{color:var(--color-graphite);font:var(--text-h3)}.day-sum__of{color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.day-sum__bar{display:block;height:8px;margin-top:var(--space-2);overflow:hidden;background:var(--color-oat);border-radius:var(--radius-pill)}.day-sum__bar span{display:block;height:100%;background:var(--color-ink);border-radius:var(--radius-pill);transition:inline-size .64s var(--ease);animation:bar-in .8s var(--ease) .2s backwards}@keyframes bar-in{0%{inline-size:0}}.day-sum__rest{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:var(--rule-hair) solid var(--color-rule)}.day-sum__rest>div{display:flex;align-items:baseline;justify-content:flex-start;gap:var(--space-2);padding:0 var(--space-3)}.day-sum__rest>div:first-child{padding-left:0}.day-sum__rest>div+div{border-left:var(--rule-hair) solid var(--color-rule);padding-right:0}.day-sum__rest dt{color:var(--color-graphite);font:var(--text-caption)}.day-sum__rest dd{margin:0;white-space:nowrap;font:var(--text-h3);letter-spacing:var(--tracking-h3);animation:figure-step var(--duration-figure) var(--ease)}.day-sum__rest small{color:var(--color-graphite);font:var(--text-caption)}.day__head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.day__head .screen__title{margin:0}.day__head+.day-sum{margin-top:var(--space-4)}.day-norm{display:flex;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background:var(--color-oat);border:none;border-radius:var(--radius-inner);color:var(--color-ink);text-align:left;cursor:pointer;transition:background-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.day-norm:hover{background:var(--color-rule)}.day-norm:active{transform:scale(.97)}.day-norm__text{display:flex;flex-direction:column}.day-norm__label{color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.day-norm__value{font:var(--text-strong);white-space:nowrap}.day-norm__edit{display:grid;place-items:center;width:32px;height:32px;background:var(--color-sheet);border-radius:var(--radius-pill);box-shadow:var(--shadow-sheet)}.day__short{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);font:var(--text-caption);text-wrap:pretty}.day__options{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.switcher{display:flex;flex-direction:column;gap:var(--space-1)}.switcher__label{color:var(--color-graphite);font:var(--text-caption)}.switcher__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:3px;background:var(--color-oat);border-radius:var(--radius-pill)}.switcher .pill{justify-content:center;min-height:38px;padding:0 var(--space-2);background:transparent;box-shadow:none;transition:background-color var(--duration) var(--ease),color var(--duration) var(--ease)}.switcher .pill:before{content:none}.switcher .pill:hover{box-shadow:none;background:rgb(var(--ink-channels) / .05)}.switcher .pill[aria-pressed=true]{background:var(--action-bg);color:var(--action-fg)}.day__meals{margin-top:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-2);background:var(--color-sheet);border-radius:var(--radius-fact);box-shadow:var(--shadow-sheet)}.day__meals-head{margin:0;font:var(--text-h3);letter-spacing:var(--tracking-h3)}.day__list{margin:var(--space-1) 0 0;padding:0;list-style:none}.meal{display:flex;align-items:center;gap:var(--space-2);border-bottom:var(--rule-hair) solid var(--color-rule);animation:meal-in .36s var(--ease) calc(var(--i, 0) * 60ms) both}@keyframes meal-in{0%{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.meal{animation:none}.day-sum__arc,.day-sum__bar span{transition:none;animation:none}}.meal:last-child{border-bottom:none}.meal__open{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;background:none;border:none;color:var(--color-ink);text-align:left;cursor:pointer}.meal__open:hover .meal__name{text-decoration:underline;text-decoration-thickness:var(--rule-hair);text-underline-offset:.2em}.meal__thumb{flex:none;width:56px;height:56px;object-fit:cover;background:var(--color-oat);border-radius:var(--radius-pill)}.meal__body{min-width:0;display:flex;flex-direction:column;gap:1px}.meal__slot{color:var(--color-graphite);font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase}.meal__name{font:var(--text-strong);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal__meta{color:var(--color-graphite);font:var(--text-source);letter-spacing:var(--tracking-source)}.meal__replace{flex:none;box-shadow:none;background:var(--color-oat)}.meal__replace:hover{background:var(--color-rule)}.meal__meta{white-space:nowrap}@media(max-width:340px){.day__meals{padding-inline:var(--space-3)}.meal__open{gap:10px}.meal__thumb{width:44px;height:44px}.meal__replace{width:36px;height:36px}.meal__replace:after{inset:-4px}.meal__meta{letter-spacing:0}}.day__again{width:100%;min-height:56px;margin-top:var(--space-4)}