html,body,#root{margin:0;width:100%;min-height:100%;font-family:Inter Tight,Inter,sans-serif;font-size:16px}html{scrollbar-gutter:stable}#root{display:flex;justify-content:center}*,*:before,*:after{box-sizing:border-box}body{min-width:320px;overflow-y:scroll}button,input,select,textarea{font:inherit}.screen-transition{animation:screen-enter .24s cubic-bezier(.22,1,.36,1)}.toast-enter{animation:toast-enter .22s cubic-bezier(.22,1,.36,1)}.cook-step-enter-next{animation:cook-step-enter-next .26s cubic-bezier(.22,1,.36,1)}.cook-step-enter-prev{animation:cook-step-enter-prev .26s cubic-bezier(.22,1,.36,1)}@keyframes screen-enter{0%{opacity:0}to{opacity:1}}@keyframes cook-step-enter-next{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes cook-step-enter-prev{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.screen-transition,.toast-enter,.cook-step-enter-next,.cook-step-enter-prev{animation:none!important}}@media(hover:hover)and (pointer:fine){[style*="cursor: pointer"]:not(.list-row-hover):not(.recipe-tile-hover):not(.primary-action-btn),a[href]{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}[style*="cursor: pointer"]:not(.list-row-hover):not(.recipe-tile-hover):not(.primary-action-btn):hover,a[href]:hover{box-shadow:inset 0 0 0 9999px var(--hover-overlay)}[style*="cursor: pointer"]:not(.list-row-hover):not(.recipe-tile-hover):not(.primary-action-btn):active,a[href]:active{box-shadow:inset 0 0 0 9999px var(--press-overlay)}button:disabled,[style*="cursor: not-allowed"]{box-shadow:none!important}.list-row-hover{position:relative;z-index:0}.list-row-hover:before{content:"";position:absolute;top:0;bottom:0;left:calc(-1 * var(--page-x-pad, 18px));right:calc(-1 * var(--page-x-pad, 18px));background:transparent;transition:background-color .2s ease;pointer-events:none;z-index:-1}.list-row-hover[data-selected=true]:before{background:var(--surface-alt)}.list-row-hover:hover:before{background:var(--hover-overlay)}.list-row-hover:active:before{background:var(--press-overlay)}.list-row-hover[data-selected=true]:hover:before,.list-row-hover[data-selected=true]:active:before{background:var(--surface-alt)}.filter-sheet-row[data-selected=true]:before{background:var(--hover-overlay)}.filter-sheet-row[data-selected=true]:hover:before{background:var(--hover-overlay)}.filter-sheet-row[data-selected=true]:active:before{background:var(--press-overlay)}.primary-action-btn{transition:background-color .18s ease,color .18s ease}.primary-action-btn:hover{background:var(--primary-btn-hover)!important}.primary-action-btn:active{background:var(--primary-btn-active)!important}.primary-action-btn:disabled:hover,.primary-action-btn:disabled:active{background:var(--text)!important}.recipe-tile-hover:hover{background:var(--surface-hover)!important}.recipe-tile-hover:active{background:var(--surface-alt)!important}.floating-plus:hover{background:var(--surface-hover)!important}.floating-plus:active{background:var(--surface-alt)!important}}