:root{--bg:#fafaf5;--surface:#fff;--surface-2:#f2f5ec;--surface-3:#e9efe1;--ink:#0b1f17;--ink-2:#33443b;--muted:#5f6f66;--line:#e2e8da;--line-strong:#cfd8c6;--dark:#0b1a13;--dark-2:#12261c;--dark-3:#1b3428;--dark-line:#ffffff1a;--on-dark:#f3f7ef;--on-dark-muted:#a6b8ad;--brand:#12b76a;--brand-600:#0e9f5c;--brand-700:#0a7c48;--brand-50:#e8f9f0;--lime:#c8f560;--lime-200:#e6fbb5;--kcal:#ff6b4a;--kcal-ink:#c2410c;--protein:#4c7dff;--carbs:#ffb21e;--fat:#ff5c8a;--fiber:#7c5cff;--coral:#ff6b4a;--amber:#ffb21e;--sky:#4c7dff;--rose:#ff5c8a;--violet:#7c5cff;--danger:#e5484d;--warning:#f5a524;--success:#12b76a;--grad-brand:linear-gradient(135deg, #12b76a 0%, #8fe34d 55%, #c8f560 100%);--grad-warm:linear-gradient(135deg, #ff6b4a 0%, #ffb21e 100%);--grad-cool:linear-gradient(135deg, #4c7dff 0%, #7c5cff 100%);--grad-dark:radial-gradient(120% 120% at 0% 0%, #1b3428 0%, #0b1a13 55%, #07110c 100%);--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif:"Instrument Serif", ui-serif, Georgia, serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-h1:clamp(2.6rem, 1.6rem + 4.4vw, 4.75rem);--fs-h2:clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--fs-h3:clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;--shadow-sm:0 1px 2px #0b1f170f, 0 1px 1px #0b1f170a;--shadow:0 10px 30px -12px #0b1f172e, 0 2px 6px #0b1f170d;--shadow-lg:0 30px 60px -20px #0b1f1747, 0 8px 20px -8px #0b1f171f;--shadow-glow:0 10px 40px -8px #12b76a8c;--container:1200px;--gutter:clamp(16px, 4vw, 32px);--nav-h:72px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur:.25s;--z-nav:100;--z-banner:300;--z-modal:1000;--z-toast:1100}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}body.is-locked{overflow:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;color:inherit;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);letter-spacing:-.02em;line-height:1.25}p{margin:0}p,li,figcaption{text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--brand-700);outline-offset:2px;border-radius:6px}.section--dark :focus-visible,.foot :focus-visible,.stats :focus-visible,.cta-card :focus-visible,.toast :focus-visible{outline-color:var(--lime)}.section--dark .snap-result :focus-visible{outline-color:var(--brand-700)}#main:focus{outline:none}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:clamp(72px,9vw,128px);position:relative}.section--tight{padding-block:clamp(48px,6vw,80px)}.section--alt{background:var(--surface-2)}.section--dark{background:var(--grad-dark);color:var(--on-dark)}.section-head{text-align:center;max-width:720px;margin:0 auto clamp(40px,5vw,64px)}.section-head--left{text-align:left;margin-inline:0}.section-head h2,.section-head .lead{margin-top:16px}.lead{color:var(--muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.65}.section--dark .lead{color:var(--on-dark-muted)}.eyebrow{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-sm);letter-spacing:.01em;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 22%, transparent);border-radius:50%}.section--dark .eyebrow{color:var(--lime);background:#c8f5601f}.section--dark .eyebrow:before{background:var(--lime);box-shadow:0 0 0 4px #c8f56033}.accent{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.grad-text{background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.grad-text--warm{background-image:var(--grad-warm)}.muted{color:var(--muted)}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);--btn-bd:var(--line-strong);border-radius:var(--radius-pill);border:1px solid var(--btn-bd);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font-weight:700;font-size:var(--fs-base);white-space:nowrap;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;padding:10px 20px;line-height:1.2;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{--btn-bg:var(--brand-700);--btn-fg:#fff;--btn-bd:transparent;box-shadow:0 8px 24px -10px #12b76acc}.btn-primary:hover{--btn-bg:#086a3d;box-shadow:var(--shadow-glow)}.btn-lime{--btn-bg:var(--lime);--btn-fg:var(--ink);--btn-bd:transparent}.btn-lime:hover{box-shadow:0 12px 40px -10px #c8f560b3}.btn-dark{--btn-bg:var(--ink);--btn-fg:#fff;--btn-bd:transparent}.btn-dark:hover{--btn-bg:#163327}.btn-ghost{--btn-bg:transparent;--btn-bd:transparent}.btn-ghost:hover{--btn-bg:var(--surface-2);box-shadow:none}.btn-outline-light{--btn-bg:#ffffff0f;--btn-fg:var(--on-dark);--btn-bd:#ffffff2e}.btn-outline-light:hover{--btn-bg:#ffffff1f}.btn-sm{min-height:36px;font-size:var(--fs-sm);padding:6px 14px}.btn-lg{min-height:56px;font-size:var(--fs-md);padding:14px 28px}.btn-block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:50%;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.94)}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:18px;height:18px;animation:.7s linear infinite spin}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--hover{transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease)}@media (hover:hover) and (pointer:fine){.card--hover:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-4px)}}.section--dark .card{border-color:var(--dark-line);box-shadow:none;background:#ffffff0a}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);background:var(--surface-2);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:inline-flex}.badge--brand{background:var(--brand-50);color:var(--brand-700)}.badge--lime{background:var(--lime);color:var(--ink)}.badge--warm{color:#c2410c;background:#fff1ec}.chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);min-height:40px;font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap;transition:all var(--dur) var(--ease);align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip.is-active,.chip[aria-pressed=true],.chip[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:#fff}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot--kcal{background:var(--kcal)}.dot--protein{background:var(--protein)}.dot--carbs{background:var(--carbs)}.dot--fat{background:var(--fat)}.field{gap:6px;display:grid}.label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:700}.label .opt{color:var(--muted);font-weight:500}.input,.select,.textarea{border:1.5px solid var(--line-strong);background:var(--surface);width:100%;min-height:48px;color:var(--ink);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:12px;padding:12px 16px;font-size:1rem}.textarea{resize:vertical;min-height:120px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2366766d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}.input::placeholder,.textarea::placeholder{color:#9aa79f}.input:hover,.select:hover,.textarea:hover{border-color:#b7c4ad}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 16%, transparent)}.field-error{font-size:var(--fs-sm);color:#c4262c;align-items:center;gap:6px;font-weight:600;display:flex}.field-hint{font-size:var(--fs-xs);color:var(--muted)}.check{font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:2px}.segmented{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);gap:4px;padding:4px;display:inline-flex}.segmented button{border-radius:var(--radius-pill);min-height:36px;font-size:var(--fs-sm);color:var(--muted);transition:all var(--dur) var(--ease);padding:6px 16px;font-weight:700}.segmented button[aria-pressed=true],.segmented button[aria-checked=true],.segmented button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.modal-root{z-index:var(--z-modal);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-backdrop{-webkit-backdrop-filter:blur(6px);animation:fadeIn .25s var(--ease);background:#07110c8c;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:modalIn .4s var(--ease-spring);overscroll-behavior:contain;position:relative;overflow-y:auto}.modal-panel:focus{outline:none}.modal-panel--sm{max-width:400px}.modal-panel--lg{max-width:720px}.modal-panel--xl{max-width:960px}.modal-close{z-index:2;position:absolute;top:14px;right:14px}.modal-close:disabled{opacity:.4;cursor:not-allowed}@media (width<=640px){.modal-root{place-items:end center;padding:0}.modal-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:92dvh;animation:sheetIn .4s var(--ease)}.modal-panel:where(:not(.nav-drawer)) .modal-close{background:var(--surface);box-shadow:var(--shadow-sm);margin:14px 14px -54px auto;display:grid;position:sticky;top:14px}}.toasts{top:calc(var(--nav-h) + 56px);z-index:var(--z-toast);pointer-events:none;gap:10px;width:min(380px,100vw - 32px);display:grid;position:fixed;right:20px}.toast{border-radius:var(--radius);background:var(--ink);color:#fff;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff24;pointer-events:none;animation:toastIn .45s var(--ease-spring);grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:14px 14px 16px;display:grid;position:relative;overflow:hidden}.toast-icon{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.toast--error .toast-icon{background:var(--danger)}.toast--info .toast-icon{background:var(--sky)}.toast-title{font-weight:700;font-size:var(--fs-sm);line-height:1.35}.toast-msg{font-size:var(--fs-sm);color:#ffffffb8;margin-top:2px;line-height:1.45}.toast-close{color:#fff9;pointer-events:auto;border-radius:10px;margin:-12px -12px -12px 0;padding:12px}.toast-close:hover{color:#fff}.toast-close:focus-visible{outline-offset:-3px}.toast-bar{background:var(--lime);transform-origin:0;width:100%;height:3px;animation:linear forwards toastBar;position:absolute;bottom:0;left:0}.toast--error .toast-bar{background:#ff9b9e}.toast--info .toast-bar{background:#9db6ff}@media (width<=640px){.toasts{top:12px;right:50%;transform:translate(50%)}.toast:nth-last-child(n+3){display:none}}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:9999;background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px;font-weight:700;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}.tabular{font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}}@keyframes modalIn{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes sheetIn{0%{transform:translateY(100%)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes toastBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes marquee{to{transform:translate(-50%)}}@media (forced-colors:active){[aria-pressed=true]:not(:focus-visible),[aria-checked=true]:not(:focus-visible),[aria-selected=true]:not(:focus-visible){outline-offset:-3px;outline:3px solid highlight}:root .cookie-switch{border:2px solid buttontext}:root .cookie-knob{forced-color-adjust:none;background:buttontext;top:1px;left:1px}:root .cookie-switch[aria-checked=true]{forced-color-adjust:none;background:highlight}:root .cookie-switch[aria-checked=true] .cookie-knob{background:highlighttext}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}.nav-ann{background:radial-gradient(40% 180% at 50% 0%, #c8f56029, transparent 70%), var(--dark);color:var(--on-dark);transition:grid-template-rows .4s var(--ease);grid-template-rows:1fr;display:grid}.nav-ann.is-closed{grid-template-rows:0fr}.nav-ann-clip{min-height:0;overflow:hidden}.nav-ann-row{justify-content:center;align-items:center;min-height:40px;padding-block:4px;display:flex;position:relative}.nav-ann-link{min-height:32px;font-size:var(--fs-sm);color:#f3f7efe0;border-radius:var(--radius-pill);align-items:center;gap:10px;font-weight:500;display:inline-flex}.nav-ann-badge{border-radius:var(--radius-pill);background:var(--lime);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 9px 2px 7px;font-size:.6875rem;font-weight:800;display:inline-flex}.nav-ann-cta{color:var(--lime);align-items:center;gap:4px;font-weight:700;display:inline-flex}.nav-ann-cta svg{transition:transform var(--dur) var(--ease)}.nav-ann-text--short{display:none}.nav-ann-link:hover .nav-ann-cta svg{transform:translate(3px)}.nav-ann-link:hover .nav-ann-cta-text{text-underline-offset:3px;text-decoration:underline}.nav-ann-close{top:50%;right:calc(var(--gutter) - 10px);width:40px;height:40px;color:var(--on-dark-muted);transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;translate:0 -50%}.nav-ann-close:hover{color:#fff;background:#ffffff14}.nav{z-index:var(--z-nav);height:var(--nav-h);transition:background-color .35s var(--ease), border-color .35s var(--ease), box-shadow .35s var(--ease), backdrop-filter .35s var(--ease);border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-scrolled{--nav-link:var(--ink-2);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);border-bottom-color:color-mix(in srgb, var(--line-strong) 60%, transparent);box-shadow:0 12px 32px -20px #0b1f1747}.nav-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:100%;display:grid}.nav-home{border-radius:12px;justify-self:start;display:inline-flex}.nav-logo{align-items:center;gap:10px;display:inline-flex}.nav-logo-mark{transition:transform .5s var(--ease-spring);border-radius:9px;flex:none;box-shadow:0 6px 16px -8px #0b1a1399}.nav-home:hover .nav-logo-mark{transform:rotate(-8deg)scale(1.06)}.nav-logo-word{letter-spacing:-.045em;font-size:1.375rem;font-weight:800;line-height:1}.nav .nav-logo-word .grad-text,.nav-drawer .nav-logo-word .grad-text{background-image:linear-gradient(135deg, var(--brand-700), var(--brand) 70%, #6fcf3b)}.nav-links{position:relative}.nav-links ul{align-items:center;gap:2px;display:flex}.nav-links a{z-index:1;border-radius:var(--radius-pill);height:40px;color:var(--nav-link,var(--muted));white-space:nowrap;transition:color .2s var(--ease);align-items:center;padding-inline:14px;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative}.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}.nav-links a:after{content:"";background:var(--brand);opacity:0;width:4px;height:4px;transition:opacity .25s var(--ease), transform .35s var(--ease-spring);border-radius:50%;margin-left:-2px;position:absolute;bottom:3px;left:50%;transform:scale(0)}.nav-links a.is-active:after{opacity:1;transform:scale(1)}.nav-pill{width:var(--w);border-radius:var(--radius-pill);background:var(--surface);height:40px;box-shadow:0 0 0 1px var(--line), 0 4px 12px -6px #0b1f172e;transform:translateX(var(--x));opacity:0;pointer-events:none;transition:transform .4s var(--ease), width .4s var(--ease), opacity .2s var(--ease);margin-top:-20px;position:absolute;top:50%;left:0}.nav-pill.is-shown{opacity:1}.nav-pill.is-instant{transition:opacity .2s var(--ease)}.nav-actions{justify-self:end;align-items:center;gap:8px;display:flex}.nav .btn svg{flex:none}.nav-cta{min-height:40px}.nav-cta svg{transition:transform var(--dur) var(--ease)}.nav-cta:hover svg{transform:translate(3px)}.nav-burger{display:none}.modal-root:has(>.nav-drawer){place-items:stretch stretch;padding:0}.modal-panel.nav-drawer{background:radial-gradient(70% 40% at 100% 100%, #c8f56047, transparent 70%), radial-gradient(60% 35% at 0% 100%, #12b76a24, transparent 70%), var(--bg);width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;animation:navDrawerIn .45s var(--ease);border-radius:0}.nav-drawer .modal-close{top:16px;right:var(--gutter)}.nav-drawer-body{min-height:100%;padding:0 var(--gutter) calc(24px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.nav-drawer-top{height:var(--nav-h);align-items:center;display:flex}.nav-drawer-links{margin-top:8px}.nav-drawer-links li{border-bottom:1px solid var(--line);animation:fadeUp .5s var(--ease) both;animation-delay:calc(var(--i) * 45ms + 80ms)}.nav-drawer-links a{letter-spacing:-.035em;min-height:60px;color:var(--ink);transition:color .2s var(--ease);align-items:center;gap:14px;font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem);font-weight:800;display:flex}.nav-drawer-num{letter-spacing:.04em;min-width:2ch;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700}.nav-drawer-arrow{color:var(--line-strong);transition:transform .3s var(--ease), color .2s var(--ease);margin-left:auto}.nav-drawer-links a:hover .nav-drawer-arrow,.nav-drawer-links a.is-active .nav-drawer-arrow{color:var(--brand);transform:translate(2px,-2px)}.nav-drawer-links a.is-active{color:var(--brand-700)}.nav-drawer-links a.is-active .nav-drawer-num{color:var(--brand)}.nav-drawer-foot{animation:fadeUp .5s var(--ease) .35s both;margin-top:auto;padding-top:32px;display:grid}@keyframes navDrawerIn{0%{opacity:0;transform:translateY(-24px)}}@media (width<=1100px){.nav-links a{padding-inline:11px;font-size:.875rem}}@media (width<=960px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.nav-burger{display:inline-grid}}@media (width<=640px){.nav-ann-row{justify-content:flex-start;padding-right:36px}.nav-ann-link{gap:8px;min-width:0;font-size:.8125rem}.nav-ann-badge,.nav-ann-cta{flex:none}.nav-ann-text--long{display:none}.nav-ann-text--short{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline;overflow:hidden}.nav-ann-cta-text{display:none}.nav-cta{padding-inline:14px}.nav-logo-word{font-size:1.25rem}}@media (width<=360px){.nav-ann-link{gap:6px}.nav-cta svg{display:none}}.hero{isolation:isolate;margin-top:calc(var(--nav-h) * -1);padding-top:calc(var(--nav-h) + clamp(28px, 4.5vw, 64px));padding-bottom:clamp(36px,4vw,56px);position:relative;overflow:clip}.hero-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-glow{will-change:transform;border-radius:50%;position:absolute}.hero-glow--green{background:radial-gradient(closest-side,#12b76a42,#12b76a00 70%);width:760px;height:760px;animation:18s ease-in-out infinite alternate hero-drift;top:-160px;right:-180px}.hero-glow--lime{background:radial-gradient(closest-side,#c8f5608c,#c8f56000 72%);width:680px;height:680px;animation:22s ease-in-out -6s infinite alternate-reverse hero-drift;top:-220px;left:-200px}.hero-glow--coral{background:radial-gradient(closest-side,#ff6b4a29,#ff6b4a00 70%);width:520px;height:520px;animation:26s ease-in-out -12s infinite alternate hero-drift;bottom:40px;right:22%}.hero-dots{background-image:radial-gradient(#0b1f1729 1px,#0000 1.5px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 32%,#000 20%,#0000 72%);mask-image:radial-gradient(75% 65% at 50% 32%,#000 20%,#0000 72%)}.hero-bg:after{content:"";opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,4vw,64px);display:grid}.hero-pill{border-radius:var(--radius-pill);border:1px solid var(--line);min-height:40px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap;transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffffb8;align-items:center;gap:10px;padding:5px 14px 5px 5px;font-weight:600;display:inline-flex}.hero-pill:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));transform:translateY(-1px);box-shadow:0 6px 20px -8px #12b76a73}.hero-pill-tag{border-radius:var(--radius-pill);background:var(--ink);color:var(--lime);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;padding:4px 10px;font-weight:800;display:inline-flex}.hero-pill-dot{background:var(--lime);width:7px;height:7px;animation:hero-ping 2s var(--ease) infinite;border-radius:50%;box-shadow:0 0 #c8f560b3}.hero-pill svg{color:var(--brand-700);transition:transform var(--dur) var(--ease)}.hero-pill:hover svg{transform:translate(3px)}.hero-title{letter-spacing:-.045em;text-wrap:balance;margin-top:24px;font-size:clamp(2.5rem,.9rem + 4vw,4.5rem);line-height:1.02}.hero-mark{white-space:nowrap;display:inline-block;position:relative}.hero-mark .accent{background-image:linear-gradient(120deg, var(--brand-700) 0%, var(--brand) 45%, #6fd14a 100%);padding-right:.06em;font-size:1.12em;line-height:.9}.hero-mark svg{width:104%;height:.24em;position:absolute;bottom:-.2em;left:-2%;overflow:visible}.hero-mark path{fill:none;stroke:var(--lime);stroke-width:7px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:hero-draw .9s var(--ease) .9s forwards}.hero-lead{max-width:31em;color:var(--ink-2);text-wrap:pretty;margin-top:22px}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-cta-alt{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffbf}.hero-cta-alt svg{transition:transform var(--dur) var(--ease)}.hero-cta-alt:hover svg{transform:translate(4px)}.hero-note{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;font-weight:500;display:flex}.hero-note svg{color:var(--brand)}.hero-note-sep{color:var(--line-strong);margin-inline:6px}.hero-note-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hero-facts{border-top:1px dashed var(--line-strong);flex-wrap:wrap;gap:16px 28px;margin-top:36px;padding-top:28px;display:flex}.hero-fact{align-items:center;gap:12px;display:flex}.hero-fact-icon{background:var(--brand-50);width:40px;height:40px;color:var(--brand-700);border-radius:12px;flex:none;place-items:center;display:grid}.hero-fact-text{font-size:var(--fs-sm);color:var(--muted);line-height:1.35;display:grid}.hero-fact-text strong{font-size:var(--fs-base);letter-spacing:-.01em;color:var(--ink);font-weight:800}.hero-visual{--px:0;--py:0;perspective:1400px;position:relative}.hero-stage{max-width:540px;height:660px;margin-inline:auto;position:relative}.hero-preview{z-index:2;border-radius:var(--radius-pill);border:1px dashed var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fff9;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex;position:absolute;top:6px;right:calc(50% + 118px)}.hero-halo{filter:blur(10px);background:radial-gradient(closest-side,#c8f5608c,#0000 70%),radial-gradient(closest-side at 60% 70%,#12b76a4d,#0000 75%);border-radius:50%;position:absolute;inset:8% 6% 4%}.hero-phone{width:304px;height:624px;transform:rotateY(calc(var(--px) * -8deg)) rotateX(calc(var(--py) * 6deg));transition:transform .6s var(--ease);background:linear-gradient(145deg,#2a3a32 0%,#0b1410 40%,#1d2a24 100%);border-radius:54px;margin-left:-152px;padding:10px;position:absolute;top:20px;left:50%;box-shadow:inset 0 0 0 1.5px #ffffff24,inset 0 0 0 4px #050a07,0 50px 80px -30px #0b1f178c,0 24px 40px -24px #0b1f1766}.hero-phone:before,.hero-phone:after{content:"";background:#1c2923;border-radius:2px;width:3px;position:absolute}.hero-phone:before{height:58px;top:128px;left:-3px;box-shadow:0 74px #1c2923}.hero-phone:after{height:88px;top:170px;right:-3px}.hero-screen{height:100%;color:var(--ink);background:linear-gradient(#f1f7e8 0%,#f7f8f3 34% 100%);border-radius:44px;flex-direction:column;padding:0 16px;font-size:12px;line-height:1.3;display:flex;position:relative;overflow:hidden}.hero-screen>*{flex-shrink:0}.hero-status{letter-spacing:-.01em;justify-content:space-between;align-items:center;height:46px;padding:4px 10px 0 14px;font-size:14px;font-weight:700;display:flex;position:relative}.hero-island{background:#050807;border-radius:20px;width:92px;height:27px;margin-left:-46px;position:absolute;top:11px;left:50%}.hero-island:after{content:"";background:radial-gradient(circle at 35% 35%,#2b3f6b,#0b0f1c 70%);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;right:12px}.hero-status-icons{align-items:center;gap:4px;display:inline-flex}.hero-app-head{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.hero-app-date{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}.hero-app-head>div{min-width:0}.hero-app-hello{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:17px;font-weight:800;overflow:hidden}.hero-app-avatar{background:var(--grad-brand);width:34px;height:34px;color:var(--ink);border-radius:50%;place-items:center;font-size:11.5px;font-weight:800;display:grid;box-shadow:0 0 0 2px #fff}.hero-app-card{background:#fff;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:10px 14px;margin-top:12px;padding:12px 14px;display:grid;box-shadow:0 1px 2px #0b1f170d,0 8px 20px -12px #0b1f1729}.hero-ring-wrap{width:112px;height:112px;position:relative}.hero-ring{width:100%;height:100%;transform:rotate(-90deg)}.hero-ring circle{fill:none;stroke-width:12px}.hero-ring-track{stroke:#f2efe9}.hero-ring-bar{stroke:url(#hero-kcal-grad);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p));animation:hero-ring 1.5s var(--ease) .45s both}.hero-ring-label{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.hero-ring-num{letter-spacing:-.04em;font-size:25px;font-weight:800;line-height:1}.hero-ring-of{color:var(--muted);margin-top:3px;font-size:9.5px;font-weight:600}.hero-ring-side{gap:8px;display:grid}.hero-ring-side p{color:var(--muted);font-size:10px;font-weight:600;display:grid}.hero-ring-side strong{color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:800}.hero-ring-side .hero-ring-chip{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);justify-self:start;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex}.hero-macros{border-top:1px solid #f0f2ea;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:10px;display:grid}.hero-macro{gap:5px;display:grid}.hero-macro-label{color:var(--ink-2);align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.hero-macro-label .dot{width:6px;height:6px}.hero-macro-bar{background:#f1f2ec;border-radius:6px;height:6px;overflow:hidden}.hero-macro-fill{border-radius:inherit;transform-origin:0;height:100%;transform:scaleX(var(--w));animation:hero-grow 1.1s var(--ease) calc(.7s + var(--i) * .12s) both;display:block}.hero-macro-fill--protein{background:var(--protein)}.hero-macro-fill--carbs{background:var(--carbs)}.hero-macro-fill--fat{background:var(--fat)}.hero-macro-val{font-size:12px;font-weight:800}.hero-macro-val small{color:var(--muted);font-size:9.5px;font-weight:600}.hero-meals-head{justify-content:space-between;align-items:baseline;margin:14px 2px 8px;font-size:13px;font-weight:800;display:flex}.hero-meals-link{color:var(--brand-700);font-size:10.5px;font-weight:700}.hero-meals{gap:6px;display:grid}.hero-meal{animation:hero-row .6s var(--ease) calc(.9s + var(--i) * .1s) both;background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid;box-shadow:0 1px 2px #0b1f170d}.hero-meal-emoji{border-radius:10px;place-items:center;width:32px;height:32px;font-size:17px;display:grid}.hero-tone--amber{background:linear-gradient(135deg,#fff1cf,#ffd88a)}.hero-tone--mocha{background:linear-gradient(135deg,#f3e6da,#dcc0a6)}.hero-tone--coral{background:linear-gradient(135deg,#ffe3da,#ffb39e)}.hero-tone--green{background:linear-gradient(135deg,#e6f9d6,#b9eb8f)}.hero-meal-text{min-width:0;display:grid}.hero-meal-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.hero-meal-text small{color:var(--muted);font-size:10px;font-weight:500}.hero-meal-kcal{font-size:12.5px;font-weight:800}.hero-meal-kcal small{color:var(--muted);font-size:9.5px;font-weight:600}.hero-tabs{background:#ffffffeb;border-top:1px solid #eef0e8;grid-template-columns:repeat(5,1fr);align-items:center;margin:auto -16px 0;padding:8px 10px 20px;display:grid}.hero-tabs span{color:#9aa79f;justify-items:center;gap:2px;font-size:9px;font-weight:700;display:grid}.hero-tabs .is-active{color:var(--brand-700)}.hero-tabs .hero-tabs-fab{background:var(--ink);width:44px;height:44px;color:var(--lime);border-radius:50%;justify-self:center;place-items:center;margin-top:-22px;display:grid;box-shadow:0 8px 18px -6px #0b1f1780,0 0 0 4px #fff}.hero-home-bar{background:var(--ink);border-radius:4px;width:112px;height:4px;margin-left:-56px;position:absolute;bottom:8px;left:50%}.hero-float{z-index:2;transform:translate3d(calc(var(--px) * var(--depth) * 1px), calc(var(--py) * var(--depth) * 1px), 0);transition:transform .7s var(--ease);position:absolute}.hero-card{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);white-space:nowrap;animation:hero-pop .8s var(--ease-spring) var(--in,1s) both, hero-bob var(--bob,6s) ease-in-out var(--in,1s) infinite;background:#ffffffb8;border:1px solid #ffffffd9;border-radius:20px;align-items:center;gap:10px;display:flex;box-shadow:0 20px 40px -18px #0b1f1752,0 2px 6px #0b1f170f}.hero-float--streak{top:0;left:calc(50% + 80px)}.hero-float--streak .hero-card{--in:1.1s;--bob:5.2s}.hero-float--protein{top:150px;left:calc(50% + 108px)}.hero-float--protein .hero-card{--in:1.35s;--bob:7.4s}.hero-float--snap{top:572px;right:calc(50% + 140px)}.hero-float--snap .hero-card{--in:1.55s;--bob:6.5s}.hero-float--added{top:470px;right:calc(50% + 138px)}.hero-float--added .hero-card{--in:1.8s;--bob:5.8s}.hero-snap{padding:10px 16px 10px 10px}.hero-snap-shot{background:linear-gradient(140deg,#ffe3c2,#ffb08f);border-radius:14px;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.hero-snap-emoji{font-size:30px}.hero-snap-scan{inset-inline:0;border-bottom:2px solid var(--lime);height:40%;animation:hero-scan 2.2s var(--ease) infinite;background:linear-gradient(#c8f56000 0%,#c8f5608c 90%);position:absolute;top:0}.hero-snap-corners{--c:#fffffff2;background:linear-gradient(var(--c), var(--c)) top left / 10px 2px, linear-gradient(var(--c), var(--c)) top left / 2px 10px, linear-gradient(var(--c), var(--c)) top right / 10px 2px, linear-gradient(var(--c), var(--c)) top right / 2px 10px, linear-gradient(var(--c), var(--c)) bottom left / 10px 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 10px, linear-gradient(var(--c), var(--c)) bottom right / 10px 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 10px;background-repeat:no-repeat;position:absolute;inset:6px}.hero-snap-text{gap:1px;line-height:1.3;display:grid}.hero-snap-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-700);align-items:center;gap:4px;font-size:10.5px;font-weight:800;display:inline-flex}.hero-snap-text strong{letter-spacing:-.01em;font-size:15px;font-weight:800}.hero-snap-meta{color:var(--muted);font-size:12.5px;font-weight:600}.hero-snap-meta b{color:var(--kcal);font-weight:800}.hero-streak{border-radius:var(--radius-pill);padding:10px 16px;font-size:14px;font-weight:800}.hero-streak span{font-size:17px}.hero-protein{padding:10px 16px 10px 10px}.hero-mini-ring{width:42px;height:42px;transform:rotate(-90deg)}.hero-mini-ring circle{fill:none;stroke-width:5px;stroke:color-mix(in srgb, var(--protein) 16%, transparent)}.hero-mini-ring circle+circle{stroke:var(--protein);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p));animation:hero-ring 1.2s var(--ease) 1.8s both}.hero-protein span{line-height:1.2;display:grid}.hero-protein small{color:var(--muted);font-size:11px;font-weight:700}.hero-protein strong{letter-spacing:-.02em;font-size:18px;font-weight:800}.hero-added{border-radius:var(--radius-pill);color:#fff;background:#0b1f17db;border-color:#ffffff1a;gap:8px;padding:9px 16px 9px 9px;font-size:13.5px;font-weight:700}.hero-added-check{background:var(--lime);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;display:grid}@keyframes hero-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-60px,50px)scale(1.12)}}@keyframes hero-draw{to{stroke-dashoffset:0}}@keyframes hero-ring{0%{stroke-dashoffset:100px}}@keyframes hero-grow{0%{transform:scaleX(0)}}@keyframes hero-row{0%{opacity:0;transform:translateY(10px)}}@keyframes hero-pop{0%{opacity:0;scale:.85}}@keyframes hero-bob{50%{translate:0 -10px}}@keyframes hero-scan{0%{transform:translateY(-100%)}to{transform:translateY(250%)}}@keyframes hero-ping{70%,to{box-shadow:0 0 0 6px #c8f56000}}@media (width>=961px) and (width<=1200px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-stage{zoom:.84}.hero-float--added{display:none}.hero-ctas .btn{flex:auto}}@media (width<=1200px){.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hero-fact{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=960px){.hero-inner{grid-template-columns:minmax(0,1fr)}.hero-copy{text-align:center;width:100%;max-width:640px;margin-inline:auto}.hero-ctas,.hero-note,.hero-facts{justify-content:center}.hero-facts{max-width:560px;margin-inline:auto}.hero-fact{text-align:center;align-items:center}.hero-lead{margin-inline:auto}.hero-stage{height:660px}.hero-float--added{left:calc(50% + 138px);right:auto}}@media (width>=641px) and (width<=1200px){.hero-float--snap{top:628px;right:calc(50% + 68px)}}@media (width<=640px){.hero{padding-top:calc(var(--nav-h) + 40px + 28px)}.hero-title{margin-top:20px}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}.hero-facts{gap:8px}.hero-fact-text strong{font-size:15px}.hero-stage{zoom:.74;max-width:none;height:690px;margin-inline:calc(var(--gutter) * -1 / .74)}.hero-float--streak{top:0;left:auto;right:16px}.hero-float--protein{top:156px;left:auto;right:16px}.hero-float--snap{top:548px;left:16px;right:auto}.hero-float--added{display:none}.hero-preview{top:0;left:16px;right:auto}}@media (width<=440px){.hero-pill-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=400px){.hero-note{column-gap:18px}.hero-note-sep{display:none}}.calc:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 85% 18%,#c8f56047,#0000 70%),radial-gradient(35% 28% at 8% 60%,#12b76a1a,#0000 70%);position:absolute;inset:0}.calc>.container{position:relative}.calc-layout{grid-template-columns:minmax(0,62fr) minmax(0,38fr);align-items:start;gap:32px;display:grid}.calc-main{min-width:0}.calc-search{align-items:center;display:flex;position:relative}.calc-search-icon{color:var(--brand-700);pointer-events:none;position:absolute;left:22px}.calc-search-input{border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--surface);width:100%;height:64px;color:var(--ink);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);appearance:none;padding:0 60px 0 58px;font-size:1.125rem;font-weight:600;box-shadow:0 18px 40px -24px #0b1f1759,inset 0 1px #fffc}.calc-search-input::-webkit-search-cancel-button{display:none}.calc-search-input::placeholder{color:#8d9a92;font-weight:500}.calc-search-input:hover{border-color:#b7c4ad}.calc-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 16%, transparent), 0 18px 40px -24px #0b1f1759;outline:none}.calc-search-clear{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease);animation:calcPop .3s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;right:12px}.calc-search-clear:hover{background:var(--surface-3)}.calc-search-clear:active{transform:scale(.92)}.calc-suggest{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;padding-left:8px;display:flex}.calc-suggest-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:2px;font-weight:700}.calc-suggest-chip{border-radius:var(--radius-pill);border:1px dashed var(--line-strong);min-height:32px;font-size:var(--fs-sm);color:var(--ink-2);transition:all var(--dur) var(--ease);padding:4px 12px;font-weight:600;position:relative}.calc-suggest-chip:after{content:"";position:absolute;inset:-4px 0}.calc-suggest-chip:hover{border-style:solid;border-color:var(--brand);color:var(--brand-700);background:var(--brand-50)}.calc-suggest-chip[aria-pressed=true]{border:1px solid var(--brand);background:var(--brand-50);color:var(--brand-700)}.calc-cats{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.calc-cat{gap:7px;padding-inline:14px 8px}.calc-cat-n{border-radius:var(--radius-pill);background:var(--surface-2);min-width:24px;height:22px;color:var(--muted);font-variant-numeric:tabular-nums;place-items:center;padding:0 7px;font-size:.72rem;font-weight:700;transition:inherit;display:inline-grid}.calc-cat[aria-pressed=true] .calc-cat-n{color:var(--lime);background:#ffffff29}.calc-cat.is-empty:not([aria-pressed=true]){opacity:.5}.calc-bar{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;margin:24px 2px 14px;display:flex}.calc-bar strong{color:var(--ink);font-weight:700}.calc-bar-note{font-size:var(--fs-xs);white-space:nowrap}.calc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.calc-card{background:var(--surface);border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);animation:fadeUp .45s var(--ease) both;border-radius:22px;flex-direction:column;padding:16px;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.calc-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-4px)}.calc-card:hover .calc-tile{transform:rotate(-6deg)scale(1.06)}.calc-add:hover{background:var(--brand);transform:translateY(-1px);box-shadow:0 8px 20px -8px #12b76ab3}}.calc-card.is-on-plate{border-color:color-mix(in srgb, var(--brand) 45%, var(--line))}.calc-card.is-added{border-color:color-mix(in srgb, var(--brand) 55%, var(--line))}.calc-card-ring{border-radius:inherit;pointer-events:none;animation:calcRing .9s var(--ease) forwards;position:absolute;inset:-1px}.calc-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.calc-tile,.calc-item-emoji{background:linear-gradient(135deg,#f6f8f1,#e9efe1);border-radius:18px;flex:none;place-items:center;width:56px;height:56px;font-size:30px;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #0b1f170a,inset 0 -8px 16px -10px #0b1f171f}.calc-tile{transition:transform .4s var(--ease-spring)}[data-cat=noodles] .calc-tile,.calc-item-emoji[data-cat=noodles]{background:linear-gradient(135deg,#fff6e2,#ffdfae)}[data-cat=rice] .calc-tile,.calc-item-emoji[data-cat=rice]{background:linear-gradient(135deg,#fffbee,#f2e6c4)}[data-cat=banhmi] .calc-tile,.calc-item-emoji[data-cat=banhmi]{background:linear-gradient(135deg,#fff2dc,#fdd2a0)}[data-cat=snacks] .calc-tile,.calc-item-emoji[data-cat=snacks]{background:linear-gradient(135deg,#ecfae8,#c6efbf)}[data-cat=drinks] .calc-tile,.calc-item-emoji[data-cat=drinks]{background:linear-gradient(135deg,#f6eee6,#e3cdb8)}[data-cat=desserts] .calc-tile,.calc-item-emoji[data-cat=desserts]{background:linear-gradient(135deg,#ffeef4,#ffcfdf)}[data-cat=fruits] .calc-tile,.calc-item-emoji[data-cat=fruits]{background:linear-gradient(135deg,#f6fcdf,#def5a0)}[data-cat=global] .calc-tile,.calc-item-emoji[data-cat=global]{background:linear-gradient(135deg,#edf2ff,#cfdcff)}.calc-badge{gap:4px;padding:3px 9px 3px 7px;font-size:.7rem}.calc-badge--protein{color:#2c55c9;background:#ebf0ff}.calc-card-name{letter-spacing:-.015em;overflow-wrap:anywhere;font-size:1.06rem;font-weight:800;line-height:1.25}.calc-card-en{font-size:var(--fs-sm);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;line-height:1.4;display:-webkit-box;overflow:hidden}.calc-card-serving{font-size:var(--fs-xs);color:var(--muted);margin-top:4px;font-weight:600}.calc-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;display:flex}.calc-card-kcal{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap;font-weight:600}.calc-card-kcal strong{letter-spacing:-.03em;color:var(--ink);margin-right:2px;font-size:1.6rem;font-weight:800}.calc-add{border-radius:var(--radius-pill);background:var(--ink);color:#fff;min-height:40px;font-size:var(--fs-sm);white-space:nowrap;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease);align-items:center;gap:5px;padding:0 14px 0 11px;font-weight:700;display:inline-flex;position:relative}.calc-add:active{transform:scale(.94)}.calc-add.is-added{background:var(--lime);color:var(--ink);animation:calcPop .4s var(--ease-spring)}.calc-add svg{flex:none}.calc-add-n{border-radius:var(--radius-pill);background:var(--lime);min-width:20px;height:20px;color:var(--ink);box-shadow:0 0 0 2px var(--surface);font-variant-numeric:tabular-nums;place-items:center;padding:0 4px;font-size:.65rem;display:grid;position:absolute;top:-6px;right:-6px}.calc-add.is-added .calc-add-n{background:var(--ink);color:var(--lime)}.calc-mbar{border-radius:var(--radius-pill);background:var(--surface-2);gap:2px;height:6px;margin-top:14px;display:flex;overflow:hidden}.calc-mbar i{min-width:3px;transition:flex-grow .4s var(--ease);flex-basis:0;display:block}.calc-card-macros{color:var(--ink-2);justify-content:space-between;gap:6px;margin-top:8px;font-size:.72rem;font-weight:700;display:flex}.calc-card-macros span{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.calc-card-macros .dot{width:7px;height:7px}.calc-more{justify-content:center;margin-top:24px;display:flex}.calc-more .btn{box-shadow:var(--shadow-sm)}.calc-more-n{border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;padding:2px 8px}.calc-footnote{text-align:center;font-size:var(--fs-xs);color:var(--muted);margin-top:18px}.calc-empty{border-radius:var(--radius-lg);border:1.5px dashed var(--line-strong);background:color-mix(in srgb, var(--surface) 70%, transparent);text-align:center;animation:fadeUp .4s var(--ease) both;justify-items:center;gap:10px;padding:48px 24px 44px;display:grid}.calc-empty h3{overflow-wrap:anywhere;font-size:1.25rem}.calc-empty p{max-width:420px;color:var(--muted);font-size:var(--fs-sm)}.calc-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.calc-empty-art{background:radial-gradient(circle at 35% 30%, #fff, var(--surface-2) 70%);width:112px;height:112px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;margin-bottom:8px;display:grid;position:relative}.calc-empty-bowl{font-size:52px;line-height:1;transform:rotate(-12deg)}.calc-empty-lens{background:var(--ink);width:44px;height:44px;color:var(--lime);box-shadow:var(--shadow);border-radius:50%;place-items:center;animation:3.2s ease-in-out infinite float;display:grid;position:absolute;bottom:8px;right:-6px}.calc-empty-q{background:var(--lime);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;animation:3.2s ease-in-out -1.6s infinite float;display:grid;position:absolute;top:6px;left:-2px}.calc-side{top:calc(var(--nav-h) + 20px);min-width:0;position:sticky}.calc-plate{border-radius:var(--radius-xl);background:var(--grad-dark);color:var(--on-dark);box-shadow:var(--shadow-lg);isolation:isolate;scroll-margin-top:calc(var(--nav-h) + 16px);padding:20px;position:relative;overflow:hidden}.calc-plate:before{content:"";z-index:-1;background:radial-gradient(circle,#c8f56038,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-140px;right:-120px}.calc-plate-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.calc-plate-head h3{letter-spacing:-.03em;font-size:1.4rem}.calc-live{text-transform:uppercase;letter-spacing:.1em;color:var(--lime);align-items:center;gap:6px;margin-bottom:4px;font-size:.7rem;font-weight:700;display:inline-flex}.calc-live span{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite calcLive;box-shadow:0 0 #c8f56099}.calc-plate-clear{border-radius:var(--radius-pill);min-height:40px;color:var(--on-dark-muted);font-size:var(--fs-sm);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.calc-plate-clear:hover:not(:disabled){color:#fff;background:#ffffff14}.calc-plate-clear:disabled{opacity:.4;cursor:not-allowed}.calc-items{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;gap:6px;max-height:clamp(150px,100vh - 690px,300px);margin-inline:-6px;padding:0 6px;display:grid;overflow-y:auto}.calc-items.is-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.calc-item{animation:calcItemIn .4s var(--ease-spring) both;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"emoji name kcal""emoji serving ctrl";align-items:center;gap:0 12px;padding:8px 10px 8px 8px;display:grid}.calc-item-emoji{width:42px;height:42px;box-shadow:none;border-radius:13px;grid-area:emoji;align-self:center;font-size:23px}.calc-item-name{font-weight:700;font-size:var(--fs-sm);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;grid-area:name;line-height:1.3;display:-webkit-box;overflow:hidden}.calc-item-kcal{text-align:right;white-space:nowrap;grid-area:kcal;font-weight:800}.calc-item-kcal small{color:var(--on-dark-muted);font-size:.7rem;font-weight:600}.calc-item-serving{font-size:var(--fs-xs);color:var(--on-dark-muted);white-space:nowrap;text-overflow:ellipsis;grid-area:serving;overflow:hidden}.calc-item-ctrl{grid-area:ctrl;justify-self:end;align-items:center;gap:6px;display:flex}.calc-stepper{border-radius:var(--radius-pill);background:#ffffff14;align-items:center;padding:2px;display:inline-flex}.calc-stepper button,.calc-item-remove{width:28px;height:28px;color:var(--on-dark);transition:background-color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid;position:relative}.calc-stepper button:after,.calc-item-remove:after{content:"";position:absolute;inset:-6px}.calc-stepper button:hover:not(:disabled){background:#ffffff24}.calc-stepper button:active:not(:disabled){transform:scale(.88)}.calc-stepper button:disabled{opacity:.3;cursor:not-allowed}.calc-stepper output{text-align:center;min-width:30px;font-size:var(--fs-sm);font-weight:800}.calc-item-remove{color:var(--on-dark-muted)}.calc-item-remove:hover{color:#ff9a82;background:#ff6b4a29}.calc-k{text-transform:uppercase;letter-spacing:.09em;color:var(--on-dark-muted);font-size:.72rem;font-weight:700}.calc-total{border-top:1px dashed var(--dark-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:14px;padding-top:14px;display:grid}.calc-total-num{letter-spacing:-.045em;color:#fff;align-items:baseline;gap:6px;margin-top:2px;font-size:clamp(2.4rem,2rem + 1.2vw,2.8rem);font-weight:800;line-height:1;display:flex}.calc-total-num span{letter-spacing:0;color:var(--lime);font-size:1rem;font-weight:700}.calc-legend{font-size:var(--fs-sm);gap:2px;margin-top:10px;display:grid}.calc-legend li{grid-template-columns:10px 1fr auto 40px;align-items:center;gap:8px;display:grid}.calc-legend span{color:var(--on-dark-muted)}.calc-legend strong{white-space:nowrap;font-weight:700}.calc-legend em{text-align:right;color:var(--on-dark-muted);font-style:normal;font-size:var(--fs-xs);font-weight:600}.calc-donut{width:108px;height:108px;position:relative}.calc-donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.calc-donut-svg circle{fill:none;stroke-width:5.5px}.calc-donut-track{stroke:#ffffff14}.calc-donut-arc{stroke-linecap:round;transition:stroke-dasharray .6s var(--ease), stroke-dashoffset .6s var(--ease)}.calc-donut-center{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.calc-donut-center strong{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.calc-donut-center span{color:var(--on-dark-muted);font-size:.7rem;font-weight:600}.calc-goal{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;margin-top:14px;padding:12px 14px}.calc-goal-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.calc-seg{background:#00000040;border-color:#ffffff14;gap:2px;padding:3px}.calc-seg button{min-height:32px;color:var(--on-dark-muted);font-variant-numeric:tabular-nums;padding:4px 9px;font-size:.76rem;position:relative}.calc-seg button:after{content:"";position:absolute;inset:-4px 0}.calc-seg button:hover{color:#fff}.calc-seg button[aria-pressed=true]{background:var(--lime);color:var(--ink);box-shadow:none}.calc-goal-track{border-radius:var(--radius-pill);background:#ffffff14;height:10px;margin-top:12px;overflow:hidden}.calc-goal-track span{border-radius:inherit;background:var(--grad-brand);height:100%;transition:width .6s var(--ease), background .3s var(--ease);display:block}.calc-goal.is-over .calc-goal-track span{background:var(--grad-warm)}.calc-goal-text{font-size:var(--fs-sm);color:var(--on-dark-muted);justify-content:space-between;gap:8px;margin-top:8px;display:flex}.calc-goal-text strong{color:var(--lime);font-weight:800}.calc-goal.is-over .calc-goal-text strong,.calc-goal.is-over .calc-goal-text span:last-child{color:#ff8a6e;font-weight:700}.calc-burn{margin-top:14px}.calc-burn ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.calc-burn li{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 6px;padding:10px 12px;display:grid}.calc-burn svg{color:var(--lime)}.calc-burn strong{letter-spacing:-.02em;white-space:nowrap;grid-area:2/1/auto/-1;font-size:1rem;font-weight:800}.calc-burn span{font-size:var(--fs-xs);color:var(--on-dark-muted)}.calc-actions{gap:10px;margin-top:16px;display:flex}.calc-copy{--btn-bg:#ffffff0f;--btn-fg:var(--on-dark);--btn-bd:#ffffff29;flex:none;padding-inline:16px}.calc-copy:hover{--btn-bg:#ffffff1f;box-shadow:none}.calc-book{flex:1;min-width:0;padding-inline:16px}.calc-plate-empty{text-align:center;justify-items:center;gap:8px;padding:18px 4px 6px;display:grid}.calc-plate-art{place-items:center;width:120px;height:104px;display:grid;position:relative}.calc-plate-art span{border:1.5px dashed #ffffff38;border-radius:50%;place-items:center;width:84px;height:84px;font-size:40px;display:grid}.calc-plate-art i{font-size:22px;font-style:normal;animation:3.6s ease-in-out infinite float;position:absolute}.calc-plate-art i:first-of-type{top:6px;left:0}.calc-plate-art i:nth-of-type(2){animation-delay:-1.2s;top:18px;right:0}.calc-plate-art i:nth-of-type(3){animation-delay:-2.4s;bottom:0;left:14px}.calc-plate-empty-title{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.calc-plate-empty-text{max-width:280px;font-size:var(--fs-sm);color:var(--on-dark-muted)}.calc-undo{margin-top:6px}.calc-quick{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.calc-quick-chip{border-radius:var(--radius-pill);min-height:40px;font-size:var(--fs-sm);color:var(--on-dark);transition:all var(--dur) var(--ease);background:#ffffff0d;border:1px solid #ffffff29;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-weight:600;display:inline-flex}.calc-quick-chip svg{color:var(--lime)}.calc-quick-chip:hover{background:#c8f5601f;border-color:#c8f56066}.calc-disclaimer{font-size:var(--fs-xs);color:var(--muted);gap:8px;margin-top:14px;padding-inline:8px;line-height:1.5;display:flex}.calc-disclaimer svg{flex:none;margin-top:2px}.calc-pill{display:none}@keyframes calcPop{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes calcRing{0%{box-shadow:0 0 #12b76a8c}to{box-shadow:0 0 0 12px #12b76a00}}@keyframes calcItemIn{0%{opacity:0;transform:translate(16px)scale(.97)}}@keyframes calcLive{0%{box-shadow:0 0 #c8f56099}to{box-shadow:0 0 0 8px #c8f56000}}@keyframes calcBump{0%{color:var(--lime);transform:scale(1.25)}to{transform:scale(1)}}@media (height<=800px){.calc-side{position:static}}body:has(.cookie) .calc-side{position:static}@media (width<=960px){.calc-layout{grid-template-columns:1fr;gap:40px}.calc-side{width:100%;max-width:560px;margin-inline:auto;position:static}.calc-items{max-height:none}.calc-cats{margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scrollbar-width:none;scroll-padding-inline:var(--gutter);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--gutter), #000 calc(100% - var(--gutter)), transparent 100%);flex-wrap:nowrap;overflow-x:auto}.calc-cats::-webkit-scrollbar{display:none}.calc-cat{flex:none}.calc-pill{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:90;border-radius:var(--radius-pill);background:var(--ink);color:#fff;min-height:48px;font-size:var(--fs-sm);white-space:nowrap;opacity:0;transition:transform .45s var(--ease-spring), opacity .3s var(--ease);align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:700;display:inline-flex;position:fixed;transform:translate(-50%,140%);box-shadow:0 16px 40px -12px #0b1f178c,inset 0 0 0 1px #ffffff14}.calc-pill.is-visible{opacity:1;transform:translate(-50%)}body:has(.cookie) .calc-pill{visibility:hidden;opacity:0;pointer-events:none}.calc-pill-sep{background:#fff6;border-radius:50%;width:3px;height:3px}.calc-pill-kcal{color:var(--lime);animation:calcBump .5s var(--ease-spring);display:inline-block}}@media (width<=640px){.calc-search-input{height:56px;padding-left:50px;font-size:1rem}.calc-search-icon{width:20px;left:18px}.calc-suggest{padding-left:4px}.calc-bar-note{display:none}.calc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calc-card{border-radius:18px;padding:12px}.calc-card-top{margin-bottom:10px}.calc-tile{border-radius:14px;width:46px;height:46px;font-size:25px}.calc-badge{padding:2px 7px 2px 5px;font-size:.64rem}.calc-badge svg{display:none}.calc-card-name{font-size:.95rem}.calc-card-en{min-height:2.8em;font-size:.78rem}.calc-card-serving{font-size:.7rem}.calc-card-foot{padding-top:10px}.calc-card-kcal{font-size:.75rem}.calc-card-kcal strong{font-size:1.3rem}.calc-mbar{height:5px;margin-top:10px}.calc-card-macros{gap:2px;font-size:.66rem}.calc-card-macros .dot{display:none}.calc-pill{justify-content:center;left:16px;right:76px;transform:translateY(140%)}.calc-pill.is-visible{transform:none}.calc-plate{border-radius:var(--radius-lg);padding:18px}.calc-total{gap:12px}.calc-donut{width:96px;height:96px}.calc-burn li{padding:10px}.calc-goal-text{font-size:.8rem}.calc-burn strong{font-size:.92rem}.calc-seg button{padding:4px 8px}}@media (width<=400px){.calc-item{grid-template-areas:"emoji name kcal""emoji serving serving""emoji ctrl ctrl"}.calc-item-ctrl{margin-top:4px}}@media (width<=359px){.calc-pill-label,.calc-pill-label+.calc-pill-sep{display:none}.calc-actions{flex-direction:column}.calc-card-en{-webkit-line-clamp:3}}@media (width>=961px) and (width<=1180px){.calc-items{max-height:clamp(150px,100vh - 720px,300px)}}@media (width<=640px),(width>=961px) and (width<=1180px){.calc-add{justify-content:center;width:40px;padding:0}.calc-add-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.how{overflow:clip}.how:before{content:"";pointer-events:none;background:radial-gradient(40% 50% at 12% 0,#c8f56047,#0000 70%),radial-gradient(35% 45% at 95% 100%,#12b76a1f,#0000 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 120px calc(100% - 120px),#0000);mask-image:linear-gradient(#0000,#000 120px calc(100% - 120px),#0000)}.how .container{position:relative}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid;position:relative}.how-steps:before{content:"";background:repeating-linear-gradient(90deg, var(--brand) 0 8px, transparent 8px 16px);opacity:.55;height:2px;animation:.9s linear infinite how-dash;position:absolute;top:55px;left:16%;right:16%}.how-item{z-index:1;display:flex;position:relative}.how-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease), box-shadow .45s var(--ease), border-color .45s var(--ease);flex-direction:column;flex:1;gap:18px;padding:28px;display:flex}.how-step:hover{box-shadow:var(--shadow-lg);border-color:var(--line-strong);transform:translateY(-6px)}.how-step-top{justify-content:space-between;align-items:flex-start;display:flex}.how-step-icon{color:#fff;background:var(--grad-brand);width:56px;height:56px;transition:transform .45s var(--ease-spring);border-radius:18px;place-items:center;display:grid;box-shadow:0 12px 24px -10px #12b76ab3,inset 0 1px #ffffff59}.how-step-icon--brand{color:var(--ink)}.how-step-icon--warm{background:var(--grad-warm);box-shadow:0 12px 24px -10px #ff6b4ab3,inset 0 1px #ffffff59}.how-step-icon--cool{background:var(--grad-cool);box-shadow:0 12px 24px -10px #4c7dffb3,inset 0 1px #ffffff59}.how-step:hover .how-step-icon{transform:rotate(-8deg)scale(1.06)}.how-step-num{letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px var(--line-strong);transition:-webkit-text-stroke-color .45s var(--ease);font-size:64px;font-weight:800;line-height:.85}.how-step:hover .how-step-num{-webkit-text-stroke-color:var(--brand)}.how-step-body h3{font-size:1.375rem}.how-step-body p{color:var(--muted);margin-top:8px;font-size:.975rem;line-height:1.6}.how-arrow{z-index:2;background:var(--surface);border:1px solid var(--line);width:36px;height:36px;color:var(--brand-700);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute;top:38px;right:-42px}.how-illu{background:radial-gradient(120% 80% at 100% 0%, #c8f56038, transparent 60%), var(--surface-2);border:1px solid var(--line);min-height:224px;transition:transform .45s var(--ease);border-radius:20px;margin-top:auto;padding:16px;position:relative;overflow:hidden}.how-step:hover .how-illu{transform:scale(1.015)}.how-typed{color:var(--ink);font-weight:700;display:inline-flex}.how-typed i{opacity:0;font-style:normal}.is-visible .how-typed i,.is-active .how-typed i{animation:10ms linear both how-type}.how-typed i:first-child{animation-delay:.35s}.how-typed i:nth-child(2){animation-delay:.6s}.how-typed i:nth-child(3){animation-delay:.85s}.how-caret{background:var(--brand);border-radius:2px;width:2px;height:1.1em;margin-left:-6px;animation:1s step-end infinite how-blink}.how-search{background:var(--surface);border:1.5px solid var(--brand);height:44px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent);color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:15px;display:flex}.how-search-cam{background:var(--lime);width:32px;height:32px;color:var(--ink);border-radius:9px;place-items:center;margin-left:auto;display:grid}.how-sugg{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:10px;padding:4px}.how-sugg li{border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.is-visible .how-sugg li{animation:fadeUp .5s var(--ease) both;animation-delay:calc(1.05s + var(--i) * .12s)}.how-sugg li.is-hl{background:var(--brand-50)}.how-sugg-emoji{background:var(--surface-2);border-radius:8px;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.how-sugg li.is-hl .how-sugg-emoji{background:var(--surface)}.how-sugg-name{min-width:0;line-height:1.25;display:grid}.how-sugg-name b{font-size:13px}.how-sugg-name small{color:var(--muted);font-size:11px}.how-sugg em{color:var(--ink-2);font-size:12px;font-style:normal;font-weight:700}.how-sugg li.is-hl em{color:var(--brand-700)}.how-label{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;padding:14px}.how-label-head{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.how-label-emoji{background:#fff1ec;border-radius:10px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.how-label-name{line-height:1.25;display:grid}.how-label-name b{font-size:14px}.how-label-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.how-portion{border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);padding:2px;font-size:11px;font-weight:700;display:inline-flex}.how-portion span{text-align:center;border-radius:var(--radius-pill);min-width:24px;padding:2px 4px}.how-portion .is-on{background:var(--ink);color:#fff}.how-label-kcal{align-items:baseline;gap:6px;margin:10px 0;display:flex}.how-label-kcal b{letter-spacing:-.03em;color:var(--kcal-ink,#c2410c);font-size:34px;font-weight:800;line-height:1}.how-label-kcal span{color:var(--ink-2);font-size:14px;font-weight:700}.how-label-kcal small{border-radius:var(--radius-pill);color:#c2410c;white-space:nowrap;background:#fff1ec;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:700}.how-label-bar{gap:3px;height:10px;display:flex}.how-seg{border-radius:var(--radius-pill);transform-origin:0;flex-basis:0}.how-seg--protein{background:var(--protein)}.how-seg--carbs{background:var(--carbs)}.how-seg--fat{background:var(--fat)}.is-visible .how-seg{animation:how-grow-x .9s var(--ease) both}.is-visible .how-seg--protein{animation-delay:.35s}.is-visible .how-seg--carbs{animation-delay:.5s}.is-visible .how-seg--fat{animation-delay:.65s}.how-label-macros{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.how-label-macros li{color:var(--muted);grid-template-columns:8px 1fr;align-items:center;column-gap:6px;font-size:11px;font-weight:600;display:grid}.how-label-macros .dot{width:8px;height:8px}.how-label-macros b{color:var(--ink);grid-column:1/-1;font-size:15px}.how-illu--goal{align-items:center;gap:16px;display:flex}.how-ring{flex:none;width:118px;position:relative}.how-ring svg{width:100%;height:auto;transform:rotate(-90deg)}.how-ring-bg{fill:none;stroke:var(--surface-3);stroke-width:10px}.how-ring-fg{fill:none;stroke:var(--brand);stroke-width:10px;stroke-linecap:round}.is-visible .how-ring-fg{animation:how-ring 1.6s var(--ease) .3s both}.how-ring-num{text-align:center;place-content:center;line-height:1.15;display:grid;position:absolute;inset:0}.how-ring-num b{letter-spacing:-.03em;font-size:21px;font-weight:800}.how-ring-num small{color:var(--muted);font-size:10px;font-weight:600}.how-goal-side{flex:1;justify-items:start;gap:8px;min-width:0;display:grid}.how-streak{border-radius:var(--radius-pill);color:#c2410c;white-space:nowrap;background:#fff1ec;padding:4px 10px;font-size:12px;font-weight:700}.is-visible .how-streak{animation:how-pop .6s var(--ease-spring) 1.4s both}.how-goal-left{color:var(--muted);font-size:12px}.how-goal-left b{color:var(--ink)}.how-week{gap:5px;width:100%;max-width:150px;height:64px;display:flex}.how-week span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.how-week i{background:color-mix(in srgb, var(--brand) 28%, var(--surface));transform-origin:bottom;border-radius:4px;width:100%;max-width:14px}.how-week .is-today i{background:var(--brand)}.is-visible .how-week i{animation:how-grow-y .7s var(--ease) both;animation-delay:calc(.4s + var(--i) * 70ms)}.how-week small{color:var(--muted);font-size:9px;font-weight:700;line-height:1}.how-week .is-today small{color:var(--brand-700)}.how-cta{flex-direction:column;align-items:center;gap:18px;margin-top:clamp(40px,5vw,64px);display:flex}.how-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.how-watch{padding-block:0;padding-left:12px}.how-watch-icon{background:var(--ink);width:32px;height:32px;color:var(--lime);border-radius:50%;place-items:center;display:grid;position:relative}.how-watch-icon svg{margin-left:2px}.how-watch-icon:after{content:"";border:2px solid var(--ink);opacity:0;animation:how-ping 2.4s var(--ease) infinite;border-radius:50%;position:absolute;inset:-4px}.how-cta-note{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 20px;font-weight:600;display:flex}.how-cta-note li{align-items:center;gap:6px;display:inline-flex}.how-cta-note svg{color:var(--brand)}.modal-panel.how-video{background:var(--dark);color:var(--on-dark);border:1px solid var(--dark-line);padding:24px}.how-video .modal-close{color:var(--on-dark);background:#ffffff14;border-color:#ffffff24}.how-video .modal-close:hover{background:#ffffff29}.how-video-head{margin-bottom:18px;padding-right:48px}.how-video-badge{border-radius:var(--radius-pill);color:var(--lime);font-size:var(--fs-xs);background:#c8f56024;align-items:center;gap:6px;padding:3px 10px;font-weight:700;display:inline-flex}.how-video-head h2{letter-spacing:-.02em;margin-top:10px;font-size:1.5rem}.how-video-head p{color:var(--on-dark-muted);font-size:var(--fs-sm);margin-top:4px}.how-stage{aspect-ratio:16/9;isolation:isolate;background:#07110c;border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;container-type:inline-size}.how-scene{opacity:0;visibility:hidden;transition:opacity .6s var(--ease), visibility 0s linear .6s;justify-content:center;align-items:center;gap:3.4em;padding:0 3em 3em;font-size:2cqw;display:flex;position:absolute;inset:0}.how-scene.is-active{opacity:1;visibility:visible;transition:opacity .6s var(--ease)}.how-scene:before{content:"";z-index:-1;background:radial-gradient(70% 90% at 22% 35%,#12b76a6b,#0000 65%),radial-gradient(50% 60% at 95% 95%,#c8f56029,#0000 70%),#07110c;position:absolute;inset:0}.how-scene--1:before{background:radial-gradient(70% 90% at 22% 35%,#ff6b4a61,#0000 65%),radial-gradient(50% 60% at 95% 95%,#ffb21e2e,#0000 70%),#0f0c09}.how-scene--2:before{background:radial-gradient(70% 90% at 22% 35%,#c8f5604d,#0000 65%),radial-gradient(50% 60% at 95% 95%,#12b76a38,#0000 70%),#050c08}.how-scene--3:before{background:radial-gradient(70% 90% at 22% 35%,#4c7dff66,#0000 65%),radial-gradient(50% 60% at 95% 95%,#7c5cff3d,#0000 70%),#080a14}.how-stage.is-paused .how-scene *{animation-play-state:paused!important}.how-scene-copy{color:#fff;width:19em}.how-scene-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--lime);font-size:.95em;font-weight:700}.how-scene-title{letter-spacing:-.03em;margin-top:.35em;font-size:2.7em;font-weight:800;line-height:1.05}.how-scene-title em{font-family:var(--font-serif);color:var(--lime);font-style:italic;font-weight:400}.how-scene-sub{color:var(--on-dark-muted);margin-top:.6em;font-size:1.15em;line-height:1.45}.is-active .how-scene-kicker{animation:fadeUp .6s var(--ease) .15s both}.is-active .how-scene-title{animation:fadeUp .7s var(--ease) .25s both}.is-active .how-scene-sub{animation:fadeUp .7s var(--ease) .4s both}.how-phone{width:12em;height:21.6em;color:var(--ink);text-align:left;background:#f7f8f2;border:.35em solid #1d2d24;border-radius:2em;flex:none;padding:.6em .8em .9em;position:relative;overflow:hidden;box-shadow:0 2em 4em -1em #0009,0 0 0 .08em #ffffff26}.is-active .how-phone{animation:how-phone-in .8s var(--ease) both}.how-phone--dark{color:#fff;background:#050b07}.how-phone-bar{justify-content:space-between;align-items:center;margin-bottom:.9em;font-size:.55em;font-weight:700;display:flex}.how-phone-bar i{opacity:.85;background:currentColor;border-radius:.5em;width:2.6em;height:1em}.how-p-hello{letter-spacing:-.02em;font-size:.9em;font-weight:800}.how-p-search{border:.1em solid var(--brand);background:#fff;border-radius:.7em;align-items:center;gap:.4em;margin-top:.6em;padding:.5em .6em;font-size:.75em;display:flex}.how-p-search svg{width:1em;height:1em;color:var(--muted)}.how-p-search .how-caret{margin-left:-.3em}.how-p-list{gap:.3em;margin-top:.6em;display:grid}.how-p-list li{background:#fff;border-radius:.6em;grid-template-columns:1.6em 1fr auto;align-items:center;gap:.4em;padding:.35em .45em;font-size:.68em;display:grid}.how-p-list li span{font-size:1.3em}.how-p-list li em{color:var(--muted);font-style:normal;font-weight:700}.is-active .how-p-list li{animation:fadeUp .45s var(--ease) both;animation-delay:calc(1.1s + var(--i) * .13s)}.is-active .how-p-list li.is-hl{animation:fadeUp .45s var(--ease) 1.1s both, how-tap .5s var(--ease) 2.5s}.how-p-dish{background:#fff1ec;border-radius:50%;place-items:center;width:4.4em;height:4.4em;margin:.2em auto 0;font-size:1em;display:grid}.how-p-dish span{font-size:2.6em;line-height:1}.is-active .how-p-dish{animation:how-pop .6s var(--ease-spring) .2s both}.how-p-name{text-align:center;margin-top:.4em;font-size:.95em;font-weight:800}.how-p-note{text-align:center;color:var(--muted);font-size:.6em}.how-p-kcal{text-align:center;color:var(--ink-2);margin-top:.3em;font-size:.75em;font-weight:700}.how-p-kcal b{color:var(--kcal-ink,#c2410c);letter-spacing:-.03em;font-size:2.2em}.is-active .how-p-kcal{animation:fadeUp .6s var(--ease) .5s both}.how-p-macros{gap:.45em;margin-top:.5em;display:grid}.how-p-macros li{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;font-size:.6em;font-weight:700;display:flex}.how-p-bar{background:var(--surface-3);border-radius:1em;flex-basis:100%;height:.55em;margin-top:.25em;position:relative;overflow:hidden}.how-p-bar:after{content:"";width:var(--w);border-radius:inherit;transform-origin:0;position:absolute;inset:0 auto 0 0}.how-p-bar--protein:after{background:var(--protein)}.how-p-bar--carbs:after{background:var(--carbs)}.how-p-bar--fat:after{background:var(--fat)}.is-active .how-p-bar:after{animation:how-grow-x .9s var(--ease) both;animation-delay:calc(.8s + var(--i) * .15s)}.how-p-btn{background:var(--brand);color:#fff;text-align:center;border-radius:2em;margin-top:.7em;padding:.55em;font-size:.68em;font-weight:800;display:block}.is-active .how-p-btn{animation:how-tap .5s var(--ease) 2s}.how-p-toast{background:var(--ink);color:#fff;opacity:0;border-radius:.7em;align-items:center;gap:.4em;padding:.5em .7em;font-size:.62em;font-weight:700;display:flex;position:absolute;top:2.2em;left:.6em;right:.6em}.how-p-toast svg{background:var(--brand);border-radius:50%;width:1.2em;height:1.2em;padding:.15em}.is-active .how-p-toast{animation:how-toast .6s var(--ease-spring) 2.4s both}.how-p-cam{background:radial-gradient(circle,#5b3b22,#2a1a0e 75%);border-radius:1em;place-items:center;height:13.2em;display:grid;position:relative;overflow:hidden}.how-p-bowl{filter:drop-shadow(0 .1em .12em #00000080);font-size:5.6em;line-height:1}.how-p-corner{border:.18em solid #ffffffe6;width:1.3em;height:1.3em;position:absolute}.how-p-corner--tl{border-bottom:0;border-right:0;border-radius:.5em 0 0;top:.7em;left:.7em}.how-p-corner--tr{border-bottom:0;border-left:0;border-radius:0 .5em 0 0;top:.7em;right:.7em}.how-p-corner--bl{border-top:0;border-right:0;border-radius:0 0 0 .5em;bottom:.7em;left:.7em}.how-p-corner--br{border-top:0;border-left:0;border-radius:0 0 .5em;bottom:.7em;right:.7em}.how-p-laser{background:var(--lime);opacity:0;height:.15em;position:absolute;top:0;left:0;right:0;box-shadow:0 0 .8em .2em #c8f560b3}.is-active .how-p-laser{animation:how-laser 1.6s var(--ease) .3s both}.how-p-box{border:.15em solid var(--lime);opacity:0;background:#c8f56014;border-radius:.8em;position:absolute;inset:2.2em 1.6em 2em}.how-p-box em{background:var(--lime);color:var(--ink);white-space:nowrap;border-radius:.7em 0;padding:.25em .5em;font-size:.55em;font-style:normal;font-weight:800;position:absolute;top:-.1em;left:-.1em}.is-active .how-p-box{animation:how-pop .5s var(--ease-spring) 1.7s both}.how-p-sheet{color:var(--ink);background:#fff;border-radius:.8em;grid-template-columns:auto 1fr auto;align-items:center;gap:.4em;margin-top:.7em;padding:.6em .7em;font-size:.7em;display:grid}.how-p-sheet span{font-size:1.4em}.how-p-sheet em{color:var(--kcal-ink,#c2410c);font-style:normal;font-weight:800}.is-active .how-p-sheet{animation:fadeUp .6s var(--ease) 2.2s both}.how-p-ring{width:8.4em;margin:.8em auto 0;position:relative}.how-p-ring svg{width:100%;height:auto;transform:rotate(-90deg)}.how-p-ring-fg{fill:none;stroke:var(--brand);stroke-width:10px;stroke-linecap:round;stroke-dashoffset:0}.is-active .how-p-ring-fg{animation:how-ring 1.6s var(--ease) .3s both}.how-p-ring>span{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.how-p-ring b{letter-spacing:-.03em;font-size:1.3em}.how-p-ring small{color:var(--muted);font-size:.5em;font-weight:600}.how-p-goal,.how-p-streak{opacity:0;border-radius:2em;width:fit-content;margin:.7em auto 0;padding:.35em .8em;font-size:.7em;font-weight:800;display:block}.how-p-goal{background:var(--lime);color:var(--ink)}.how-p-streak{color:#c2410c;background:#fff1ec;margin-top:.4em}.is-active .how-p-goal{animation:how-pop .6s var(--ease-spring) 1.9s both}.is-active .how-p-streak{animation:how-pop .6s var(--ease-spring) 2.3s both}.how-stage-hit{z-index:3;cursor:pointer;place-items:center;display:grid;position:absolute;inset:0}.how-stage-play{-webkit-backdrop-filter:blur(10px);color:#fff;width:68px;height:68px;animation:how-pop .35s var(--ease-spring) both;background:#ffffff29;border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid}.how-stage-play svg{margin-left:4px}.how-cc{z-index:4;text-align:center;pointer-events:none;width:max-content;max-width:90%;font-size:clamp(11px,2.1cqw,15px);line-height:1.45;position:absolute;bottom:4.5%;left:50%;transform:translate(-50%)}.how-cc span{color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#000000b8;border-radius:6px;padding:.25em .6em}.how-end{z-index:5;text-align:center;-webkit-backdrop-filter:blur(8px);animation:fadeIn .4s var(--ease);background:#050c08d1;place-content:center;justify-items:center;gap:8px;padding:16px;display:grid;position:absolute;inset:0}.how-end-title{letter-spacing:-.02em;font-size:clamp(1.05rem,3.6cqw,1.6rem);font-weight:800;line-height:1.2}.how-end-sub{font-size:var(--fs-sm);color:var(--on-dark-muted)}.how-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.how-controls{align-items:center;gap:12px;margin-top:14px;display:flex}.how-ctrl{width:40px;height:40px;color:var(--on-dark);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex:none;place-items:center;display:grid}.how-ctrl:hover{background:#ffffff29}.how-ctrl:active{transform:scale(.94)}.how-ctrl--play{background:var(--lime);width:44px;height:44px;color:var(--ink);border-color:#0000}.how-ctrl--play:hover{background:#d6fa80}.how-ctrl[aria-pressed=true]{color:var(--lime);border-color:#c8f56073}.how-time{font-size:var(--fs-sm);color:var(--on-dark-muted);text-align:center;flex:none;min-width:78px;font-weight:600}.how-seek{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:0;height:28px;margin:0}.how-seek::-webkit-slider-runnable-track{background:linear-gradient(var(--lime), var(--lime)) 0 / var(--p) 100% no-repeat, #ffffff29;border-radius:99px;height:5px}.how-seek::-moz-range-track{background:linear-gradient(var(--lime), var(--lime)) 0 / var(--p) 100% no-repeat, #ffffff29;border-radius:99px;height:5px}.how-seek::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;transition:transform .2s var(--ease);background:#fff;border:0;border-radius:50%;margin-top:-5px;transform:scale(0);box-shadow:0 2px 8px #0006}.how-seek::-moz-range-thumb{width:15px;height:15px;transition:transform .2s var(--ease);background:#fff;border:0;border-radius:50%;transform:scale(0)}.how-seek:hover::-webkit-slider-thumb{transform:scale(1)}.how-seek:focus-visible::-webkit-slider-thumb{transform:scale(1)}.how-seek:hover::-moz-range-thumb{transform:scale(1)}.how-seek:focus-visible::-moz-range-thumb{transform:scale(1)}.how-chapters{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.how-chapter{min-height:40px;color:var(--on-dark-muted);font-size:var(--fs-sm);text-align:left;transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:flex}.how-chapter:hover{color:var(--on-dark);background:#ffffff0f}.how-chapter.is-active{color:#fff;background:#c8f5601a}.how-chapter-dot{width:9px;height:9px;transition:background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffff40;border-radius:50%;flex:none}.how-chapter.is-done .how-chapter-dot{background:var(--brand)}.how-chapter.is-active .how-chapter-dot{background:var(--lime);box-shadow:0 0 0 4px #c8f56033}.how-chapter-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.how-chapter-time{font-size:var(--fs-xs);opacity:.7;margin-left:auto}@media (width<=1220px){.how-steps{grid-template-columns:1fr;gap:40px;max-width:720px;margin-inline:auto}.how-steps:before{background:repeating-linear-gradient(180deg, var(--brand) 0 8px, transparent 8px 16px);width:2px;height:auto;animation-name:how-dash-v;inset:0 auto 0 calc(50% - 1px)}.how-step{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:16px 28px;display:grid}.how-step-top,.how-step-body{grid-column:1}.how-illu{grid-area:1/2/span 2;margin-top:0}.how-arrow{inset:auto auto -38px 50%;transform:translate(-50%)rotate(90deg)}}@media (width<=640px){.how-step{grid-template-columns:1fr;padding:22px}.how-illu{grid-area:auto;min-height:0}.how-step-num{font-size:52px}.how-cta-buttons{flex-direction:column;width:100%;max-width:400px}.how-cta-buttons .btn{width:100%}.modal-panel.how-video{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.how-video-head h2{font-size:1.25rem}.how-controls{gap:8px}.how-time{min-width:0;font-size:var(--fs-xs)}.how-chapters{gap:4px}.how-chapter{font-size:var(--fs-xs);justify-content:center;gap:6px;padding:6px}.how-chapter-time,.how-chapter-dot{display:none}}@media (width<=359px){.how-ring{width:92px;height:92px}.how-illu--goal{gap:10px}.how-streak{padding-inline:8px;font-size:11px}.how-portion{display:none}.how-label-kcal{flex-wrap:wrap;row-gap:6px}}@container (width<=520px){.how-scene{gap:2.4em;padding:0 2em 4.2em}.how-scene-copy{width:17em}.how-scene-title{font-size:3.1em}.how-scene-sub{display:none}}@media (prefers-reduced-motion:reduce){.how-steps:before,.how-watch-icon:after{animation:none}}@keyframes how-dash{to{background-position:16px 0}}@keyframes how-dash-v{to{background-position:0 16px}}@keyframes how-type{to{opacity:1}}@keyframes how-blink{50%{opacity:0}}@keyframes how-grow-x{0%{transform:scaleX(0)}}@keyframes how-grow-y{0%{transform:scaleY(0)}}@keyframes how-ring{0%{stroke-dashoffset:var(--c)}}@keyframes how-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes how-ping{0%{opacity:.5;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.5)}}@keyframes how-tap{50%{filter:brightness(.92);transform:scale(.94)}}@keyframes how-toast{0%{opacity:0;transform:translateY(-120%)}to{opacity:1;transform:none}}@keyframes how-phone-in{0%{opacity:0;transform:translateY(1.5em)rotate(-2deg)}}@keyframes how-laser{0%{opacity:1;top:0}50%{opacity:1;top:calc(100% - .15em)}to{opacity:0;top:0}}.how-nowrap{white-space:nowrap}.snap{overflow:clip}.snap:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#12b76a52,#0000);width:760px;height:760px;position:absolute;top:-160px;right:-200px}.snap:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 72% 45%,#000,#0000);mask-image:radial-gradient(60% 55% at 72% 45%,#000,#0000)}.snap-grid{z-index:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid;position:relative}.snap-copy{top:calc(var(--nav-h) + 40px);padding-top:8px;position:sticky}.snap-copy .section-head{margin-bottom:36px}.snap-bullets{gap:20px;display:grid}.snap-bullets li{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;display:grid}.snap-bullet-icon{width:44px;height:44px;color:var(--lime);background:#c8f5601a;border:1px solid #c8f56038;border-radius:14px;place-items:center;display:grid}.snap-bullets b{color:var(--on-dark);font-size:1rem;line-height:1.4;display:block}.snap-bullets small{color:var(--on-dark-muted);margin-top:2px;font-size:.925rem;line-height:1.5;display:block}.snap-stats{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.snap-stats li{border-radius:var(--radius-pill);border:1px solid var(--dark-line);font-size:var(--fs-sm);color:var(--on-dark-muted);background:#ffffff0a;padding:8px 14px}.snap-stats b{color:#fff;margin-right:2px;font-weight:800}.snap-card{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff1f;gap:14px;padding:16px;display:grid;position:relative;box-shadow:0 60px 120px -40px #000000bf,inset 0 1px #ffffff14}.snap-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:2px 4px 0;display:flex}.snap-card-title{align-items:center;gap:10px;font-size:15px;font-weight:800;display:inline-flex}.snap-live{background:var(--lime);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #c8f5602e}.snap-quota{border-radius:var(--radius-pill);color:var(--on-dark-muted);transition:all var(--dur) var(--ease);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.snap-quota-dots{gap:3px;display:inline-flex}.snap-quota-dots i{background:#ffffff38;border-radius:50%;width:6px;height:6px;transition:background-color .3s}.snap-quota-dots i.is-on{background:var(--lime)}.snap-quota.is-out{color:#ffb4a3;background:#ff6b4a1a;border-color:#ff6b4a59}.snap-view{aspect-ratio:4/3;isolation:isolate;background:#120c07;border-radius:22px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;container-type:inline-size}.snap-photo{z-index:-1;animation:snap-photo-in .5s var(--ease) both;position:absolute;inset:0}.snap-photo:after{content:"";pointer-events:none;background:radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c);position:absolute;inset:0}.snap-photo-img{object-fit:cover;width:100%;height:100%}.snap-view--wood .snap-photo{background:repeating-linear-gradient(92deg,#ffffff09 0 .4cqw,#0000 .4cqw 3.2cqw),repeating-linear-gradient(88deg,#00000024 0 .2cqw,#0000 .2cqw 5.5cqw),linear-gradient(160deg,#7c5434,#4a2f1b 60%,#2c1b0f)}.snap-view--table .snap-photo{background:radial-gradient(#ffffff0f .15cqw,#0000 .2cqw) 0 0/2.4cqw 2.4cqw,radial-gradient(120% 100% at 30% 30%,#3e88a3,#1f5569 55%,#12394a)}.snap-view--tile .snap-photo{background:linear-gradient(#0003 .35cqw,#0000 .35cqw) 0 0/20cqw 20cqw,linear-gradient(90deg,#0003 .35cqw,#0000 .35cqw) 0 0/20cqw 20cqw,linear-gradient(150deg,#b8684b,#8f4832 60%,#6a3221)}.snap-view--rattan .snap-photo{background:repeating-linear-gradient(45deg,#3c230a47 0 .6cqw,#0000 .6cqw 1.2cqw),repeating-linear-gradient(-45deg,#3c230a47 0 .6cqw,#0000 .6cqw 1.2cqw),linear-gradient(160deg,#bf9358,#936a34 60%,#6b4a22)}.snap-view--photo .snap-photo{background:#0d0d0d}.snap-emoji,.snap-dish{transform:translate(-50%, -50%) rotate(var(--r,0deg));position:absolute}.snap-emoji{filter:drop-shadow(0 .8cqw 1cqw #00000073);line-height:1}.snap-dish{aspect-ratio:1;border-radius:50%;box-shadow:0 1.6cqw 3.2cqw #00000080,0 .3cqw .6cqw #0000004d}.snap-dish--plate{background:radial-gradient(circle,#fbfaf6 0 54%,#e7e5dc 57%,#fdfcf8 63%,#e0ddd2 100%)}.snap-dish--broth{background:radial-gradient(circle at 46% 42%,#dba45c 0 26%,#b9772f 50%,#8e5520 53%,#f4f1ea 56%,#dcd7cb 100%)}.snap-dish--sauce{background:radial-gradient(circle at 40% 45%,#d2381f 0 .5cqw,#0000 .6cqw),radial-gradient(circle at 58% 55%,#d2381f 0 .4cqw,#0000 .5cqw),radial-gradient(circle at 46% 44%,#eaa850 0 30%,#b9701f 50%,#f4f1ea 54%,#d8d2c4 100%)}.snap-dish--ice{background:radial-gradient(circle at 46% 46%,#d39a4a 0 42%,#9c5f1c 62%,#ffffffd9 64%,#fff6 100%)}.snap-dish--coffee{background:radial-gradient(circle at 38% 34%,#ffffff80 0 4%,#0000 5%),radial-gradient(circle at 46% 46%,#c48d5a 0 28%,#7b4a24 60%,#ffffffd9 63%,#fff6 100%)}.snap-dish--chili{background:radial-gradient(circle at 42% 40%,#ffd27a 0 .5cqw,#0000 .6cqw),radial-gradient(circle at 57% 58%,#ffd27a 0 .4cqw,#0000 .5cqw),radial-gradient(circle at 46% 44%,#e0412a 0 30%,#a8231a 50%,#f4f1ea 54%,#d8d2c4 100%)}.snap-dish--paper{background:repeating-linear-gradient(115deg,#ffffff14 0 .3cqw,#0000 .3cqw 4cqw),linear-gradient(135deg,#e2c69a,#c79f69);border-radius:1.4cqw}.snap-dish--noodles{background:radial-gradient(circle,#0000 0 55%,#e7e5dc 57%,#fdfcf8 63%,#e0ddd2 100%),repeating-radial-gradient(circle at 46% 54%,#fffaf0 0 .45cqw,#e6dbc2 .45cqw .8cqw)}.snap-fx{pointer-events:none;position:absolute;inset:0}.snap-corner{width:8cqw;height:8cqw;transition:inset .5s var(--ease), border-color .4s var(--ease);border:3px solid #ffffffd9;position:absolute}.snap-corner--tl{border-bottom:0;border-right:0;border-top-left-radius:14px;top:4cqw;left:4cqw}.snap-corner--tr{border-bottom:0;border-left:0;border-top-right-radius:14px;top:4cqw;right:4cqw}.snap-corner--bl{border-top:0;border-right:0;border-bottom-left-radius:14px;bottom:4cqw;left:4cqw}.snap-corner--br{border-top:0;border-left:0;border-bottom-right-radius:14px;bottom:4cqw;right:4cqw}.is-scanning .snap-corner,.is-done .snap-corner{border-color:var(--lime)}.is-scanning .snap-corner--tl{top:5.5cqw;left:5.5cqw}.is-scanning .snap-corner--tr{top:5.5cqw;right:5.5cqw}.is-scanning .snap-corner--bl{bottom:5.5cqw;left:5.5cqw}.is-scanning .snap-corner--br{bottom:5.5cqw;right:5.5cqw}.snap-tag{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#07110c8c;border:1px solid #ffffff24;max-width:64%;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:4cqw;left:50%;overflow:hidden;transform:translate(-50%)}.is-scanning .snap-tag,.is-done .snap-tag{opacity:0;transition:opacity .3s}.snap-grid-fx{opacity:0;transition:opacity .4s var(--ease);background-image:linear-gradient(#c8f56038 1px,#0000 1px),linear-gradient(90deg,#c8f56038 1px,#0000 1px);background-size:6.25cqw 6.25cqw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 40% 60%,#0000);mask-image:linear-gradient(#0000,#000 40% 60%,#0000);-webkit-mask-size:100% 200%;mask-size:100% 200%}.is-scanning .snap-grid-fx{opacity:1;animation:1.2s ease-in-out infinite alternate snap-gridmask}.snap-laser{background:var(--lime);opacity:0;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 16px 3px #c8f560a6}.snap-laser:before{content:"";background:linear-gradient(#0000,#c8f5602e,#0000);height:14cqw;position:absolute;top:-7cqw;left:0;right:0}.is-scanning .snap-laser{opacity:1;animation:1.2s ease-in-out infinite alternate snap-laser}.snap-box{border:2px solid var(--lime);animation:snap-box-in .55s var(--ease-spring) both;background:#c8f56014;border-radius:2.4cqw;position:absolute;box-shadow:0 0 0 1px #00000040,0 0 28px #c8f56040,inset 0 0 0 1px #00000026}.snap-box em{background:var(--lime);color:var(--ink);white-space:nowrap;border-radius:2.4cqw 0 10px;padding:3px 9px 4px;font-size:clamp(10px,1.9cqw,13px);font-style:normal;font-weight:800;line-height:1.3;position:absolute;top:-2px;left:-2px}.snap-progress{background:var(--lime);transform-origin:0;width:100%;height:3px;animation:linear both snap-progress;position:absolute;bottom:0;left:0;box-shadow:0 0 12px #c8f560cc}.snap-hud{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);color:#fff;white-space:nowrap;transition:background-color .3s var(--ease), color .3s var(--ease);background:#07110c9e;border:1px solid #ffffff24;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:4.5cqw;left:50%;transform:translate(-50%)}.snap-hud.is-done{background:var(--lime);color:var(--ink);border-color:#0000}.snap-hud-spin{border:2px solid var(--lime);border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.snap-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.snap-samples{grid-column:span 4;grid-template-columns:subgrid;display:grid}.snap-thumb{min-width:0;color:var(--on-dark-muted);text-align:center;cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:7px 7px 9px;display:flex}.snap-thumb:hover{color:var(--on-dark);background:#ffffff14;transform:translateY(-2px)}.snap-thumb.is-on{border-color:var(--lime);color:#fff;background:#c8f5601a;box-shadow:0 0 0 3px #c8f56029}.snap-thumb:has(input:checked){border-color:var(--lime);color:#fff;background:#c8f5601a;box-shadow:0 0 0 3px #c8f56029}.snap-thumb:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--lime) 70%, transparent);outline-offset:2px}.snap-thumb:disabled{opacity:.5;cursor:not-allowed;transform:none}.snap-thumb:has(input:disabled){opacity:.5;cursor:not-allowed;transform:none}.snap-thumb-art{border-radius:11px;place-items:center;width:100%;height:56px;font-size:28px;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.snap-thumb--wood .snap-thumb-art{background:linear-gradient(160deg,#7c5434,#3a2414)}.snap-thumb--table .snap-thumb-art{background:linear-gradient(160deg,#3e88a3,#12394a)}.snap-thumb--tile .snap-thumb-art{background:linear-gradient(160deg,#b8684b,#6a3221)}.snap-thumb--rattan .snap-thumb-art{background:linear-gradient(160deg,#bf9358,#6b4a22)}.snap-thumb--upload .snap-thumb-art{color:var(--lime);box-shadow:none;border:1.5px dashed #c8f56080}.snap-thumb--upload img{object-fit:cover;width:100%;height:100%}.snap-thumb-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.snap-action{gap:10px;display:grid}.snap-scan-btn{animation:snap-sheen 3.2s var(--ease) infinite;background-image:linear-gradient(110deg,#0000 35%,#ffffff8c 50%,#0000 65%);background-repeat:no-repeat;background-size:250% 100%;box-shadow:0 16px 40px -14px #c8f56099}.snap-scan-btn:disabled{opacity:.85;animation:none}.snap-note{color:var(--on-dark-muted);text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex}.snap-result{background:var(--surface);color:var(--ink);animation:snap-result-in .55s var(--ease) both;border-radius:22px;gap:14px;padding:18px;display:grid;box-shadow:0 30px 60px -30px #0009}.snap-result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.snap-result-head h3{letter-spacing:-.01em;font-size:1.05rem}.snap-result-head h3:focus{outline:none}.snap-result-time{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.snap-items li{border-top:1px solid var(--line);animation:fadeUp .5s var(--ease) both;animation-delay:calc(.12s + var(--i) * .1s);grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;display:grid}.snap-items li:first-child{border-top:0;padding-top:2px}.snap-item-emoji{background:var(--surface-2);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.snap-item-name{min-width:0;line-height:1.3;display:grid}.snap-item-name b{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.snap-item-name small{color:var(--muted);font-size:12px}.snap-conf{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);padding:3px 9px;font-size:12px;font-weight:800}.snap-conf.is-mid{color:#8a4b00;background:#fff4dc}.snap-item-kcal{text-align:right;min-width:72px;font-size:.95rem;font-weight:800}.snap-item-kcal small{color:var(--muted);font-size:11px;font-weight:600}.snap-total{background:var(--surface-2);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:14px 16px;display:grid}.snap-total-kcal{flex-wrap:wrap;align-items:baseline;column-gap:6px;display:flex}.snap-total-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-basis:100%;font-size:11px;font-weight:800}.snap-total-kcal b{letter-spacing:-.04em;color:var(--kcal-ink,#c2410c);font-size:44px;font-weight:800;line-height:1.05}.snap-total-unit{color:var(--ink-2);font-size:14px;font-weight:700}.snap-macros{gap:10px;min-width:0;display:grid}.snap-macro-bar{gap:3px;height:10px;display:flex}.snap-macro-seg{border-radius:var(--radius-pill);transform-origin:0;animation:snap-grow .9s var(--ease) both;flex-basis:0}.snap-macro-seg--protein{background:var(--protein);animation-delay:.2s}.snap-macro-seg--carbs{background:var(--carbs);animation-delay:.32s}.snap-macro-seg--fat{background:var(--fat);animation-delay:.44s}.snap-macro-legend{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:12.5px;font-weight:600;display:flex}.snap-macro-legend li{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.snap-macro-legend .dot{width:8px;height:8px}.snap-macro-legend b{color:var(--ink)}.snap-result-actions{align-items:center;gap:8px;display:flex}.snap-book-btn{flex:1}.snap-result-out{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.snap-rescan{border-radius:var(--radius-pill);min-height:44px;color:var(--brand-700);font-weight:700;font-size:var(--fs-sm);transition:background-color var(--dur) var(--ease);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.snap-rescan:hover{background:var(--surface-2)}@media (width<=960px){.snap-grid{grid-template-columns:1fr}.snap-copy{padding-top:0;position:static}.snap-bullets{grid-template-columns:1fr 1fr;gap:20px 28px}.snap-card{width:100%;max-width:640px;margin-inline:auto}}@media (width<=640px){.snap-bullets{grid-template-columns:1fr;gap:14px}.snap-bullets li{align-items:center}.snap-bullets small{display:none}.snap-stats{margin-top:28px}.snap-card{border-radius:var(--radius-lg);gap:12px;padding:12px}.snap-card-head{padding:2px 2px 0}.snap-view{border-radius:16px}.snap-picker{gap:6px}.snap-thumb{border-radius:12px;padding:5px}.snap-thumb-art{border-radius:8px;height:48px;font-size:24px}.snap-thumb-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;min-height:0;margin:-1px;position:absolute;overflow:hidden}.snap-hud{padding:6px 12px;font-size:12px}.snap-result{border-radius:18px;padding:14px}.snap-items li{grid-template-columns:38px minmax(0,1fr) auto;gap:2px 10px}.snap-item-emoji{grid-row:span 2;width:38px;height:38px;font-size:20px}.snap-item-name{grid-row:span 2}.snap-item-kcal{grid-area:1/3;min-width:0}.snap-conf{grid-area:2/3;justify-self:end;padding:1px 8px;font-size:11px}.snap-total{grid-template-columns:1fr;gap:10px}.snap-total-kcal b{font-size:40px}.snap-result-actions{flex-wrap:wrap}.snap-book-btn{flex-basis:100%}.snap-rescan{margin-inline:auto}}@media (prefers-reduced-motion:reduce){.snap-laser,.snap-grid-fx{display:none}.snap-scan-btn{animation:none}}@keyframes snap-laser{0%{top:0}to{top:calc(100% - 2px)}}@keyframes snap-gridmask{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes snap-box-in{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes snap-progress{0%{transform:scaleX(0)}}@keyframes snap-photo-in{0%{opacity:0;transform:scale(1.04)}}@keyframes snap-result-in{0%{opacity:0;transform:translateY(14px)}}@keyframes snap-grow{0%{transform:scaleX(0)}}@keyframes snap-sheen{0%{background-position:130% 0}60%,to{background-position:-30% 0}}.snap-nowrap{white-space:nowrap}.feat{overflow:hidden}.feat:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 10% 18%,#c8f56038,#0000 70%),radial-gradient(36% 28% at 92% 70%,#12b76a1a,#0000 70%);position:absolute;inset:0}.feat .container{position:relative}.feat .section-head h2{text-wrap:balance}.feat-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"viet viet snap macro""viet viet water sync""plan plan insight family";gap:20px;display:grid}.feat-cell{min-width:0;display:grid}.feat-cell--viet{grid-area:viet}.feat-cell--snap{grid-area:snap}.feat-cell--macro{grid-area:macro}.feat-cell--plan{grid-area:plan}.feat-cell--water{grid-area:water}.feat-cell--sync{grid-area:sync}.feat-cell--insight{grid-area:insight}.feat-cell--family{grid-area:family}.feat-tile{--mx:50%;--my:0%;isolation:isolate;flex-direction:column;min-width:0;padding:8px;display:flex;position:relative}.feat-tile:before,.feat-tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s var(--ease);position:absolute}.feat-tile:before{z-index:2;background:radial-gradient(420px circle at var(--mx) var(--my), #12b76a14, transparent 60%);inset:0}.feat-tile:after{z-index:3;background:radial-gradient(260px circle at var(--mx) var(--my), #12b76abf, #c8f56059 40%, transparent 70%);-webkit-mask-composite:xor;padding:1px;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.feat-tile:hover:before,.feat-tile:hover:after{opacity:1}.feat-tile:hover{box-shadow:var(--shadow-lg)}.feat-well{background:var(--surface-2);border-radius:18px;min-height:224px;position:relative;overflow:hidden}.feat-well:before{content:"";pointer-events:none;background-image:radial-gradient(#0b1f1712 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask:radial-gradient(90% 80% at 50% 40%,#000,#0000);mask:radial-gradient(90% 80% at 50% 40%,#000,#0000)}.feat-well>*{position:relative}.feat-well--dark{background:var(--grad-dark);color:var(--on-dark)}.feat-well--dark:before{background-image:radial-gradient(#ffffff12 1px,#0000 1px)}.feat-well--warm{background:linear-gradient(160deg,#fff4e6 0%,#fdf6ec 60%,#f7f8ee 100%)}.feat-well--sky{background:linear-gradient(160deg,#eaf1ff 0%,#f2f0ff 100%)}.feat-well--brand{background:linear-gradient(160deg, var(--brand-50) 0%, #f3fbe6 100%)}.feat-well--rose{background:linear-gradient(160deg,#fff0f4 0%,#fff6ef 100%)}.feat-body{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding:18px 16px 12px;display:flex}.feat-body h3{letter-spacing:-.02em;font-size:1.125rem}.feat-body p{font-size:var(--fs-sm);color:var(--muted);line-height:1.55}.feat-more{min-height:40px;font-size:var(--fs-sm);color:var(--brand-700);transition:color var(--dur) var(--ease), gap var(--dur) var(--ease);align-items:center;gap:6px;margin-top:auto;padding:8px 0 0;font-weight:700;display:inline-flex}.feat-more:hover{color:var(--ink);gap:9px}.feat-more svg{transition:transform var(--dur) var(--ease)}.feat-viet{background:radial-gradient(80% 50% at 100% 0%, #c8f56066, transparent 60%), radial-gradient(60% 40% at 0% 60%, #12b76a14, transparent 70%), linear-gradient(180deg, #fbfff1 0%, var(--surface) 70%);padding:0;overflow:hidden}.feat-viet:after{inset:0}.feat-viet-head{padding:28px 28px 4px}.feat-viet h3{letter-spacing:-.03em;margin-top:16px;font-size:clamp(1.6rem,1.2rem + 1.2vw,2.1rem);line-height:1.1}.feat-viet-head p{max-width:460px;color:var(--muted);margin-top:10px}.feat-regions{margin-top:20px}.feat-regions button{min-height:40px;padding:6px 16px}.feat-viet-stage{flex-direction:column;flex:1;justify-content:center;gap:18px;padding:24px 0 28px;display:flex}.feat-marquee{animation:fadeIn .5s var(--ease);gap:12px;display:grid;-webkit-mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.feat-marquee-row{width:max-content;display:flex}.feat-marquee-track{gap:10px;padding-right:10px;animation:46s linear infinite marquee;display:flex}.feat-marquee-row--1 .feat-marquee-track{animation-duration:54s;animation-direction:reverse}.feat-marquee-row--2 .feat-marquee-track{animation-duration:50s;animation-direction:reverse}.feat-marquee-row--3 .feat-marquee-track{animation-duration:40s}.feat-viet:hover .feat-marquee-track{animation-play-state:paused}.feat-dish{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);white-space:nowrap;font-size:var(--fs-sm);align-items:center;gap:8px;padding:5px 14px 5px 5px;display:inline-flex}.feat-dish-emoji{background:var(--surface-2);border-radius:50%;place-items:center;width:30px;height:30px;font-size:1rem;display:grid}.feat-dish-name{color:var(--ink);font-weight:700}.feat-dish-kcal{color:var(--muted);font-weight:600;font-size:var(--fs-xs);align-items:center;gap:5px;display:inline-flex}.feat-dish-kcal:before{content:"";background:var(--kcal);border-radius:50%;width:6px;height:6px}.feat-viet-feature{z-index:1;padding-inline:28px;position:relative}.feat-viet-feature:before{content:"";z-index:-1;filter:blur(8px);background:radial-gradient(closest-side,#c8f5608c,#0000);position:absolute;inset:-30% 10%}.feat-dishcard{border:1px solid var(--line);max-width:380px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);animation:fadeUp .45s var(--ease-spring);background:#ffffffeb;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;margin-inline:auto;padding:16px 18px;display:grid}.feat-dishcard-emoji{background:linear-gradient(135deg,#fff4e6,#ffe7d6);border-radius:16px;place-items:center;width:52px;height:52px;font-size:1.75rem;display:grid}.feat-dishcard-info{min-width:0}.feat-dishcard-name{letter-spacing:-.02em;font-size:1.05rem;font-weight:800;line-height:1.25}.feat-dishcard-meta{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.feat-dishcard-kcal{font-size:var(--fs-xs);color:var(--muted);justify-items:end;font-weight:700;line-height:1.1;display:grid}.feat-dishcard-kcal strong{color:var(--kcal-ink,#c2410c);letter-spacing:-.03em;font-size:1.6rem;font-weight:800}.feat-dishcard-bar{grid-column:1/-1;gap:3px;height:8px;margin-top:10px;display:flex}.feat-seg{border-radius:var(--radius-pill);transition:flex-grow .5s var(--ease)}.feat-seg--protein{background:var(--protein)}.feat-seg--carbs{background:var(--carbs)}.feat-seg--fat{background:var(--fat)}.feat-dishcard-macros{font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;grid-column:1/-1;gap:4px 14px;margin-top:4px;font-weight:700;display:flex}.feat-dishcard-macros li{align-items:center;gap:6px;display:inline-flex}.feat-dishcard-macros .dot{width:8px;height:8px}.feat-dishcard-note{border-top:1px dashed var(--line-strong);font-size:var(--fs-xs);color:var(--brand-700);grid-column:1/-1;align-items:center;gap:6px;margin-top:6px;padding-top:10px;font-weight:700;display:flex}.feat-viet-foot{border-top:1px solid var(--line);background:#ffffffb3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.feat-viet-foot .feat-more{margin:0;padding:0}.feat-viet-count{font-size:var(--fs-sm);color:var(--muted);font-weight:600}.feat-viet-count strong{color:var(--ink);font-size:1.05rem;font-weight:800}.feat-snap{place-items:center;display:grid}.feat-snap-corner{border:2.5px solid var(--lime);opacity:.9;width:22px;height:22px;position:absolute}.feat-snap-corner--tl{border-bottom:0;border-right:0;border-top-left-radius:8px;top:14px;left:14px}.feat-snap-corner--tr{border-bottom:0;border-left:0;border-top-right-radius:8px;top:14px;right:14px}.feat-snap-corner--bl{border-top:0;border-right:0;border-bottom-left-radius:8px;bottom:14px;left:14px}.feat-snap-corner--br{border-top:0;border-left:0;border-bottom-right-radius:8px;bottom:14px;right:14px}.feat-snap-scan{height:60%;animation:feat-scan 2.6s var(--ease) infinite alternate;position:absolute;top:18%;left:14px;right:14px}.feat-snap-scan:before{content:"";background:linear-gradient(90deg, transparent, var(--lime), transparent);height:2px;position:absolute;inset:0 0 auto;box-shadow:0 0 18px 2px #c8f5608c}.feat-snap-target{background:#c8f5600f;border:1.5px dashed #c8f560d9;border-radius:14px;place-items:center;width:104px;height:96px;display:grid}.feat-snap-food{filter:drop-shadow(0 10px 18px #00000073);font-size:3.4rem;line-height:1;animation:5s ease-in-out infinite float}.feat-snap-tag{border-radius:var(--radius-pill);background:var(--lime);color:var(--ink);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:.6875rem;font-weight:800;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.feat-snap-kcal,.feat-snap-time{border-radius:var(--radius-pill);font-size:var(--fs-xs);-webkit-backdrop-filter:blur(8px);padding:4px 10px;font-weight:800;position:absolute;bottom:18px}.feat-snap-kcal{background:var(--kcal);color:#fff;left:44px;box-shadow:0 6px 16px -6px #ff6b4acc}.feat-snap-time{color:var(--on-dark);background:#ffffff1f;right:44px}@keyframes feat-scan{to{transform:translateY(100%)}}.feat-macro{justify-content:center;align-items:center;gap:14px;padding:16px 12px;display:flex}.feat-rings{flex:none;width:100px;height:100px;transform:rotate(-90deg)}.feat-ring circle{fill:none;stroke-width:11px}.feat-ring-track{stroke:currentColor;opacity:.14}.feat-ring-arc{stroke:currentColor;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.6s var(--ease);transition-delay:calc(.3s + var(--i) * .15s)}.feat-ring--protein{color:var(--protein)}.feat-ring--carbs{color:var(--carbs)}.feat-ring--fat{color:var(--fat)}.feat-cell.is-visible .feat-ring-arc{stroke-dashoffset:calc(100 - var(--pct))}.feat-macro-legend{min-width:0}.feat-macro-total{font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;margin-bottom:8px;font-weight:600}.feat-macro-total strong{color:var(--ink);font-size:1.05rem;font-weight:800}.feat-macro-legend ul{gap:6px;display:grid}.feat-macro-legend li{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap;align-items:center;gap:7px;font-weight:700;display:flex}.feat-macro-name{min-width:44px}.feat-macro-legend li .tabular{color:var(--muted);font-weight:600}.feat-plan{flex-direction:column;gap:12px;padding:16px;display:flex}.feat-plan-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.feat-plan-label{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:#9a5b13;align-items:center;gap:6px;font-weight:800;display:inline-flex}.feat-plan-pill{font-size:var(--fs-xs);padding:5px 12px}.feat-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.feat-day{min-height:76px;transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#ffffffbf;border:1px solid #9a5b131f;border-radius:14px;justify-items:center;gap:2px;padding:8px 2px;display:grid;position:relative}.feat-day:hover{background:#fff;transform:translateY(-2px)}.feat-day[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 20px -10px #0b1f1799}.feat-day-name{letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-size:.6875rem;font-weight:800}.feat-day-emoji{font-size:1.35rem;line-height:1.2}.feat-day-kcal{font-size:.6875rem;font-weight:700}.feat-day[aria-pressed=true] .feat-day-kcal{color:var(--lime)}.feat-plan-detail{background:#ffffffd9;border:1px solid #9a5b131a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.feat-plan-meals{flex-wrap:wrap;gap:4px 14px;min-width:0;display:flex}.feat-plan-meals li{line-height:1.3;display:grid}.feat-plan-slot{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.625rem;font-weight:800}.feat-plan-dish{font-size:var(--fs-sm);color:var(--ink);white-space:nowrap;font-weight:700}.feat-plan-sum{flex:none;justify-items:end;line-height:1.3;display:grid}.feat-plan-sum strong{font-size:var(--fs-sm);color:var(--kcal-ink,#c2410c)}.feat-plan-sum span{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.feat-water{justify-content:space-around;align-items:center;gap:10px;padding:16px 12px;display:flex}.feat-water-log{justify-items:center;gap:8px;display:grid}.feat-glasses{grid-template-columns:repeat(4,minmax(30px,40px));gap:2px;display:grid}.feat-glass{height:40px;color:var(--sky);transition:transform var(--dur) var(--ease-spring), background-color var(--dur) var(--ease);border-radius:8px;place-items:center;display:grid;position:relative}.feat-glass:hover{background:#4c7dff1a}.feat-glass:after,.feat-day:after{content:"";position:absolute;inset:0 -5px}.feat-glass:active{transform:scale(.88)}.feat-glass svg{width:20px;height:26px;overflow:visible}.feat-glass-line{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;opacity:.55}.feat-glass-water{fill:currentColor;transform-box:fill-box;transform-origin:bottom;transition:transform .45s var(--ease-spring);transform:scaleY(0)}.feat-glass[aria-pressed=true] .feat-glass-water{transform:scaleY(1)}.feat-glass[aria-pressed=true] .feat-glass-line{opacity:1}.feat-water-amount{font-size:var(--fs-xs);color:var(--muted);font-weight:600}.feat-water-amount strong{color:var(--ink);font-size:.95rem;font-weight:800}.feat-fast{flex:none;place-items:center;width:104px;display:grid;position:relative}.feat-fast-arc{width:104px;height:104px}.feat-fast-arc path{fill:none;stroke-width:9px;stroke-linecap:round}.feat-fast-track{stroke:#7c5cff26}.feat-fast-fill{stroke:var(--violet);stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.6s var(--ease) .4s}.feat-cell.is-visible .feat-fast-fill{stroke-dashoffset:calc(100 - var(--pct))}.feat-fast-center{justify-items:center;line-height:1.15;display:grid;position:absolute;top:34px}.feat-fast-center strong{font-size:1.05rem;font-weight:800}.feat-fast-center span{color:var(--muted);font-size:.6875rem;font-weight:600}.feat-fast-label{border-radius:var(--radius-pill);background:var(--violet);color:#fff;margin-top:-14px;padding:3px 10px;font-size:.6875rem;font-weight:800}.feat-sync{flex-direction:column;justify-content:center;gap:20px;padding:16px 8px;display:flex}.feat-sync-flow{justify-content:center;align-items:flex-start;display:flex}.feat-sync-app{width:74px;color:var(--ink-2);white-space:nowrap;flex:none;justify-items:center;gap:7px;font-size:.6875rem;font-weight:700;line-height:1.2;display:grid}.feat-sync-icon{background:var(--surface);width:46px;height:46px;box-shadow:var(--shadow);border-radius:14px;place-items:center;display:grid}.feat-sync-icon--health{color:var(--rose)}.feat-sync-icon--fit{color:var(--sky)}.feat-sync-line{border-top:2px dashed #12b76a66;flex:1;min-width:18px;max-width:44px;height:0;margin-top:22px;position:relative}.feat-sync-line:after{content:"";background:radial-gradient(circle at 6px 50%, var(--brand) 2.6px, #12b76a33 3.2px 5.6px, transparent 6.2px);height:12px;animation:1.8s linear infinite feat-flow;position:absolute;top:-7px;left:-3px;right:9px}.feat-sync-line--rev:after{animation-direction:reverse}.feat-sync-hub{background:var(--ink);width:50px;height:50px;color:var(--lime);box-shadow:0 0 0 6px #12b76a1f, var(--shadow);border-radius:16px;flex:none;place-items:center;margin-top:-2px;font-size:1.35rem;font-weight:800;display:grid}.feat-sync-stats{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.feat-sync-stats span{border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:5px;padding:5px 10px;font-weight:600;display:inline-flex}.feat-sync-stats svg{color:var(--brand)}.feat-sync-stats span+span svg{color:var(--kcal)}.feat-sync-stats strong{color:var(--ink);font-weight:800}@keyframes feat-flow{to{transform:translate(100%)}}.feat-insight{flex-direction:column;gap:6px;padding:16px 14px 10px;display:flex}.feat-insight-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.feat-insight-avg{color:var(--muted);font-size:.6875rem;font-weight:700}.feat-bars{width:100%;height:auto;margin-top:auto;overflow:visible}.feat-bar{fill:color-mix(in srgb, var(--brand) 35%, #fff);transform-box:fill-box;transform-origin:bottom;transition:transform .9s var(--ease-spring);transition-delay:calc(.25s + var(--i) * 70ms);transform:scaleY(0)}.feat-bar--today{fill:var(--brand)}.feat-bar--over{fill:var(--kcal)}.feat-cell.is-visible .feat-bar{transform:scaleY(1)}.feat-bar-goal{stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:3 4;opacity:.35}.feat-bar-day{fill:var(--muted);font-size:10px;font-weight:700}.feat-bar-note{fill:var(--kcal-ink,#c2410c);font-size:10px;font-weight:800}.feat-family{flex-direction:column;justify-content:center;gap:14px;padding:16px 12px;display:flex}.feat-family-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.feat-avatars{display:flex}.feat-avatar{width:38px;height:38px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring);border:2.5px solid #fff;border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;display:grid}.feat-avatar+.feat-avatar{margin-left:-7px}.feat-avatar:hover{z-index:1;transform:translateY(-3px)}.feat-avatar--brand{background:var(--brand-700)}.feat-avatar--sky{background:#3563d9}.feat-avatar--amber{background:#b86e00}.feat-avatar--rose{background:#d6336c}.feat-avatar--violet{background:#6741d9}.feat-family-count{border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:5px;padding:4px 9px;font-weight:800;display:inline-flex}.feat-grocery{flex-wrap:wrap;gap:6px 5px;display:flex}.feat-grocery-item{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--line);min-height:34px;font-size:var(--fs-xs);color:var(--ink-2);transition:all var(--dur) var(--ease);align-items:center;gap:6px;padding:4px 10px 4px 4px;font-weight:700;display:inline-flex}.feat-grocery-item:hover{border-color:var(--line-strong)}.feat-grocery-check{background:var(--surface-2);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;display:grid}.feat-grocery-item[aria-pressed=true]{color:var(--muted);-webkit-text-decoration:line-through #0b1f1759;text-decoration:line-through #0b1f1759}.feat-grocery-item[aria-pressed=true] .feat-grocery-check{background:var(--brand);color:#fff;animation:feat-pop .35s var(--ease-spring)}@keyframes feat-pop{0%{transform:scale(.5)}}.feat-cta{text-align:center;justify-items:center;gap:14px;margin-top:clamp(40px,5vw,56px);display:grid}.feat-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.feat-cta-note{font-size:var(--fs-sm);color:var(--muted)}.feat-modal{padding:0}.feat-modal-hero{background:var(--grad-brand);justify-items:center;gap:14px;padding:36px 24px 22px;display:grid;position:relative;overflow:hidden}.feat-modal-hero--sky{background:linear-gradient(135deg,#4c7dff 0%,#7c5cff 100%)}.feat-modal-hero--warm{background:var(--grad-warm)}.feat-modal-hero--rose{background:linear-gradient(135deg,#ff5c8a 0%,#ffb21e 100%)}.feat-modal-hero:before{content:"";background-image:radial-gradient(#ffffff40 1px,#0000 1px);background-size:14px 14px;position:absolute;inset:0}.feat-modal-emojis{gap:10px;display:flex;position:relative}.feat-modal-emojis span{width:52px;height:52px;animation:fadeUp .5s var(--ease-spring) both, float 4s ease-in-out infinite;animation-delay:calc(var(--i) * 70ms), calc(var(--i) * .3s);background:#ffffffeb;border-radius:16px;place-items:center;font-size:1.6rem;display:grid;box-shadow:0 12px 24px -12px #0b1f1773}.feat-modal-emojis span:nth-child(2n){margin-top:14px}.feat-modal-stat{border-radius:var(--radius-pill);background:var(--ink);color:#fff;font-size:var(--fs-sm);padding:6px 14px;font-weight:600;position:relative}.feat-modal-stat strong{color:var(--lime);font-weight:800}.feat-modal-body{padding:24px 28px 28px}.feat-modal-body h2{letter-spacing:-.03em;margin-top:14px;font-size:clamp(1.5rem,1.3rem + 1vw,1.85rem)}.feat-modal-lead{color:var(--muted);margin-top:10px}.feat-modal-list{gap:12px;margin-top:20px;display:grid}.feat-modal-list li{color:var(--ink-2);align-items:flex-start;gap:12px;font-weight:600;line-height:1.45;display:flex}.feat-modal-tick{background:var(--brand-50);width:24px;height:24px;color:var(--brand-700);border-radius:50%;flex:none;place-items:center;display:grid}.feat-modal-note{background:var(--surface-2);font-size:var(--fs-sm);color:var(--ink-2);border-radius:12px;margin-top:20px;padding:10px 14px;font-weight:600}.feat-modal-actions{gap:8px;margin-top:24px;display:grid}@media (width<=1180px){.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"viet viet""snap macro""water sync""plan plan""insight family";gap:16px}}@media (width<=640px){.feat-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"viet""snap""macro""water""sync""plan""insight""family"}.feat-viet-head{padding:22px 20px 4px}.feat-viet-foot{padding:16px 20px 20px}.feat-regions{width:100%}.feat-regions button{flex:1;padding-inline:6px}.feat-week{gap:4px}.feat-day{border-radius:12px;min-height:70px}.feat-day-name,.feat-day-kcal{font-size:.625rem}.feat-plan-detail{flex-direction:column;align-items:flex-start}.feat-plan-sum{grid-auto-flow:column;place-items:baseline start;gap:10px}.feat-viet-feature{padding-inline:16px}.feat-dishcard{gap:4px 12px;padding:14px}.feat-dishcard-meta{white-space:normal}.feat-cta-actions{flex-direction:column;width:100%}.feat-cta-actions .btn{width:100%}.feat-modal-body{padding:20px 20px 24px}.feat-modal-emojis{gap:8px}.feat-modal-emojis span{width:46px;height:46px;font-size:1.4rem}}.stats{isolation:isolate;background:var(--grad-brand);color:var(--ink);overflow:hidden}.stats-bg{z-index:-1;background:radial-gradient(45% 130% at 8% 0,#0b1f1714,#0000 62%),radial-gradient(40% 120% at 94% 100%,#fff3,#0000 62%),radial-gradient(30% 80% at 62% 0,#ffffff2e,#0000 70%);position:absolute;inset:0}.stats-bg:after{content:"";background-image:linear-gradient(#0b1f170f 1px,#0000 1px),linear-gradient(90deg,#0b1f170f 1px,#0000 1px);background-position:50%;background-size:56px 56px;position:absolute;inset:0;-webkit-mask:radial-gradient(60% 90%,#000,#0000);mask:radial-gradient(60% 90%,#000,#0000)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stats-item{text-align:center;align-content:start;justify-items:center;gap:4px;padding:12px 20px;display:grid}.stats-item+.stats-item{border-left:1px solid #0b1f1724}.stats-icon{width:40px;height:40px;color:var(--ink);background:#ffffff59;border:1px solid #ffffff80;border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.stats-num{letter-spacing:-.045em;color:var(--ink);white-space:nowrap;justify-items:center;font-size:clamp(2.4rem,1.5rem + 3vw,4.25rem);font-weight:800;line-height:1;display:grid}.stats-num>span{grid-area:1/1}.stats-ghost{visibility:hidden}.stats-suffix{margin-left:.04em}.stats-label{color:var(--ink);margin-top:10px;font-weight:700}.stats-sub{font-size:var(--fs-sm);color:var(--ink);line-height:1.45}@media (width<=960px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-item{padding:28px 16px}.stats-item+.stats-item{border-left:0}.stats-item:nth-child(2n){border-left:1px solid #0b1f1724}.stats-item:nth-child(n+3){border-top:1px solid #0b1f1724}.stats-item:nth-child(-n+2){padding-top:8px}.stats-item:nth-child(n+3){padding-bottom:8px}}@media (width<=640px){.stats-item{padding-inline:8px}.stats-icon{width:34px;height:34px;margin-bottom:6px}.stats-icon svg{width:16px;height:16px}.stats-num{font-size:2.25rem}.stats-label{font-size:var(--fs-sm);margin-top:8px}.stats-sub{font-size:var(--fs-xs)}}.target{overflow:clip}.target:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#c8f56059,#0000);border-radius:50%;width:640px;height:640px;position:absolute;inset:auto -10% 0 auto}.target-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:10px;padding:10px;display:grid;position:relative}.target-form{flex-direction:column;gap:22px;padding:clamp(18px,2.6vw,34px) clamp(14px,2.4vw,30px);display:flex}.target-form-head{align-items:center;gap:14px;display:flex}.target-step{background:var(--brand-50);width:44px;height:44px;color:var(--brand-700);border-radius:14px;flex:none;place-items:center;display:grid}.target-form-title{font-size:var(--fs-lg)}.target-form-sub{font-size:var(--fs-sm);color:var(--muted);margin-top:2px}.target-seg{width:100%;display:flex}.target-seg button{min-height:42px;font-size:var(--fs-base);flex:1}.target-seg button span{opacity:.55;margin-right:2px}.target-seg button[aria-pressed=true] span{opacity:1;color:var(--brand)}.target-trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.target-trio-errors{grid-column:1/-1;gap:4px;margin-top:-4px;display:grid}.target-unit-wrap{position:relative}.target-unit-wrap .input{font-weight:700;font-size:var(--fs-md);padding-right:42px}.target-unit{font-size:var(--fs-sm);color:var(--muted);pointer-events:none;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.target-unit-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.target-unit-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.target-unit-wrap input[type=number]{appearance:textfield}.target-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.target-goal{border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--surface);text-align:left;min-height:64px;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);grid-template-columns:auto 1fr;grid-template-areas:"icon title""icon sub";align-items:center;column-gap:10px;padding:10px 12px;display:grid}.target-goal:hover{border-color:#b7c4ad;transform:translateY(-1px)}.target-goal:active{transform:scale(.98)}.target-goal-icon{background:var(--surface-2);width:32px;height:32px;color:var(--ink-2);border-radius:10px;grid-area:icon;place-items:center;transition:inherit;display:grid}.target-goal-title{font-size:var(--fs-sm);color:var(--ink);grid-area:title;font-weight:700;line-height:1.3}.target-goal-sub{font-size:var(--fs-xs);color:var(--muted);grid-area:sub;font-weight:600}.target-goal[aria-pressed=true]{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent)}.target-goal[aria-pressed=true] .target-goal-icon{background:var(--brand);color:#fff}.target-goal[aria-pressed=true] .target-goal-sub{color:var(--brand-700)}.target-submit{margin-top:4px}.target-private{font-size:var(--fs-xs);color:var(--muted);text-align:center;margin-top:-10px}.target-private svg{vertical-align:-2px;margin-right:6px;display:inline}.target-science{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted);gap:12px;padding:18px;line-height:1.5;display:grid}.target-science li{align-items:flex-start;gap:12px;display:flex}.target-science strong{color:var(--ink);font-weight:700;display:block}.target-science-icon{background:var(--surface);width:30px;height:30px;color:var(--brand-700);box-shadow:var(--shadow-sm);border-radius:9px;flex:none;place-items:center;display:grid}.target-results{isolation:isolate;border-radius:calc(var(--radius-xl) - 8px);background:var(--grad-dark);color:var(--on-dark);scroll-margin-top:calc(var(--nav-h) + 12px);padding:clamp(18px,2.6vw,30px);position:relative;overflow:hidden}.target-results:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#c8f56029,#0000);border-radius:50%;width:460px;height:460px;position:absolute;top:-180px;right:-140px}.target-body{transition:opacity .3s var(--ease), filter .3s var(--ease);grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.target-results[aria-busy=true] .target-body{opacity:.45;filter:blur(2px)}.target-sheen{z-index:3;pointer-events:none;animation:targetSheen 1.1s var(--ease) forwards;background:linear-gradient(105deg,#0000 35%,#c8f56024 50%,#0000 65%);position:absolute;inset:0;transform:translate(-100%)}@keyframes targetSheen{to{transform:translate(100%)}}.target-results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.target-results-title{font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted);font-weight:700}.target-goal-pill,.target-dirty{border-radius:var(--radius-pill);font-size:var(--fs-xs);align-items:center;gap:6px;padding:5px 12px;font-weight:700;display:inline-flex}.target-goal-pill{color:var(--lime);background:#c8f5601f}.target-dirty{color:#ffd27a;animation:fadeIn .3s var(--ease);background:#ffb21e24}.target-dirty-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.target-top{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px);display:grid}.target-gauge{justify-items:center;display:grid;position:relative}.target-gauge svg{width:100%;max-width:220px;overflow:visible}.target-gauge-track,.target-gauge-fill{fill:none;stroke-width:14px;stroke-linecap:round}.target-gauge-track{stroke:#ffffff14}.target-gauge-fill{stroke:url(#target-grad);filter:drop-shadow(0 0 10px #c8f56059);transition:stroke-dasharray 1s var(--ease)}.target-gauge-maint{fill:var(--dark);stroke:#fff;stroke-width:3px}.target-tick{stroke:#ffffff24;stroke-width:2px;stroke-linecap:round;transition:stroke .6s var(--ease)}.target-tick.is-lit{stroke:#c8f560bf}.target-gauge-center{text-align:center;justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.target-gauge-spark{color:var(--lime);margin-bottom:4px}.target-kcal{letter-spacing:-.04em;color:#fff;animation:targetPop .6s var(--ease-spring);font-size:clamp(2.2rem,1.8rem + 1.4vw,2.75rem);font-weight:800;line-height:1}@keyframes targetPop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:none}}.target-kcal-unit{font-size:var(--fs-xs);color:var(--on-dark-muted);letter-spacing:.04em;margin-top:6px;font-weight:600}.target-delta{border-radius:var(--radius-pill);color:#ffab98;font-size:var(--fs-xs);white-space:nowrap;background:#ff6b4a24;margin-top:-18px;padding:5px 12px;font-weight:700}.target-delta.is-up{color:#a9c0ff;background:#4c7dff29}.target-delta.is-flat{color:var(--on-dark);background:#ffffff14}.target-chain{gap:0;display:grid}.target-chain li:not(.target-chain-op){border:1px solid var(--dark-line);background:#ffffff0a;border-radius:14px;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;display:flex}.target-chain-label{font-size:var(--fs-sm);color:var(--on-dark-muted);align-items:center;gap:8px;display:inline-flex}.target-chain-label abbr{color:var(--on-dark);cursor:help;font-weight:700;text-decoration:none}.target-chain-value{font-size:var(--fs-lg);letter-spacing:-.02em;white-space:nowrap;font-weight:800}.target-chain-value small{font-size:var(--fs-xs);color:var(--on-dark-muted);letter-spacing:0;font-weight:600}.target-maint-dot{border:2.5px solid #fff;border-radius:50%;flex:none;width:9px;height:9px}.target-chain-op{font-size:var(--fs-xs);color:var(--lime);align-items:center;gap:8px;padding:6px 0 6px 36px;font-weight:800;display:flex;position:relative}.target-chain-op:before{content:"";border-left:1.5px dashed #fff3;position:absolute;top:0;bottom:0;left:22px}.target-chain-op span{color:var(--on-dark-muted);font-weight:600}.target-chain li.target-chain-final{background:linear-gradient(135deg,#12b76a3d,#c8f56024);border-color:#c8f56059}.target-chain-final .target-chain-label{color:var(--on-dark);font-weight:700}.target-chain-final .target-chain-value{color:var(--lime)}.target-notes{gap:10px;display:grid}.target-note{font-size:var(--fs-sm);color:#dbe5ff;animation:fadeUp .4s var(--ease);background:#4c7dff1f;border:1px solid #4c7dff4d;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;line-height:1.5;display:flex}.target-note svg{color:#a9c0ff;flex:none;margin-top:2px}.target-note--warn{color:#ffe7b8;background:#ffb21e1f;border-color:#ffb21e52}.target-note--warn svg{color:var(--amber)}.target-note-btn{border-radius:var(--radius-pill);background:var(--amber);min-height:32px;color:var(--ink);font-size:var(--fs-xs);vertical-align:middle;transition:transform var(--dur) var(--ease);align-items:center;margin-left:8px;padding:2px 12px;font-weight:800;display:inline-flex}.target-note-btn:hover{transform:translateY(-1px)}.target-tile{border:1px solid var(--dark-line);background:#ffffff0a;border-radius:18px;padding:18px}.target-tile-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.target-tile-head h4{font-size:var(--fs-base);letter-spacing:-.01em;font-weight:700;line-height:1.3}.target-tile-dim{font-size:var(--fs-xs);color:var(--on-dark-muted);margin-left:4px;font-weight:600}.target-tile-meta{font-size:var(--fs-xs);color:var(--on-dark-muted);white-space:nowrap;font-weight:700}.target-tile-foot{font-size:var(--fs-xs);color:var(--on-dark-muted);margin-top:10px}.target-big{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.target-big small{font-size:var(--fs-sm);color:var(--on-dark-muted);letter-spacing:0;font-weight:600}.target-macros{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.target-macro{--c:var(--protein)}.target-macro--carbs{--c:var(--carbs)}.target-macro--fat{--c:var(--fat)}.target-macro-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;display:flex}.target-macro-name{font-size:var(--fs-sm);color:var(--on-dark-muted);align-items:center;gap:8px;font-weight:600;display:inline-flex}.target-macro-val{font-size:var(--fs-xs);color:var(--on-dark-muted);white-space:nowrap}.target-macro-val strong{font-size:var(--fs-md);color:#fff;font-weight:800}.target-bar{border-radius:var(--radius-pill);background:#ffffff14;height:8px;margin:10px 0 8px;overflow:hidden}.target-bar span{border-radius:inherit;background:var(--c);height:100%;box-shadow:0 0 12px color-mix(in srgb, var(--c) 60%, transparent);transition:width 1s var(--ease);display:block}.target-macro-note{font-size:var(--fs-xs);color:var(--on-dark-muted)}.target-duo{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.target-bmi-badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);white-space:nowrap;padding:4px 10px;font-weight:800}.target-bmi-badge--under{color:#a9c0ff;background:#4c7dff2e}.target-bmi-badge--normal{color:#6ee7a8;background:#12b76a33}.target-bmi-badge--over{color:#ffd27a;background:#ffb21e2e}.target-bmi-badge--obese{color:#ffab98;background:#ff6b4a33}.target-bmi-scale{margin-top:16px}.target-bmi-bar{grid-template-columns:repeat(4,1fr);gap:3px;height:10px;display:grid;position:relative}.target-bmi-seg{border-radius:3px}.target-bmi-seg:first-child{border-radius:99px 3px 3px 99px}.target-bmi-seg:nth-child(4){border-radius:3px 99px 99px 3px}.target-bmi-seg--under{background:var(--sky)}.target-bmi-seg--normal{background:var(--brand)}.target-bmi-seg--over{background:var(--amber)}.target-bmi-seg--obese{background:var(--coral)}.target-bmi-marker{border:4px solid var(--dark);width:20px;height:20px;transition:left 1s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #fff,0 4px 12px #0006}.target-bmi-legend{color:var(--on-dark-muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin-top:12px;font-size:.6875rem;line-height:1.35;display:grid}.target-bmi-legend li{min-width:0;display:grid}.target-bmi-legend li span:first-child{text-overflow:ellipsis;overflow:hidden}.target-bmi-legend li.is-current{color:#fff;font-weight:700}.target-water{flex-direction:column;display:flex}.target-water-icon{color:#a9c0ff;background:#4c7dff2e;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.target-glasses{flex-wrap:wrap;gap:3px;margin-top:auto;padding-top:14px;display:flex}.target-glasses span{clip-path:polygon(0 0,100% 0,84% 100%,16% 100%);width:12px;height:18px;animation:fadeUp .5s var(--ease) both;animation-delay:calc(var(--i) * 40ms);background:linear-gradient(0deg,#4c7dff 0 72%,#ffffff29 72%)}.target-shuffle{border-radius:var(--radius-pill);min-height:40px;font-size:var(--fs-xs);color:var(--on-dark);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);border:1px solid #ffffff29;flex:none;align-items:center;gap:6px;padding:6px 14px;font-weight:700;display:inline-flex}.target-shuffle:hover{background:#ffffff14;border-color:#ffffff47}.target-shuffle:active svg{transform:rotate(180deg)}.target-shuffle svg{transition:transform .3s var(--ease)}.target-meals{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.target-meal{border:1px solid var(--dark-line);animation:fadeUp .45s var(--ease) both;animation-delay:calc(var(--i) * 60ms);background:#ffffff0a;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:grid}.target-meal-emoji{border-radius:12px;place-items:center;width:44px;height:44px;font-size:1.5rem;line-height:1;display:grid}.target-meal-text{min-width:0;line-height:1.3;display:grid}.target-meal-slot{letter-spacing:.06em;text-transform:uppercase;color:var(--lime);font-size:.6875rem;font-weight:700}.target-meal-name{-webkit-line-clamp:3;font-size:var(--fs-sm);color:#fff;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.target-meal-name b{color:var(--lime)}.target-meal-serving{font-size:var(--fs-xs);color:var(--on-dark-muted)}.target-meal-kcal{font-size:var(--fs-sm);color:#ffab98;white-space:nowrap;font-weight:800}.target-meal-kcal:after{content:" kcal";font-size:var(--fs-xs);color:var(--on-dark-muted);font-weight:600}.target-menu-total{font-size:var(--fs-sm);color:var(--on-dark-muted);border-top:1px dashed #ffffff24;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;padding-top:14px;display:flex}.target-menu-total strong{color:#fff;font-size:var(--fs-md)}.target-menu-fit{border-radius:var(--radius-pill);color:#6ee7a8;font-size:var(--fs-xs);background:#12b76a2e;align-items:center;gap:6px;margin-left:auto;padding:4px 10px;font-weight:700;display:inline-flex}.target-cta{gap:10px;margin-top:4px;display:flex}.target-save{flex:1}.target-disclaimer{font-size:var(--fs-xs);color:var(--on-dark-muted);align-items:flex-start;gap:8px;line-height:1.5;display:flex}.target-disclaimer svg{flex:none;margin-top:1px}@media (width>=961px){.target-form{align-self:end;position:sticky;bottom:16px}}@media (width>=961px) and (height>=1200px){.target-form{top:calc(var(--nav-h) + 16px);align-self:start;bottom:auto}}@media (width<=1100px) and (width>=961px){.target-macros{gap:14px}.target-macro-row{flex-direction:column;align-items:flex-start}.target-top{grid-template-columns:minmax(0,190px) minmax(0,1fr)}.target-duo{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.target-bmi-legend{font-size:.625rem}.target-meals{grid-template-columns:minmax(0,1fr)}.target-glasses span{width:10px;height:16px}}@media (width<=960px){.target-card{grid-template-columns:minmax(0,1fr)}.target-science{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.target-science li{flex-direction:column;gap:8px}.target-top{grid-template-columns:minmax(0,220px) minmax(0,1fr)}}@media (width<=640px){.target-card{border-radius:var(--radius-lg);padding:6px}.target-results{border-radius:20px;padding:18px 14px}.target-trio{gap:8px}.target-unit-wrap .input{padding:12px 34px 12px 12px}.target-unit{right:10px}.target-goal{grid-template-columns:1fr;grid-template-areas:"icon""title""sub";row-gap:4px;padding:12px}.target-goal-icon{width:28px;height:28px;margin-bottom:4px}.target-top{grid-template-columns:minmax(0,1fr)}.target-gauge svg{max-width:210px}.target-chain li:not(.target-chain-op){padding:10px 14px}.target-macros{grid-template-columns:minmax(0,1fr);gap:14px}.target-macro-note{display:none}.target-bar{margin-bottom:0}.target-duo{grid-template-columns:minmax(0,1fr);gap:12px}.target-meals{grid-template-columns:minmax(0,1fr);gap:8px}.target-tile{padding:16px 14px}.target-tile-head{align-items:flex-start}.target-science{display:none}.target-menu .target-tile-head{flex-wrap:wrap}.target-menu .target-tile-head h4{flex:200px}.target-menu-fit{margin-left:0}.target-cta{flex-direction:column}.target-cta .btn{width:100%;font-size:var(--fs-base);white-space:normal;padding-inline:20px}}@media (width<=360px){.target-unit-wrap .input{padding:12px 26px 12px 10px}.target-unit{font-size:.75rem;right:8px}.target-chain-label{flex-wrap:wrap;row-gap:2px}}.price{isolation:isolate;overflow:hidden}.price-bg{z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 50% 48%,#12b76a33,#0000 70%),radial-gradient(30% 25% at 50% 40%,#c8f5601a,#0000 70%),radial-gradient(#ffffff12 1px,#0000 1.5px) 0 0/26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 70% at 50% 38%,#000 25%,#0000 85%);mask-image:radial-gradient(85% 70% at 50% 38%,#000 25%,#0000 85%)}.price-toggle-row{justify-content:center;margin:calc(clamp(40px,5vw,64px)/-2.85714) 0 clamp(52px,6vw,76px);display:flex}.price-toggle{border-radius:var(--radius-pill);border:1px solid var(--dark-line);background:#ffffff0f;grid-template-columns:1fr 1fr;padding:5px;display:grid;position:relative}.price-toggle button{z-index:1;border-radius:var(--radius-pill);min-height:44px;font-size:var(--fs-sm);color:var(--on-dark-muted);transition:color .3s var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 22px;font-weight:700;display:inline-flex;position:relative}.price-toggle button:hover{color:var(--on-dark)}.price-toggle button[aria-pressed=true]{color:var(--ink)}.price-toggle-thumb{border-radius:var(--radius-pill);width:calc(50% - 5px);transition:transform .5s var(--ease-spring);background:#fff;position:absolute;top:5px;bottom:5px;left:5px;box-shadow:0 6px 20px -6px #00000080}.price-toggle.is-yearly .price-toggle-thumb{transform:translate(100%)}.price-toggle-badge{padding:3px 8px;font-size:.7rem}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.price-grid-item{min-width:0;display:flex}.price-card{border-radius:var(--radius-xl);border:1px solid var(--dark-line);width:100%;transition:border-color .35s var(--ease), transform .45s var(--ease);background:linear-gradient(#fff1,#ffffff05);flex-direction:column;padding:32px 28px 28px;display:flex;position:relative}.price-card:hover{border-color:#fff3}.price-card--pop{background:radial-gradient(120% 55% at 50% 0%, #c8f56029, transparent 62%) padding-box, linear-gradient(180deg, #163322, #0e2017) padding-box, linear-gradient(165deg, var(--lime), var(--brand) 45%, #12b76a1f) border-box;border:1.5px solid #0000;transform:translateY(-16px);box-shadow:0 40px 100px -36px #c8f56066,0 20px 50px -30px #12b76ab3}.price-card--pop:hover{border-color:#0000}.price-pop{border-radius:var(--radius-pill);background:var(--lime);color:var(--ink);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;padding:6px 14px;font-weight:800;display:inline-flex;position:absolute;top:0;left:50%;translate:-50% -50%;box-shadow:0 8px 24px -6px #c8f56099}.price-card-head{align-items:center;gap:12px;display:flex}.price-card-head h3{letter-spacing:-.02em;font-size:1.35rem}.price-icon{width:40px;height:40px;color:var(--lime);background:#ffffff14;border-radius:12px;flex:none;place-items:center;display:grid}.price-card--pop .price-icon{background:var(--lime);color:var(--ink)}.price-tagline{font-size:var(--fs-sm);color:var(--on-dark-muted);margin-top:12px}.price-block{margin-top:24px}.price-amount{flex-wrap:wrap;align-items:baseline;gap:2px 6px;line-height:1;display:flex}.price-num{letter-spacing:-.045em;color:var(--on-dark);font-size:clamp(2.6rem,2rem + 1.5vw,3.25rem);font-weight:800}.price-cur{color:var(--on-dark);font-size:1.5rem;font-weight:800}.price-per{font-size:var(--fs-base);color:var(--on-dark-muted);font-weight:600}.price-sub{font-size:var(--fs-sm);color:var(--on-dark-muted);margin-top:10px}.price-extra{min-height:40px;font-size:var(--fs-sm);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;display:flex}.price-extra-text{color:var(--on-dark-muted)}.price-was{color:#8a9b91;font-weight:600;text-decoration-thickness:1.5px}.price-save{border-radius:var(--radius-pill);color:var(--lime);font-size:var(--fs-xs);animation:fadeUp .45s var(--ease);background:#c8f56024;padding:4px 10px;font-weight:800}.price-nudge{min-height:40px;color:var(--lime);border-radius:8px;align-items:center;gap:6px;font-weight:700;display:inline-flex}.price-nudge svg{transition:transform var(--dur) var(--ease)}.price-nudge:hover{text-underline-offset:3px;text-decoration:underline}.price-nudge:hover svg{transform:translate(3px)}.price-card-main,.price-card-list{flex-direction:column;min-width:0;display:flex}.price-card-list{flex:1}.price-card-main>.btn{margin-top:18px}.price-note{font-size:var(--fs-xs);text-align:center;color:var(--on-dark-muted);margin-top:12px;font-weight:600}.price-divider{background:var(--dark-line);height:1px;margin:24px 0 20px}.price-lead{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);font-weight:800}.price-features{gap:12px;margin-top:16px;display:grid}.price-features li{font-size:var(--fs-sm);color:var(--on-dark);align-items:flex-start;gap:12px;font-weight:500;line-height:1.45;display:flex}.price-tick{width:20px;height:20px;color:var(--lime);background:#c8f56024;border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.price-card--pop .price-tick{background:var(--lime);color:var(--ink)}.price-features li.is-off{color:#8a9b91}.price-features li.is-off .price-tick{color:#8a9b91;background:#ffffff0f}.price-family{font-size:var(--fs-sm);color:var(--on-dark-muted);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;padding-top:24px;display:flex}.price-family b{color:var(--on-dark)}.price-faces{padding-left:8px;display:flex}.price-faces span{background:var(--dark-3);border:2px solid #102419;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-8px;font-size:.95rem;display:grid}.price-trust{text-align:center;justify-items:center;gap:14px;margin-top:52px;display:grid}.price-pay{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.price-pay-label{font-size:var(--fs-sm);color:var(--on-dark-muted);margin-right:6px;font-weight:600}.price-pay-chip{border-radius:var(--radius-pill);border:1px solid var(--dark-line);font-size:var(--fs-sm);letter-spacing:-.01em;color:var(--on-dark);background:#ffffff0d;padding:6px 14px;font-weight:800}.price-fine{font-size:var(--fs-sm);color:var(--on-dark-muted);align-items:flex-start;gap:8px;display:inline-flex}.price-fine svg{color:var(--lime);flex:none;margin-top:3px}.price-compare{justify-items:center;margin-top:36px;display:grid}.price-chev{transition:transform .35s var(--ease)}.price-compare-btn[aria-expanded=true] .price-chev{transform:rotate(180deg)}.price-compare-panel{opacity:0;visibility:hidden;min-width:0;transition:grid-template-rows .55s var(--ease), opacity .4s var(--ease), visibility 0s linear .55s;grid-template-rows:0fr;justify-self:stretch;display:grid}.price-compare-panel.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.price-compare-inner{min-width:0;min-height:0;overflow:hidden}.price-swipe-hint{display:none}.price-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--dark-line);background:var(--dark-2);overscroll-behavior-x:contain;margin-top:24px;overflow-x:auto}.price-table{border-collapse:separate;border-spacing:0;width:100%;min-width:720px;font-size:var(--fs-sm)}.price-table th,.price-table td{text-align:center;border-bottom:1px solid var(--dark-line);color:var(--on-dark-muted);padding:14px 20px;font-weight:600}.price-table tbody:last-child tr:last-child>*{border-bottom:0}.price-table thead th{vertical-align:bottom;padding-block:22px 18px}.price-table th[scope=row],.price-table th[scope=rowgroup],.price-th-feature{z-index:1;text-align:left;width:34%;color:var(--on-dark);background:var(--dark-2);position:sticky;left:0}.price-th-feature{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--on-dark-muted)!important}.price-th-name{color:var(--on-dark);font-size:1.05rem;font-weight:800;display:block}.price-th-price{font-size:var(--fs-xs);color:var(--on-dark-muted);margin-top:4px;font-weight:600;display:block}.price-table .is-pop{background:#c8f5600d}.price-table td.is-pop{color:var(--on-dark)}.price-table thead .is-pop .price-th-name{color:var(--lime)}.price-table .price-group>*{border-bottom-color:#0000}.price-table .price-group th{text-align:left;font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);border-bottom-color:#0000;padding:24px 20px 10px;font-weight:800}.price-cell-yes,.price-cell-no{vertical-align:middle;border-radius:50%;place-items:center;width:24px;height:24px;display:inline-grid}.price-cell-yes{color:var(--lime);background:#c8f56024}.price-cell-no{color:#ffffff47}.price-biz{border-radius:var(--radius-lg);border:1px solid var(--dark-line);background:linear-gradient(100deg,#c8f56017,#ffffff08 60%);align-items:center;gap:20px;margin-top:48px;padding:24px 28px;display:flex}.price-biz-icon{width:52px;height:52px;color:var(--lime);background:#c8f56024;border-radius:16px;flex:none;place-items:center;display:grid}.price-biz-text{flex:1;min-width:0}.price-biz-title{letter-spacing:-.02em;color:var(--on-dark);font-size:1.15rem;font-weight:800}.price-biz-text p:last-child{font-size:var(--fs-sm);color:var(--on-dark-muted);margin-top:2px}.price-biz-btn{flex:none}@media (width<=960px){.price-grid{grid-template-columns:minmax(0,1fr);gap:28px;max-width:540px;margin-inline:auto}.price-card--pop{transform:none}.price-table{min-width:0}}@media (width<=960px) and (width>=641px){.price-grid{max-width:760px}.price-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.price-card-list{border-left:1px solid var(--dark-line);padding-left:32px}.price-divider{display:none}}@media (width<=640px){.price-toggle button{padding:8px 16px}.price-card{border-radius:var(--radius-lg);padding:30px 22px 24px}.price-trust{margin-top:40px}.price-fine{text-align:left}.price-biz{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.price-biz-btn{width:100%}.price-table th,.price-table td{padding:12px 14px}.price-table{table-layout:fixed;min-width:470px}.price-swipe-hint{font-size:var(--fs-xs);text-align:right;color:var(--on-dark-muted);margin-top:20px;font-weight:600;display:block}.price-swipe-hint+.price-table-wrap{margin-top:10px}.price-table th[scope=row],.price-th-feature{width:120px;min-width:120px}.price-table th[scope=row]{font-size:var(--fs-xs)}}.faq-grid{grid-template:"head main""support main"1fr/minmax(0,380px) minmax(0,1fr);align-items:start;column-gap:clamp(40px,6vw,96px);display:grid}.faq-head{grid-area:head;margin-bottom:32px}.faq-main{grid-area:main;min-width:0}.faq-support{top:calc(var(--nav-h) + 24px);background:radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--lime) 28%, transparent) 0%, transparent 55%), linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%);grid-area:support;padding:28px;position:sticky;overflow:hidden}.faq-team{justify-content:space-between;align-items:center;gap:12px;display:flex}.faq-avatars{display:flex;position:relative}.faq-avatar{border:3px solid var(--surface);color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;width:44px;height:44px;margin-left:-10px;font-size:.75rem;font-weight:800;display:grid}.faq-avatar:first-child{margin-left:0}.faq-avatar--1{background:linear-gradient(135deg,#ff9a6b,#ff5c8a)}.faq-avatar--2{background:linear-gradient(135deg,#4c7dff,#7c5cff)}.faq-avatar--3{background:linear-gradient(135deg,#12b76a,#8fd14a)}.faq-team-status{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-xs);align-items:center;gap:6px;padding:5px 12px;font-weight:700;display:inline-flex}.faq-support-title{margin-top:22px;font-size:1.375rem}.faq-support-text{color:var(--muted);margin-top:8px;font-size:.95rem;line-height:1.6}.faq-support-cta{margin-top:22px}.faq-support-meta{border-top:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-sm);align-items:center;gap:8px;margin-top:16px;padding-top:14px;font-weight:600;display:flex}.faq-support-meta span{overflow-wrap:anywhere;flex:1;min-width:0}.faq-copy{border-radius:var(--radius-pill);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--ink-2);font-size:var(--fs-xs);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);flex:none;align-items:center;gap:6px;padding:0 14px;font-weight:700;display:inline-flex}.faq-copy:hover{background:var(--ink);border-color:var(--ink);color:#fff}.faq-support-meta svg{color:var(--brand-600);flex:none}.faq-search{position:relative}.faq-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.faq-search-input{border-radius:var(--radius-pill);background:var(--surface);min-height:54px;box-shadow:var(--shadow-sm);padding-left:48px;padding-right:52px}.faq-search-input::-webkit-search-cancel-button{appearance:none}.faq-search-clear{width:40px;height:40px;color:var(--muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.faq-search-clear:hover{background:var(--surface-2);color:var(--ink)}.faq-chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.faq-chip-count{border-radius:var(--radius-pill);background:var(--surface-2);min-width:22px;color:var(--muted);text-align:center;padding:1px 7px;font-size:.72rem;font-weight:700;transition:inherit}.faq-chip[aria-pressed=true] .faq-chip-count{color:var(--lime);background:#ffffff24}.faq-list{gap:12px;margin-top:24px;display:grid}.faq-item{border:1px solid var(--line);background:var(--surface);transition:border-color .35s var(--ease), box-shadow .35s var(--ease);border-radius:20px;position:relative}.faq-item:hover{border-color:var(--line-strong)}.faq-item:before{content:"";background:var(--grad-brand);width:3px;transition:transform .45s var(--ease);border-radius:0 3px 3px 0;position:absolute;top:22px;bottom:22px;left:-1px;transform:scaleY(0)}.faq-item.is-open{box-shadow:var(--shadow);border-color:#0000}.faq-item.is-open:before{transform:scaleY(1)}.faq-q{font-size:inherit;letter-spacing:normal;line-height:inherit}.faq-q button{text-align:left;letter-spacing:-.012em;width:100%;min-height:72px;color:var(--ink);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px 18px 24px;font-size:1.0625rem;font-weight:700;line-height:1.4;display:flex}.faq-q button:focus-visible{outline-offset:-3px;border-radius:20px}.faq-icon{background:var(--surface-2);width:34px;height:34px;transition:background-color .3s var(--ease), transform .3s var(--ease);border-radius:50%;flex:none;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:var(--ink);width:14px;height:2px;transition:transform .45s var(--ease), background-color .3s var(--ease);border-radius:2px;margin:-1px 0 0 -7px;position:absolute;top:50%;left:50%}.faq-icon:after{transform:rotate(90deg)}.faq-q button:hover .faq-icon{transform:scale(1.08)}.faq-item.is-open .faq-icon{background:var(--ink)}.faq-item.is-open .faq-icon:before,.faq-item.is-open .faq-icon:after{background:var(--lime)}.faq-item.is-open .faq-icon:after{transform:rotate(180deg)}.faq-panel{transition:grid-template-rows .45s var(--ease);grid-template-rows:0fr;display:grid}.faq-item.is-open .faq-panel{grid-template-rows:1fr}.faq-panel-inner{min-height:0;overflow:hidden}.faq-answer{color:var(--ink-2);opacity:0;transition:opacity .25s var(--ease), transform .4s var(--ease);gap:12px;padding:0 24px 20px;line-height:1.7;display:grid;transform:translateY(-6px)}.faq-item.is-open .faq-answer{opacity:1;transition-delay:.1s;transform:none}.faq-answer>p{max-width:64ch}.faq-points{gap:8px;display:grid}.faq-points li{align-items:flex-start;gap:10px;display:flex}.faq-points svg{background:var(--brand-50);width:20px;height:20px;color:var(--brand-700);border-radius:50%;flex:none;margin-top:3px;padding:3px}.faq-link{color:var(--brand-700);justify-self:start;align-items:center;gap:6px;margin-block:-6px;padding-block:8px;font-size:.95rem;font-weight:700;display:inline-flex}.faq-link svg{transition:transform var(--dur) var(--ease)}.faq-link:hover{text-underline-offset:3px;text-decoration:underline}.faq-link:hover svg{transform:translate(3px)}.faq-helpful{border-top:1px dashed var(--line-strong);color:var(--muted);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:14px;font-weight:600;display:flex}.faq-votes{gap:6px;display:flex}.faq-vote{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);width:44px;height:40px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), opacity var(--dur) var(--ease), transform var(--dur) var(--ease-spring);place-items:center;font-size:1.05rem;line-height:1;display:grid}.faq-vote:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong);transform:translateY(-2px)}.faq-vote:active:not(:disabled){transform:scale(.92)}.faq-vote:disabled{cursor:default;opacity:.35}.faq-vote.is-picked{opacity:1;background:var(--lime-200);border-color:var(--lime);animation:faq-pop .45s var(--ease-spring)}.faq-mark{background:var(--lime-200);color:inherit;box-shadow:inset 0 -2px 0 var(--lime);border-radius:4px;padding:0 2px}.faq-empty{border:1.5px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;animation:fadeUp .4s var(--ease);justify-items:center;margin-top:24px;padding:48px 24px;display:grid}.faq-empty-art{background:linear-gradient(135deg, var(--brand-50), var(--lime-200));border-radius:20px;place-items:center;width:64px;height:64px;font-size:30px;display:grid;transform:rotate(-6deg)}.faq-empty-title{font-size:var(--fs-lg);overflow-wrap:anywhere;margin-top:18px}.faq-empty-text{max-width:42ch;color:var(--muted);margin-top:8px;font-size:.95rem}.faq-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.faq-modal-head{padding:32px 32px 0}.faq-avatars--sm .faq-avatar{width:40px;height:40px;margin-left:-8px;font-size:.7rem}.faq-avatars--sm .faq-avatar:first-child{margin-left:0}.faq-modal-head h2{letter-spacing:-.025em;margin-top:16px;font-size:1.625rem}.faq-modal-head p{color:var(--muted);margin-top:6px;font-size:.95rem}.faq-form{gap:16px;padding:24px 32px 28px;display:grid}.faq-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.faq-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.faq-counter{color:var(--muted);font-size:var(--fs-xs);align-items:center;gap:4px;font-weight:600;display:inline-flex}.faq-counter.is-ok{color:var(--brand-700)}.faq-form .btn-block{margin-top:4px}.faq-form-note{color:var(--muted);font-size:var(--fs-sm);text-align:center;overflow-wrap:anywhere}.faq-form-note strong{color:var(--ink-2)}@keyframes faq-pop{40%{transform:scale(1.18)}}@media (width<=960px){.faq-grid{grid-template:"head""main""support"/minmax(0,1fr)}.faq-head{max-width:640px}.faq-support{margin-top:32px;position:static}.faq-support-cta{width:auto}}@media (width<=640px){.faq-chips{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter) 40px;scroll-padding-inline:var(--gutter) 40px;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.faq-chips::-webkit-scrollbar{display:none}.faq-chip{flex:none}.faq-q button{gap:14px;min-height:64px;padding:16px 16px 16px 18px;font-size:1rem}.faq-icon{width:30px;height:30px}.faq-answer{padding:0 18px 18px;font-size:.95rem}.faq-support{padding:24px}.faq-support-cta{width:100%}.faq-modal-head{padding:28px 20px 0}.faq-form{padding:20px 20px 24px}.faq-form-row{grid-template-columns:1fr}}.cta{padding-top:clamp(24px,4vw,48px)}.cta-card{isolation:isolate;border-radius:var(--radius-xl);min-height:620px;color:var(--on-dark);background:linear-gradient(125deg,#06110c 0%,#0a2117 36%,#0b5434 70%,#109257 100%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding:clamp(40px,6vw,80px) 0 0 clamp(40px,6vw,80px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #0b1f17a6,inset 0 0 0 1px #ffffff0f}.cta-bg{z-index:-1;pointer-events:none;position:absolute;inset:0}.cta-blob{border-radius:50%;animation:18s ease-in-out infinite alternate cta-drift;position:absolute}.cta-blob--lime{background:radial-gradient(circle,#c8f5606b 0%,#c8f56000 62%);width:520px;height:520px;top:-22%;right:6%}.cta-blob--green{background:radial-gradient(circle,#12b76a99 0%,#12b76a00 65%);width:640px;height:640px;animation-duration:22s;animation-delay:-7s;bottom:-40%;right:-14%}.cta-blob--deep{background:radial-gradient(circle,#2e8c5c59 0%,#2e8c5c00 65%);width:520px;height:520px;animation-duration:26s;animation-delay:-12s;bottom:-35%;left:-12%}.cta-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-position:-1px -1px;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(65% 75% at 72% 38%,#000 0%,#0000 78%);mask-image:radial-gradient(65% 75% at 72% 38%,#000 0%,#0000 78%)}.cta-copy{align-self:center;min-width:0;padding-bottom:clamp(40px,6vw,80px)}.cta-eyebrow{border-radius:var(--radius-pill);color:var(--lime);font-size:var(--fs-sm);background:#c8f5601f;border:1px solid #c8f56038;align-items:center;gap:8px;padding:6px 14px 6px 12px;font-weight:700;display:inline-flex}.cta-title{color:#fff;letter-spacing:-.035em;max-width:15ch;margin-top:20px;font-size:clamp(2.3rem,1.3rem + 3.3vw,3.9rem);line-height:1.04}.cta-title .accent{color:var(--lime);margin-right:-.06em}.cta-lead{color:#f3f7efbd;max-width:46ch;margin-top:20px;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);line-height:1.65}.cta-form{max-width:520px;margin-top:32px}.cta-field{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background-color var(--dur) var(--ease);background:#ffffff14;border:1px solid #ffffff2e;gap:6px;padding:6px;display:flex}.cta-field:hover{border-color:#ffffff4d}.cta-field:focus-within{border-color:var(--lime);background:#ffffff1c;box-shadow:0 0 0 4px #c8f5602e}.cta-field.is-invalid{border-color:#ff9b8a;box-shadow:0 0 0 4px #ff6b4a2e}.cta-field input{border-radius:var(--radius-pill);color:#fff;background:0 0;border:0;flex:1;min-width:0;min-height:48px;padding:0 18px;font-size:1rem}.cta-field input:focus,.cta-field input:focus-visible{outline:none}.cta-field input::placeholder{color:#f3f7ef80}.cta-field .btn{flex:none;min-height:48px}.cta-field .btn svg{transition:transform var(--dur) var(--ease)}.cta-field .btn:hover svg{transform:translate(3px)}.cta-error{color:#ffb5a5;font-size:var(--fs-sm);animation:fadeUp .3s var(--ease);margin-top:10px;padding-left:18px;font-weight:600}.cta-perks{color:#f3f7efd6;font-size:var(--fs-sm);flex-wrap:wrap;gap:10px 22px;margin-top:20px;font-weight:600;display:flex}.cta-perks li{align-items:center;gap:8px;display:inline-flex}.cta-check{width:20px;height:20px;color:var(--lime);background:#c8f56029;border-radius:50%;place-items:center;display:grid}.cta-visual{min-height:540px;position:relative}.cta-phone{transform-origin:50% 0;background:linear-gradient(145deg,#2a3a32 0%,#0b1410 40%,#1d2a24 100%);border-radius:52px;width:290px;height:610px;margin-left:-145px;padding:10px;position:absolute;top:8px;left:50%;transform:rotate(8deg);box-shadow:inset 0 0 0 1.5px #ffffff29,inset 0 0 0 4px #050a07,-30px 50px 80px -20px #0000008c}.cta-screen{height:100%;color:var(--ink);background:linear-gradient(#eef6e3 0%,#f7f8f3 30% 100%);border-radius:42px;flex-direction:column;gap:10px;padding:0 14px;font-size:12px;line-height:1.3;display:flex;overflow:hidden}.cta-screen>*{flex-shrink:0}.cta-status{justify-content:space-between;align-items:center;height:44px;padding:4px 8px 0 14px;font-size:13px;font-weight:700;display:flex;position:relative}.cta-island{background:#050807;border-radius:20px;width:86px;height:25px;margin-left:-43px;position:absolute;top:10px;left:50%}.cta-status-icons{align-items:center;gap:3px;display:inline-flex}.cta-app-head{justify-content:space-between;align-items:center;gap:8px;padding:2px 2px 0;display:flex}.cta-app-kicker{color:var(--muted);font-size:10.5px;font-weight:600}.cta-app-title{letter-spacing:-.02em;margin-top:2px;font-size:17px;font-weight:800}.cta-app-share{width:30px;height:30px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;display:grid}.cta-app-card{background:#fff;border-radius:18px;padding:12px;box-shadow:0 1px 2px #0b1f170d,0 8px 18px -12px #0b1f1738}.cta-avg-top{color:var(--muted);justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;display:flex}.cta-delta{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.cta-avg-num{letter-spacing:-.03em;margin-top:2px;font-size:24px;font-weight:800}.cta-avg-num small{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:600}.cta-chart{grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;height:100px;margin-top:10px;display:grid;position:relative}.cta-bar-col{grid-template-rows:1fr 13px;justify-items:center;gap:4px;height:100%;display:grid}.cta-bar-col small{color:var(--muted);font-size:9.5px;font-weight:700;line-height:13px}.cta-bar{width:100%;height:calc(var(--h) * 100%);background:linear-gradient(180deg, #8fe34d 0%, var(--brand) 100%);transform-origin:bottom;border-radius:6px 6px 4px 4px;align-self:end}.cta-bar.is-over{background:var(--grad-warm)}.cta-goal{left:-2px;right:-2px;bottom:calc(var(--g) * (100% - 17px) + 17px);z-index:1;border-top:1.5px dashed #0b1f1752;position:absolute}.cta-goal i{color:var(--muted);background:#fff;border-radius:4px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:-15px;right:0}.reveal.is-visible .cta-bar{animation:cta-grow .8s var(--ease) calc(.25s + var(--i) * 60ms) both}.cta-app-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cta-mini{gap:1px;display:grid}.cta-mini small{color:var(--muted);font-size:10px;font-weight:600}.cta-mini strong{letter-spacing:-.02em;font-size:15px;font-weight:800}.cta-spark{width:100%;height:16px;margin-top:5px;overflow:visible}.cta-spark path{fill:none;stroke:var(--brand);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.cta-dots{gap:4px;margin-top:9px;display:flex}.cta-dots i{background:#ffd9cf;border-radius:50%;width:9px;height:9px}.cta-dots i.is-hit{background:var(--brand)}.cta-split-bar{gap:3px;height:8px;display:flex}.cta-split-bar i{border-radius:var(--radius-pill)}.cta-p{background:var(--protein)}.cta-c{background:var(--carbs)}.cta-f{background:var(--fat)}.cta-split-legend{color:var(--ink-2);white-space:nowrap;justify-content:space-between;gap:4px;margin-top:9px;font-size:9.5px;font-weight:700;display:flex}.cta-split-legend span{align-items:center;gap:4px;display:inline-flex}.cta-split-legend .dot{width:7px;height:7px}.cta-insight{background:var(--ink);color:#f3f7efdb;border-radius:16px;align-items:flex-start;gap:10px;padding:11px 12px;font-size:11px;line-height:1.45;display:flex}.cta-insight strong{color:var(--lime)}.cta-insight-icon{background:#ffffff1a;border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.cta-preview{z-index:2;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);color:var(--ink);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#ffffffeb;padding:8px 14px;font-weight:800;position:absolute;top:-12px;left:calc(50% - 201px);transform:rotate(-4deg);box-shadow:0 18px 40px -16px #00000080}@keyframes cta-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-40px,30px)scale(1.12)}}@keyframes cta-grow{0%{transform:scaleY(0)}}@media (width<=960px){.cta-card{text-align:center;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:clamp(40px,7vw,64px) clamp(24px,6vw,56px) 0}.cta-copy{padding-bottom:0}.cta-title,.cta-lead{margin-inline:auto}.cta-form{text-align:left;margin-inline:auto}.cta-perks{justify-content:center}.cta-visual{min-height:460px;margin-top:24px}.cta-grid{-webkit-mask-image:radial-gradient(80% 60% at 50% 80%,#000 0%,#0000 80%);mask-image:radial-gradient(80% 60% at 50% 80%,#000 0%,#0000 80%)}.cta-blob--lime{top:auto;bottom:10%;right:-30%}}@media (width<=640px){.cta-card{border-radius:var(--radius-lg);padding:44px 20px 0}.cta-field{border-radius:22px;flex-direction:column}.cta-field input{padding:0 14px}.cta-field .btn{width:100%}.cta-perks{gap:8px 16px}.cta-visual{min-height:400px;margin-top:28px}.cta-phone{transform:rotate(6deg)scale(.88)}.cta-preview{left:0}}.foot{isolation:isolate;background:radial-gradient(55% 60% at 0% 0%, #12b76a29, transparent 70%), radial-gradient(45% 50% at 100% 100%, #c8f56014, transparent 70%), var(--dark);color:var(--on-dark);padding-top:clamp(64px,8vw,104px);position:relative;overflow:hidden}.foot-top{border-bottom:1px solid var(--dark-line);grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(32px,6vw,96px);padding-bottom:clamp(48px,6vw,72px);display:grid}.foot-logo .nav-logo-mark{box-shadow:0 0 0 1px #ffffff24}.foot-mission{letter-spacing:-.035em;max-width:17ch;margin-top:24px;font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:800;line-height:1.08}.foot-mission .accent{color:var(--lime)}.foot-news{border-radius:var(--radius-lg);border:1px solid var(--dark-line);background:linear-gradient(160deg,#ffffff12,#ffffff05);padding:clamp(24px,3vw,32px);position:relative;box-shadow:inset 0 1px #ffffff0f}.foot-news:before{content:"🥗";background:var(--lime);border-radius:14px;place-items:center;width:44px;height:44px;font-size:1.375rem;display:grid;position:absolute;top:-18px;right:24px;transform:rotate(8deg);box-shadow:0 10px 24px -10px #c8f560b3}.foot-news-title{letter-spacing:-.025em;text-wrap:balance;padding-right:40px;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.2}.foot-news-sub{color:var(--on-dark-muted);margin-top:8px;font-size:.9375rem;line-height:1.55}.foot-news-row{gap:8px;margin-top:20px;display:flex}.foot-input{border-radius:var(--radius-pill);min-width:0;color:var(--on-dark);background:#ffffff0f;border-color:#ffffff29;flex:1;padding-inline:20px}.foot-input::placeholder{color:#f3f7ef73}.foot-input:hover{border-color:#ffffff4d}.foot-input:focus{border-color:var(--lime);box-shadow:0 0 0 4px #c8f5602e}.foot-input[aria-invalid=true]{border-color:#ff8f92}.foot-news-btn{min-width:128px;min-height:48px}.foot-news-note{min-height:24px;color:var(--on-dark-muted);text-wrap:pretty;margin-top:12px;font-size:.8125rem}.foot-error{color:#ff9b9e;font-size:.8125rem}.foot-subscribed{color:var(--on-dark-muted);align-items:center;gap:6px;min-width:0;display:inline-flex}.foot-subscribed svg{color:var(--lime);flex:none}.foot-subscribed strong{color:var(--on-dark);overflow-wrap:anywhere;font-weight:700}.foot-mid{grid-template-columns:1fr auto;gap:48px;padding-block:clamp(48px,6vw,72px);display:grid}.foot-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.foot-col-title{letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:12px;font-size:.75rem;font-weight:700;line-height:1.4}.foot-link{color:#f3f7efdb;text-align:left;min-height:40px;transition:color .2s var(--ease);flex-wrap:wrap;align-items:center;gap:8px;padding-block:6px;font-size:.9375rem;font-weight:500;line-height:1.4;display:inline-flex}.foot-link:hover{color:var(--lime)}.foot-badge{border-radius:var(--radius-pill);color:var(--lime);white-space:nowrap;background:#c8f56024;padding:2px 8px;font-size:.6875rem;font-weight:700}.foot-follow{align-content:start;justify-items:start;display:grid}.foot-social{gap:10px;display:flex}.foot-soc{border:1px solid var(--dark-line);width:44px;height:44px;color:var(--on-dark);transition:background-color .25s var(--ease), color .25s var(--ease), transform .35s var(--ease-spring), border-color .25s var(--ease);background:#ffffff0a;border-radius:50%;place-items:center;display:grid}.foot-soc:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:translateY(-3px)}.foot-bottom{border-top:1px solid var(--dark-line);font-size:var(--fs-sm);color:var(--on-dark-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:24px;display:flex}.foot-bottom-right{align-items:center;gap:20px;display:flex}.foot-lang{min-height:40px;color:var(--on-dark-muted);transition:color .2s var(--ease);align-items:center;gap:6px;padding-inline:4px;font-weight:600;display:inline-flex}.foot-lang:hover{color:var(--on-dark)}.foot-disclaimer{max-width:640px;font-size:var(--fs-xs);color:#a6b8add9;margin-top:8px;line-height:1.6}.foot-giant{letter-spacing:-.04em;text-align:center;background:linear-gradient(#c8f56033 0%,#12b76a14 55%,#12b76a00 90%);color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-background-clip:text;background-clip:text;margin-top:clamp(24px,4vw,48px);margin-bottom:-.2em;padding-right:.09em;font-size:clamp(5.5rem,24vw,22rem);font-weight:800;line-height:.9}.foot-totop{z-index:calc(var(--z-banner) - 10);background:var(--ink);color:#fff;width:52px;height:52px;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s var(--ease), transform .4s var(--ease-spring), background-color .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:24px;right:24px;transform:translateY(16px)scale(.85)}.foot-totop.is-shown{opacity:1;pointer-events:auto;transform:none}.foot-totop:hover{background:#163327}.foot-totop:hover svg:last-child{animation:footBob .6s var(--ease)}.foot-totop-ring{fill:none;stroke-width:2.5px;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.foot-totop-ring circle:first-child{stroke:#ffffff1f}.foot-totop-ring circle:last-child{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0))}body:has(.cookie) .foot-totop{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(16px)scale(.85)}@keyframes footBob{50%{transform:translateY(-3px)}}@media (width<=960px){.foot-top{grid-template-columns:1fr}.foot-mission{max-width:20ch}.foot-mid{grid-template-columns:1fr}.foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media (width<=640px){.foot-news-row{flex-direction:column}.foot-news-btn{width:100%}.foot-bottom{flex-direction:column;align-items:flex-start;gap:4px}.foot-bottom-right{gap:16px}.foot-totop{width:48px;height:48px;bottom:16px;right:16px}}.modal-panel.demo-modal{max-width:980px;height:min(800px,100dvh - 40px);display:flex;overflow:hidden}.demo-brand{isolation:isolate;min-width:0;color:var(--on-dark);background:radial-gradient(70% 42% at 100% 100%, #c8f56029, transparent 70%), radial-gradient(70% 40% at 0% 0%, #12b76a4d, transparent 70%), var(--grad-dark);flex-direction:column;flex:0 0 38%;gap:28px;padding:32px 32px 28px;display:flex;position:relative;overflow:hidden}.demo-brand:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 60%);mask-image:linear-gradient(#000 0%,#0000 60%)}.demo-brand :focus-visible{outline-color:var(--lime)}.demo-brand .nav-logo-word{color:var(--on-dark)}.demo-brand .nav-logo-mark{box-shadow:0 0 0 1px #ffffff24,0 8px 20px -8px #0009}.demo-brand-copy{animation:demo-in .5s var(--ease) both;gap:14px;display:grid}.demo-badge{border-radius:var(--radius-pill);color:var(--lime);font-size:var(--fs-xs);letter-spacing:.01em;white-space:nowrap;background:#c8f5601f;border:1px solid #c8f56033;justify-self:start;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-weight:700;display:inline-flex}.demo-badge--light{background:var(--brand-50);border-color:color-mix(in srgb, var(--brand) 22%, transparent);color:var(--brand-700)}.demo-pulse{background:currentColor;border-radius:50%;width:7px;height:7px;position:relative}.demo-pulse:after{content:"";animation:demo-ping 2s var(--ease) infinite;background:currentColor;border-radius:50%;position:absolute;inset:0}.demo-brand-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(1.875rem,1.2rem + 1.3vw,2.375rem);font-weight:800;line-height:1.08}.demo-brand-title .accent{color:var(--lime);font-size:1.1em;line-height:1}.demo-brand-lead{color:#f3f7efcc;text-wrap:pretty;font-size:.9375rem;line-height:1.5}.demo-cover-wrap{animation:demo-in .6s var(--ease) .12s both}.demo-brand-label{letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted);margin-bottom:14px;font-size:11px;font-weight:800}.demo-cover{gap:14px;display:grid}.demo-cover li{color:var(--on-dark-muted);text-wrap:pretty;align-items:flex-start;gap:12px;font-size:.8125rem;line-height:1.45;display:flex}.demo-cover strong{font-size:var(--fs-sm);color:var(--on-dark);font-weight:700;display:block}.demo-cover-icon{width:34px;height:34px;color:var(--lime);background:#ffffff12;border:1px solid #ffffff1a;border-radius:11px;flex:none;place-items:center;display:grid}.demo-brand-foot{gap:10px;margin-top:auto;display:grid}.demo-facts{flex-wrap:wrap;gap:8px;display:flex}.demo-facts li{border-radius:var(--radius-pill);font-size:var(--fs-xs);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff17;align-items:center;gap:7px;padding:7px 12px 7px 10px;font-weight:700;display:inline-flex}.demo-facts svg{color:var(--lime);flex:none}.demo-contact{color:var(--on-dark-muted);flex-wrap:wrap;align-items:center;column-gap:6px;font-size:.8125rem;display:flex}.demo-contact-btn{min-height:40px;color:var(--on-dark);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease);font-weight:700;-webkit-text-decoration:underline #c8f56080;text-decoration:underline #c8f56080}.demo-contact-btn:hover{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.demo-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex-direction:column;flex:1;min-width:0;padding:36px clamp(24px,4vw,48px) 28px;display:flex;overflow-y:auto}.demo-form,.demo-done{width:100%;max-width:520px;animation:demo-in .45s var(--ease) both;margin:auto;container-type:inline-size}.demo-head{margin-bottom:20px;padding-right:40px}.demo-mhead,.demo-mfacts{display:none}.demo-title{letter-spacing:-.035em;font-size:clamp(1.625rem,1.3rem + .8vw,2rem);line-height:1.12}.demo-title:focus{outline:none}.demo-sub{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:.9375rem;line-height:1.5}.demo-plan{border-radius:var(--radius-pill);background:var(--brand-50);border:1px solid color-mix(in srgb, var(--brand) 25%, transparent);max-width:100%;min-height:40px;color:var(--brand-700);font-size:var(--fs-sm);animation:demo-in .35s var(--ease) both;align-items:center;gap:8px;margin-top:14px;padding-left:14px;font-weight:600;display:inline-flex}.demo-plan svg{flex:none}.demo-plan strong{font-weight:800}.demo-plan-x{width:40px;height:40px;transition:background-color var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;margin:-1px -1px -1px -4px;display:grid}.demo-plan-x:hover{background:color-mix(in srgb, var(--brand) 14%, transparent)}.demo-form{gap:6px;display:grid}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;column-gap:14px;display:grid}.demo-label-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.demo-modal .input{min-height:46px;padding:11px 14px}.demo-modal .textarea{min-height:96px;padding:11px 14px}.demo-modal input[type=date]{cursor:pointer}.demo-slot{min-height:26px}.demo-error{animation:demo-err .25s var(--ease) both;align-items:flex-start;padding-top:1px;font-size:.8125rem;line-height:1.45}.demo-error svg{flex:none;margin-top:1px}.demo-choice{border:0;min-width:0;margin:0;padding:0}.demo-choice legend{float:left;width:100%;margin-bottom:8px;padding:0}.demo-opts{clear:both;flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.demo-opt{border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--surface);min-height:40px;font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:8px 14px 8px 11px;font-weight:600;display:inline-flex;position:relative}.demo-opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-opt:hover{color:var(--ink);border-color:#b7c4ad}.demo-opt:has(input:focus-visible){outline:3px solid var(--brand-700);outline-offset:2px}.demo-opt:has([aria-invalid=true]){border-color:var(--danger)}.demo-opt-tick{border:1.5px solid var(--line-strong);color:#0000;width:16px;height:16px;transition:all var(--dur) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.demo-opt:has(:checked){border-color:var(--brand);background:var(--brand-50);color:var(--brand-700);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent)}.demo-opt:has(:checked) .demo-opt-tick{border-color:var(--brand);background:var(--brand);color:#fff}.demo-when{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;gap:6px;margin-bottom:14px;padding:16px 16px 2px;display:grid}.demo-choice--time .demo-opts{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.demo-choice--time .demo-opt{font-variant-numeric:tabular-nums;padding-inline:6px;font-weight:700}.demo-choice--time .demo-opt-tick{display:none}.demo-choice--time .demo-opt:has(:checked){border-color:var(--brand-700);background:var(--brand-700);color:#fff}.demo-submit{margin-top:4px}.btn.demo-submit[aria-busy=true]{opacity:1;cursor:progress}.demo-consent{font-size:var(--fs-xs);color:var(--muted);text-align:center;text-wrap:balance;margin-top:10px;line-height:1.5}.demo-link{color:var(--brand-700);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease);margin:-11px -2px;padding:11px 2px;font-weight:700;text-decoration-thickness:1.5px;display:inline-block}.demo-link:hover{text-decoration-color:currentColor}.demo-done{text-align:center;justify-items:center;display:grid}.demo-done .demo-sub{text-wrap:balance;max-width:380px}.demo-done-mark{background:var(--grad-brand);width:84px;height:84px;color:var(--ink);animation:demo-pop .6s var(--ease-spring) both;border-radius:50%;place-items:center;margin-bottom:22px;display:grid;position:relative;box-shadow:0 18px 40px -16px #12b76acc}.demo-done-mark:before,.demo-done-mark:after{content:"";border:2px solid var(--brand);opacity:0;animation:demo-ring 2.4s var(--ease) .5s infinite;border-radius:50%;position:absolute;inset:0}.demo-done-mark:after{animation-delay:1.7s}.demo-ticket{background:var(--surface-2);border:1px solid var(--line);text-align:left;width:100%;animation:demo-in .5s var(--ease) .15s both;border-radius:18px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1.25fr);margin-top:26px;display:grid}.demo-ticket li{align-content:start;gap:8px;padding:16px;display:grid}.demo-ticket li+li{border-left:1.5px dashed var(--line-strong)}.demo-ticket svg{color:var(--brand-700)}.demo-ticket small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;display:block}.demo-ticket strong{color:var(--ink);font-size:.9375rem;font-weight:800;line-height:1.3;display:block}.demo-tz{color:var(--muted);font-weight:600}.demo-done-mail{font-size:var(--fs-sm);color:var(--ink-2);justify-content:center;align-items:flex-start;gap:8px;margin-top:16px;display:flex}.demo-done-mail svg{color:var(--brand-700);flex:none;margin-top:3px}.demo-done-mail strong{overflow-wrap:anywhere}.demo-done-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:24px;display:grid}.demo-cal{--btn-bd:var(--line-strong)}.demo-done .demo-consent{margin-top:14px}@keyframes demo-in{0%{opacity:0;transform:translateY(10px)}}@keyframes demo-err{0%{opacity:0;transform:translateY(-4px)}}@keyframes demo-pop{0%{opacity:0;scale:.6}}@keyframes demo-ping{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes demo-ring{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@container (width<=440px){.demo-grid,.demo-ticket{grid-template-columns:minmax(0,1fr)}.demo-ticket li{grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 16px}.demo-ticket li+li{border-left:0;border-top:1.5px dashed var(--line-strong)}.demo-done-actions{grid-template-columns:minmax(0,1fr)}}@container (width<=400px){.demo-when{padding-inline:12px}.demo-choice--time .demo-opts{gap:6px}.demo-choice--time .demo-opt{padding-inline:2px}}@container (width<=300px){.demo-choice--time .demo-opts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (height<=780px) and (width>=860px){.demo-brand{gap:20px;padding-block:26px 22px}.demo-cover{gap:10px}.demo-cover-text{display:none}.demo-cover li{align-items:center}}@media (width<=859px){.modal-panel.demo-modal{max-width:560px;height:auto;display:block;overflow-y:auto}.demo-brand{display:none}.demo-main{padding:0 28px 28px;display:block;overflow:visible}.demo-modal .modal-close{background:var(--surface);box-shadow:var(--shadow-sm);margin:14px 14px -54px auto;display:grid;position:sticky;top:14px}.demo-head{padding-right:0}.demo-done{padding-top:44px}.demo-mhead{flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:68px;padding:14px 48px 14px 0;display:flex}.demo-mfacts{font-size:var(--fs-xs);color:var(--ink-2);flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-weight:700;display:flex}.demo-mfacts li{align-items:center;gap:6px;display:inline-flex}.demo-mfacts svg{color:var(--brand-700)}}@media (width<=640px){.modal-panel.demo-modal{max-width:none;animation-timing-function:var(--ease)}.modal-panel.demo-modal:before{content:"";z-index:3;border-radius:var(--radius-pill);background:var(--line-strong);width:40px;height:4px;position:absolute;top:8px;left:50%;translate:-50%}.demo-main{padding:0 20px calc(24px + env(safe-area-inset-bottom))}.demo-title{font-size:1.5rem}.demo-sub{font-size:var(--fs-sm)}}@media (forced-colors:active){.demo-opt:has(:checked){outline-offset:-3px;outline:3px solid highlight}}.cookie{z-index:var(--z-banner);overscroll-behavior:contain;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);width:min(420px,100vw - 48px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-lg), 0 0 0 6px #0b1f1708;animation:cookieIn .6s var(--ease-spring);padding:22px 22px 20px;position:fixed;bottom:24px;right:24px;overflow-y:auto}.cookie:focus{outline:none}.cookie:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 45%, transparent);outline-offset:2px}#main[tabindex="-1"]:focus{outline:none}.cookie-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.cookie-title{letter-spacing:-.02em;font-size:1.125rem;line-height:1.3}.cookie-close{width:40px;height:40px;color:var(--muted);transition:background-color .2s var(--ease), color .2s var(--ease);border-radius:50%;flex:none;place-items:center;margin:-8px -8px -8px 0;display:grid}.cookie-close:hover{background:var(--surface-2);color:var(--ink)}.cookie-text{font-size:var(--fs-sm);color:var(--muted);margin-top:8px;line-height:1.55}.cookie-link{color:var(--brand-700);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 40%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s var(--ease);font-weight:700}.cookie-link:hover{text-decoration-color:currentColor}.cookie-short{display:none}.cookie-prefs{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);animation:fadeUp .35s var(--ease);margin-top:16px}.cookie-pref{justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.cookie-pref+.cookie-pref{border-top:1px solid var(--line)}.cookie-pref-label{font-size:var(--fs-sm);color:var(--ink);align-items:center;gap:8px;font-weight:700;display:flex}.cookie-always{border-radius:var(--radius-pill);background:var(--brand-50);color:var(--brand-700);padding:1px 8px;font-size:.6875rem;font-weight:700}.cookie-pref-desc{font-size:var(--fs-xs);color:var(--muted);margin-top:2px;line-height:1.5}.cookie-switch{border-radius:var(--radius-pill);background:var(--line-strong);width:44px;height:26px;transition:background-color .25s var(--ease);flex:none;position:relative}.cookie-switch:before{content:"";position:absolute;inset:-8px -4px}.cookie-switch[aria-checked=true]{background:var(--brand)}.cookie-switch:disabled{cursor:not-allowed;opacity:.5}.cookie-knob{width:20px;height:20px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0b1f174d}.cookie-switch[aria-checked=true] .cookie-knob{transform:translate(18px)}.cookie-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.cookie-actions>.btn{flex:auto;min-height:42px}.cookie-accept{flex-basis:100%!important}.is-custom .cookie-actions>.btn{flex-basis:0}.cookie-secondary:hover{box-shadow:var(--shadow-sm)}@keyframes cookieIn{0%{opacity:0;transform:translateY(32px)scale(.97)}}@media (width<=640px){.cookie{width:auto;max-height:88dvh;padding:20px var(--gutter) calc(16px + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:sheetIn .45s var(--ease);border-width:1px 0 0;bottom:0;left:0;right:0;box-shadow:0 -20px 50px -20px #0b1f1759}.cookie:not(.is-custom){padding-top:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.cookie-title{font-size:1rem}.cookie-text{margin-top:4px}.cookie-long{display:none}.cookie-short{display:inline}.cookie-actions{flex-wrap:nowrap;gap:6px;margin-top:12px}.cookie-actions>.btn{min-height:40px;padding-inline:12px}.cookie-accept{flex-basis:auto!important}}