@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";[data-theme=light],.light{--black: #000;--white: #FFF;--base-50: rgba(255, 255, 255, .5);--grey-solid-10: #FAFAFA;--grey-solid-20: #F5F5F5;--grey-solid-30: #F1F1F1;--grey-solid-40: #EBEBEB;--grey-solid-50: #808080;--grey-solid-60: #5C5C5C;--grey-solid-70: #434343;--grey-solid-80: #2B2B2B;--grey-solid-90: #060606;--grey-transparent-10: rgba(0, 0, 0, .02);--grey-transparent-20: rgba(0, 0, 0, .04);--grey-transparent-30: rgba(0, 0, 0, .08);--grey-transparent-40: rgba(0, 0, 0, .12);--grey-transparent-50: rgba(0, 0, 0, .16);--grey-transparent-60: rgba(0, 0, 0, .2);--grey-transparent-70: rgba(0, 0, 0, .24);--grey-transparent-80: rgba(0, 0, 0, .28);--grey-transparent-90: rgba(0, 0, 0, .32);--accent-solid-50: #FF4036;--accent-solid-60: #E63329;--accent-transparent-60: rgba(255, 64, 54, .4)}[data-theme=dark],.dark{--black: #000;--white: #FFF;--base-50: rgba(0, 0, 0, .5);--grey-solid-10: #060606;--grey-solid-20: #0D0D0D;--grey-solid-30: #141414;--grey-solid-40: #1B1B1B;--grey-solid-50: #A5A5A5;--grey-solid-60: #BCBCBC;--grey-solid-70: #D2D2D2;--grey-solid-80: #E8E8E8;--grey-solid-90: #FFFFFF;--grey-transparent-10: rgba(255, 255, 255, .02);--grey-transparent-20: rgba(255, 255, 255, .04);--grey-transparent-30: rgba(255, 255, 255, .08);--grey-transparent-40: rgba(255, 255, 255, .12);--grey-transparent-50: rgba(255, 255, 255, .16);--grey-transparent-60: rgba(255, 255, 255, .2);--grey-transparent-70: rgba(255, 255, 255, .24);--grey-transparent-80: rgba(255, 255, 255, .28);--grey-transparent-90: rgba(255, 255, 255, .32);--accent-solid-50: ;--accent-solid-60: ;--accent-transparent-60: }:root{font-family:Poppins,sans-serif;font-size:10px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.title-lg{font-size:5.6rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:6.4rem;margin:0;word-break:break-word}.title-md{font-size:3.2rem;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:4.8rem;margin:0;word-break:break-word}.paragraph{font-size:1.6rem;font-weight:400;line-height:2.8rem;margin:0}.label-lg{font-size:2rem;font-weight:700;line-height:2rem}.label-md{font-size:1.6rem;font-weight:700;line-height:1.6rem}.label-sm{font-size:1.4rem;font-weight:700;line-height:1.4rem}.background-image{height:100%;left:0;max-height:900px;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.background-image__image{height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(black 35%,transparent 90%);mask-image:linear-gradient(black 35%,transparent 90%);width:100%}.background-image__image--blurry{filter:blur(8px);height:calc(100% + 32px);opacity:.8;transform:translate(-16px,-16px);width:calc(100% + 32px)}html{height:calc(100% + env(safe-area-inset-top))}body{background-color:var(--grey-solid-10);margin:0;height:100%;padding:0;position:fixed;width:100%}button,a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.safe-area-cover{background:linear-gradient(180deg,rgba(0,0,0,.25) 20%,rgba(0,0,0,.1) 60%,rgba(0,0,0,0) 100%);height:calc(env(safe-area-inset-top) + 30px);position:fixed;top:0;width:100%}#app{height:100%}.segmented-controls{border-radius:25px;background-color:var(--base-50);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 2px 3px #00000026;box-sizing:border-box;flex-shrink:0;height:50px;max-width:360px;padding:4px;position:sticky;top:0;width:100%;z-index:5000}.segmented-controls__wrapper{align-items:center;display:flex;height:100%;position:relative;width:100%}.segmented-controls__active-marker{background-color:var(--grey-solid-10);border-radius:21px;box-shadow:0 3px 20px 3px #0000001a,0 2px 4px #00000029;height:100%;position:absolute;transition:transform .4s cubic-bezier(.65,0,.35,1);width:33.3333333333%;z-index:10}.segmented-controls__active-marker--position-0{transform:translate(0)}.segmented-controls__active-marker--position-1{transform:translate(100%)}.segmented-controls__active-marker--position-2{transform:translate(200%)}.segmented-controls__control{align-items:center;background-color:transparent;border:none;color:var(--grey-solid-80);cursor:pointer;display:flex;height:100%;justify-content:center;outline:none;transition:color .2s ease-out .1s;width:33.3333333333%;z-index:20}.segmented-controls__control--active{color:var(--accent-solid-50)}.recipe-card{border-radius:12px;cursor:pointer;height:240px;overflow:hidden;position:relative;transition:box-shadow .2s;width:100%}@media (max-width: 1000px){.recipe-card{border-radius:8px;height:200px}}@media (max-width: 700px){.recipe-card{border-radius:8px;height:128px}}.recipe-card__thumbnail{object-fit:cover;height:100%;width:100%}.recipe-card__info-overlay{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,var(--grey-transparent-90) 100%);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;height:50%;justify-content:flex-end;position:absolute;padding:16px;width:100%}.recipe-card__type{color:var(--accent-solid-50)}.recipe-card__title{color:var(--grey-solid-10)}.home-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:64px;height:100%;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 80px) 56px 80px}@media (max-width: 1000px){.home-view{padding:calc(env(safe-area-inset-top) + 56px) 56px 56px}}@media (max-width: 700px){.home-view{padding:calc(env(safe-area-inset-top) + 24px) 16px 24px;gap:32px}}.home-view__recipe-grid{border-radius:28px;background-color:var(--base-50);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #0003;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;max-width:900px;padding:24px;width:100%}@media (max-width: 700px){.home-view__recipe-grid{border-radius:20px;gap:16px;padding:16px}}.back-button{align-items:center;background-color:var(--grey-transparent-20);border-radius:16px;box-sizing:border-box;display:flex;flex-shrink:0;gap:8px;height:32px;padding:0 16px 0 8px;text-decoration:none;transition:background-color .2s ease-in-out}.back-button__icon{stroke:var(--grey-solid-80)}.back-button__label{color:var(--grey-solid-80)}.ingredient-item{align-items:center;background-color:transparent;border:none;border-bottom:1px solid var(--grey-transparent-40);box-sizing:border-box;cursor:pointer;display:flex;gap:24px;min-height:78px;padding:24px 0;width:100%}.ingredient-item--checked .ingredient-item__checkbox{animation:glow 1s;background-color:#ff4036;box-shadow:none}.ingredient-item--checked .ingredient-item__check{animation:trace .2s .1s ease-in-out both}.ingredient-item__checkbox{align-items:center;background-color:transparent;border-radius:50%;box-shadow:inset 0 0 0 2px gray;display:flex;flex-shrink:0;justify-content:center;height:30px;transition:all .2s;width:30px}.ingredient-item__check{fill:transparent;stroke:#fff;stroke-dasharray:18px;stroke-dashoffset:18px;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.ingredient-item__label{color:var(--grey-solid-80);text-align:left}@keyframes trace{0%{stroke-dashoffset:18px}to{stroke-dashoffset:0}}@keyframes glow{0%{box-shadow:0 0 #ff403666;transform:scale(1)}20%{transform:scale(1.1)}60%{transform:scale(1)}to{box-shadow:0 0 0 10px #ff403600}}.ingredient-list{color:var(--grey-solid-80);flex-shrink:0;width:200px}@media (max-width: 700px){.ingredient-list{width:100%}}.recipe-procedure{color:var(--grey-solid-80)}.recipe-procedure h2:not(:first-child){margin-top:48px}@media (max-width: 700px){.recipe-procedure h2:not(:first-child){margin-top:24px}}.recipe-procedure p{margin-top:16px}.recipe-view{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:calc(env(safe-area-inset-top) + 56px) 56px calc(env(safe-area-inset-bottom) + 56px);position:relative}@media (max-width: 1000px){.recipe-view{padding:calc(env(safe-area-inset-top) + 32px) 56px calc(env(safe-area-inset-bottom) + 32px)}}@media (max-width: 700px){.recipe-view{padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px);gap:48px}}.recipe-view__recipe-card{align-items:flex-start;border-radius:28px;background-color:var(--base-50);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 24px #0003;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;flex:1;max-width:900px;overflow:hidden auto;padding:48px 56px;width:100%}@media (max-width: 700px){.recipe-view__recipe-card{border-radius:20px;gap:24px;padding:32px}}.recipe-view__title{color:var(--accent-solid-50)}.recipe-view__content{display:flex;gap:72px}@media (max-width: 1000px){.recipe-view__content{gap:56px}}@media (max-width: 700px){.recipe-view__content{flex-direction:column;gap:24px}}