:root{--basil:#1b2e20;--basil-deep:#142418;--porcelain:#faf7f0;--porcelain-dim:#efe9dd;--peppercorn:#241d14;--peppercorn-soft:#6b6154;--persimmon:#ff6b35;--raspberry:#e63946;--raspberry-deep:#cf2f3c;--raspberry-ink:#c8202e;--edamame:#a8c686;--edamame-deep:#2f6a40;--paper:#fff8f3;--flame:linear-gradient(135deg, var(--persimmon) 0%, var(--raspberry) 100%);--font-display:"Unbounded Variable", system-ui, sans-serif;--font-body:"Golos Text", system-ui, sans-serif;--radius-card:28px;--radius-photo:20px;--pad-card:8px;--shadow-card:0 1px 2px #0a140c40, 0 6px 18px #0a140c47, 0 24px 48px -12px #0a140c66;--shadow-raised:0 1px 2px #0a140c33, 0 4px 12px #0a140c40}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--basil);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;height:100%}body{min-height:100dvh;font-family:var(--font-body);color:var(--porcelain);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}#root{min-height:100dvh}h1,h2,h3{text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--edamame);outline-offset:2px}img{max-width:100%;display:block}.num{font-variant-numeric:tabular-nums}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{max-width:480px;height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex;position:relative}.header{justify-content:space-between;align-items:center;padding:16px 20px 8px;display:flex}.header__actions{align-items:center;gap:8px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.06em;font-size:17px;font-weight:700}.skip-link{top:calc(env(safe-area-inset-top) + 12px);z-index:10;background:var(--edamame);min-height:44px;color:var(--basil-deep);transform:translateY(calc(-100% - 12px - env(safe-area-inset-top)));border-radius:999px;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;transition-property:transform;transition-duration:.15s;display:inline-flex;position:absolute;left:12px}.skip-link:focus-visible{outline-color:var(--porcelain);transform:none}.deck-area:focus-visible{outline:none}.wordmark em{color:var(--edamame);font-style:normal}.icon-btn{background:#faf7f014;border-radius:50%;place-items:center;width:44px;height:44px;transition-property:transform,background-color,color;transition-duration:.15s;display:grid;position:relative}.icon-btn:active{transform:scale(.96)}.icon-btn[aria-expanded=true]{background:var(--edamame);color:var(--basil-deep)}.sound-toggle[aria-pressed=false]{color:#faf7f08c}.sound-toggle__on,.sound-toggle__off{transform-box:fill-box;transform-origin:50%;transition-property:opacity,transform,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1)}.sound-toggle[aria-pressed=false] .sound-toggle__on,.sound-toggle[aria-pressed=true] .sound-toggle__off{opacity:0;filter:blur(4px);transform:scale(.25)}.like-badge__ring{box-shadow:0 0 0 3px var(--persimmon);pointer-events:none;border-radius:50%;position:absolute;inset:0}.like-badge{background:var(--flame);min-width:19px;height:19px;color:var(--porcelain);text-align:center;border-radius:10px;padding:0 5px;font-size:11px;font-weight:700;line-height:19px;position:absolute;top:-2px;right:-2px}.chips{scrollbar-width:none;flex-shrink:0;gap:8px;padding:8px 20px 14px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{color:var(--porcelain);background:#faf7f014;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:500;line-height:1;transition-property:background-color,color,transform;transition-duration:.15s;position:relative}.chip:active{transform:scale(.96)}.chip:after{content:"";position:absolute;inset:-6px 0}.chip--active{background:var(--edamame);color:var(--basil-deep);font-weight:600}.deck-area{flex:1;min-height:0;margin:2px 20px 14px;position:relative}.card{background:var(--porcelain);border-radius:var(--radius-card);padding:var(--pad-card);box-shadow:var(--shadow-card);color:var(--peppercorn);will-change:transform;flex-direction:column;display:flex;position:absolute;inset:0}.card--top{touch-action:none;cursor:grab}.card--top:active{cursor:grabbing}.card__photo-wrap{border-radius:var(--radius-photo);background:var(--porcelain-dim);flex:1;min-height:0;position:relative;overflow:hidden}.card__photo{object-fit:cover;outline-offset:-1px;border-radius:var(--radius-photo);pointer-events:none;-webkit-user-select:none;user-select:none;outline:1px solid #0000001a;width:100%;height:100%}.card__stamp{font-family:var(--font-display);letter-spacing:.05em;white-space:nowrap;background:#faf7f0d1;border:4px solid;border-radius:12px;padding:6px 14px;font-size:21px;font-weight:800;position:absolute;top:20px}.card__stamp--like{color:var(--edamame-deep);left:16px;rotate:-14deg}.card__stamp--nope{color:var(--raspberry);right:16px;rotate:12deg}.card__body{flex-shrink:0;padding:14px 12px 10px}.card__title{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(14px,4.2vw,17px);font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card__meta{align-items:center;gap:10px;margin-top:10px;display:flex}.pill{color:var(--edamame-deep);background:#a8c68647;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1}.card__kcal{font-size:14px;font-weight:700}.card__macros{color:var(--peppercorn-soft);letter-spacing:.02em;margin-left:auto;font-size:12px}.actionbar{padding:4px 0 max(20px, env(safe-area-inset-bottom));flex-shrink:0;justify-content:center;align-items:center;display:flex}.actionbar__core{align-items:center;gap:24px;display:flex;position:relative}.actionbar__side{align-items:center;display:flex;position:absolute;top:0;bottom:0}.actionbar__side--start{right:calc(100% + 16px)}.actionbar__side--end{left:calc(100% + 16px)}@media (width<=379px){.actionbar__side--start{right:calc(100% + 8px)}.actionbar__side--end{left:calc(100% + 8px)}}@media (width<=339px){.actionbar__side--start{right:calc(100% + 2px)}.actionbar__side--end{left:calc(100% + 2px)}}.action{background:var(--porcelain);color:var(--peppercorn);box-shadow:var(--shadow-raised);border-radius:50%;place-items:center;transition-property:transform,opacity,box-shadow,background-color,filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:relative}.action:active{transform:scale(.96)}.action:disabled{opacity:.4;pointer-events:none}.action--undo{width:46px;height:46px;color:var(--peppercorn-soft)}.action--nope{width:58px;height:58px;color:var(--raspberry)}.action--info{width:46px;height:46px;color:var(--peppercorn-soft)}.action--like{background:var(--flame);width:66px;height:66px;color:var(--porcelain)}.action--matches{width:46px;height:46px;color:var(--peppercorn-soft)}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.empty__emoji{font-size:44px}.empty__title{font-family:var(--font-display);font-size:17px;font-weight:600}.empty__text{color:#faf7f0bf;max-width:30ch;font-size:14px}.empty__source{color:#faf7f08c;text-wrap:balance;max-width:32ch;margin-top:16px;font-size:12px;line-height:1.45}.empty__source a,.receipt__source a{color:inherit;text-underline-offset:2px;text-decoration:underline;transition:color .15s}.empty__source a:hover{color:var(--porcelain)}.btn{border-radius:16px;padding:14px 22px;font-size:15px;font-weight:600;line-height:1;transition-property:transform,background-color;transition-duration:.15s}.btn:active{transform:scale(.96)}.btn--primary{background:var(--porcelain);color:var(--peppercorn)}.btn--ghost{color:var(--porcelain);border:1.5px solid #faf7f08c}.empty .btn{margin-top:12px}.nudge{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:51;text-align:center;background:radial-gradient(120% 90% at 50% 0%, #ffd68c59 0%, transparent 55%), linear-gradient(150deg, var(--persimmon) 0%, var(--raspberry) 78%);max-width:456px;color:var(--porcelain);box-shadow:var(--shadow-card);will-change:transform;border-radius:24px;margin:0 auto;padding:22px 20px 20px;position:fixed}.nudge__emoji{font-size:34px;line-height:1}.nudge__title{font-family:var(--font-display);text-wrap:balance;margin-top:8px;font-size:20px;font-weight:800;line-height:1.15}.nudge__text{opacity:.94;margin-top:6px;font-size:14px}.nudge__actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.sheet-backdrop{z-index:50;background:#060c088c;position:fixed;inset:0}.sheet{z-index:51;will-change:transform;flex-direction:column;max-width:480px;max-height:92dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet:focus{outline:none}.receipt{background:linear-gradient(180deg, #ffe9df 0, var(--paper) 200px);color:var(--peppercorn);font-family:var(--font-body);overscroll-behavior:contain;padding:10px 22px max(24px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;font-size:15px;line-height:1.5;overflow-y:auto}.receipt__grab{touch-action:none;cursor:grab;margin:-10px -22px 0;padding:6px 0 14px}.receipt__grab:active{cursor:grabbing}.receipt__handle{background:#241d1433;border-radius:3px;width:44px;height:5px;margin:8px auto 0}.sheet__close{z-index:3;background:var(--porcelain-dim);width:36px;height:36px;color:var(--peppercorn);border-radius:50%;place-items:center;transition:scale .15s,background-color .15s;display:grid;position:absolute;top:10px;right:12px;box-shadow:0 1px 2px #0a140c26}.sheet__close:before{content:"";position:absolute;inset:-4px}.sheet__close:active{scale:.96}.receipt__brand{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--raspberry-ink);font-size:11px;font-weight:600}.receipt__meta{text-align:center;color:var(--peppercorn-soft);margin-top:2px}.receipt__photo-wrap{aspect-ratio:1;width:148px;box-shadow:var(--shadow-raised);border-radius:50%;outline:4px solid #fff;margin:14px auto 10px;display:block;overflow:hidden}.receipt__photo{object-fit:cover;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;transform:scale(1.35)translateY(3%)}.receipt__title{text-align:center;font-family:var(--font-display);margin:8px 0 2px;font-size:19px;font-weight:700;line-height:1.15}.receipt__rule{border:0;margin:14px 0 0}.receipt__section{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--porcelain);background:var(--raspberry-ink);border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.receipt__line{border-bottom:1px solid #241d1412;justify-content:space-between;align-items:baseline;gap:14px;padding:5px 0;display:flex}.receipt__line--head{font-weight:700}.receipt__qty{white-space:nowrap;color:var(--peppercorn-soft)}.receipt__total{font-family:var(--font-display);border-bottom:0;margin-top:4px;padding:1.5px 0;font-size:15px;font-weight:700}.receipt__steps{counter-reset:step;margin:0;padding:0;list-style:none}.receipt__steps li{counter-increment:step;background:linear-gradient(#e6394640,#e6394640) 12.5px 30px/1px calc(100% - 30px) no-repeat;padding:3px 0 12px 36px;position:relative}.receipt__steps li:last-child{background:0 0;padding-bottom:3px}.receipt__steps li:before{content:"";background:var(--raspberry-ink);width:26px;height:24px;position:absolute;top:3px;left:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.4l-1.4-1.3C5.4 15.4 2 12.3 2 8.6 2 5.6 4.4 3.3 7.4 3.3c1.7 0 3.4.8 4.6 2.1 1.2-1.3 2.9-2.1 4.6-2.1 3 0 5.4 2.3 5.4 5.3 0 3.7-3.4 6.8-8.6 11.5L12 21.4z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.4l-1.4-1.3C5.4 15.4 2 12.3 2 8.6 2 5.6 4.4 3.3 7.4 3.3c1.7 0 3.4.8 4.6 2.1 1.2-1.3 2.9-2.1 4.6-2.1 3 0 5.4 2.3 5.4 5.3 0 3.7-3.4 6.8-8.6 11.5L12 21.4z'/%3E%3C/svg%3E") 50%/contain no-repeat}.receipt__steps li:after{content:counter(step);content:counter(step) / "";width:26px;height:22px;color:var(--porcelain);font-variant-numeric:tabular-nums;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:3px;left:0}.receipt__ps{color:var(--edamame-deep);background:#eaf3df;border-radius:12px;padding:10px 12px}.receipt__ps-label{margin-bottom:2px;font-weight:700;display:block}.receipt__thanks{text-align:center;font-family:var(--font-display);color:var(--raspberry-ink);margin:16px 0 0;font-size:14px;font-weight:700}.receipt__source{text-align:center;color:var(--peppercorn-soft);text-wrap:balance;margin-top:6px;font-size:12px;line-height:1.45}.receipt__source a:hover{color:var(--peppercorn)}.matches{overscroll-behavior:contain;padding:4px 20px calc(84px + max(12px, env(safe-area-inset-bottom)));flex:1;overflow-y:auto}.matches__title{font-family:var(--font-display);letter-spacing:.04em;margin-bottom:14px;font-size:15px;font-weight:600}.matches .empty{position:static}.like-strip{scrollbar-width:none;gap:12px;margin:0 -20px 16px;padding:4px 20px;list-style:none;display:flex;overflow-x:auto}.like-strip::-webkit-scrollbar{display:none}.like-strip__item{flex-shrink:0}.like-strip__bubble{background:var(--flame);border-radius:50%;width:70px;height:70px;padding:3px;transition-property:transform;transition-duration:.15s;display:block}.like-strip__bubble:active{transform:scale(.96)}.like-strip__bubble img{object-fit:cover;border:2px solid var(--basil);border-radius:50%;width:100%;height:100%}.sheet-backdrop--shortlist{z-index:40}.sheet--shortlist{z-index:41}.sheet--shortlist .matches{background:var(--basil);border-radius:24px 24px 0 0}.matches__grab{touch-action:none;cursor:grab;margin:-4px -20px 0;padding:6px 0 14px}.matches__grab:active{cursor:grabbing}.matches__handle{background:#faf7f047;border-radius:3px;width:44px;height:5px;margin:8px auto 0}.matches__day{margin-bottom:8px}.matches__day-title{z-index:2;background:var(--basil);font-family:var(--font-display);color:var(--edamame);padding:6px 0 8px;font-size:12px;font-weight:600;position:sticky;top:0}.matches__rows{background:var(--porcelain);color:var(--peppercorn);border-radius:24px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.match-row{content-visibility:auto;contain-intrinsic-size:auto 128px;position:relative}.match-row__under{background:var(--raspberry);width:100%;color:var(--porcelain);touch-action:manipulation;justify-content:flex-end;align-items:center;padding-right:34px;display:flex;position:absolute;inset:0}.match-row__under:active{background:var(--raspberry-deep)}.match-row__under[aria-hidden=true]{pointer-events:none}.match-row__surface{background:var(--porcelain);touch-action:pan-y;position:relative}.match-row__open{text-align:left;width:100%;color:inherit;touch-action:manipulation;align-items:center;gap:14px;padding:8px 48px 8px 8px;transition-property:background-color;transition-duration:.15s;display:flex}.match-row__open:active{background:var(--porcelain-dim)}.match-row:not(:last-child) .match-row__open:after{content:"";background:#241d1414;height:1px;position:absolute;bottom:0;left:134px;right:0}.match-row__photo{object-fit:cover;outline-offset:-1px;border-radius:16px;outline:1px solid #0000001a;flex-shrink:0;width:112px;height:112px}.match-row__text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.match-row__name{font-family:var(--font-display);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.match-row__meta{color:var(--peppercorn-soft);font-size:12px}.match-row__remove{z-index:1;width:40px;height:40px;color:var(--peppercorn);touch-action:manipulation;border-radius:50%;place-items:center;transition-property:transform,color,background-color;transition-duration:.15s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.match-row__remove:active{transform:translateY(-50%)scale(.96)}.match-row__grip{width:40px;height:40px;color:var(--peppercorn);touch-action:manipulation;border-radius:50%;place-items:center;transition-property:transform;transition-duration:.15s;display:grid;position:absolute;bottom:0;right:8px}.match-row__grip svg{opacity:.55}.match-row__grip:active{transform:scale(.96)}@media (hover:hover){.icon-btn:not([aria-expanded=true]):hover,.chip:not(.chip--active):hover{background:#faf7f024}.action:hover{box-shadow:0 1px 2px #0a140c33,0 6px 16px #0a140c4d}.action:not(.action--like):hover{background:#fff}.action--like:hover{filter:brightness(1.06)}.btn--primary:hover{background:#fff}.btn--ghost:hover{background:#faf7f014}.sheet__close:hover{background:#e5ddcd}.like-strip__bubble:hover img{opacity:.9}.match-row__open:hover{background:#241d140a}.match-row__remove:hover{background:var(--porcelain-dim);color:var(--raspberry)}}@media (width<=359px){.match-row{contain-intrinsic-size:auto 112px}.match-row__photo{width:96px;height:96px}.match-row:not(:last-child) .match-row__open:after{left:118px}.match-row__remove{top:calc(50% - 4px)}}.undo-toast{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:49;background:var(--porcelain);max-width:456px;color:var(--peppercorn);box-shadow:var(--shadow-card);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:8px 8px 8px 16px;font-size:13.5px;display:flex;position:fixed}.undo-toast--raised{bottom:calc(max(20px, env(safe-area-inset-bottom)) + 82px)}.undo-toast__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.undo-toast__text b{font-weight:600}.undo-toast__undo{background:var(--basil);height:40px;color:var(--porcelain);touch-action:manipulation;border-radius:10px;flex-shrink:0;padding:0 14px;font-size:13px;font-weight:600;transition-property:transform,background-color;transition-duration:.15s}.undo-toast__undo:active{transform:scale(.96)}@media (hover:hover){.undo-toast__undo:hover{background:var(--basil-deep)}}