.switch{flex:none;width:92px;height:30px;display:inline-block;position:relative}.switch input{display:none}.slider{cursor:pointer;background-color:#cfc7b8;border-radius:999px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked.low-stock+.slider{background-color:var(--low)}input:checked+.slider{background-color:var(--low-light)}input:focus+.slider{box-shadow:0 0 0 3px #557b632e}input:checked+.slider:before{-webkit-transform:translate(26px);-ms-transform:translate(26px);transform:translate(62px)}.slider:after{content:attr(data-state);color:#a09d9d;letter-spacing:0;font-size:.62rem;font-weight:900;display:block;position:absolute;top:50%;left:57%;transform:translate(-50%,-50%)}input:checked+.slider:after{content:attr(data-state);left:50%}button{border:0}.app-button,.filter-button{background:linear-gradient(90deg, var(--low), var(--out-of-stock));color:#fffdf8;cursor:pointer;border-radius:8px;min-height:42px;font-weight:700;transition:transform .3s ease-in-out}.app-button:hover,.filter-button:hover{background:linear-gradient(45deg, var(--low), var(--out-of-stock));transform:translateY(-1px);box-shadow:0 12px 24px #21382b24}.app-button:disabled,.filter-button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;background:gray;transform:none}.shopping-list-page,.all-items-page{gap:18px;display:grid}.item-section{padding:16px}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.section-heading h2{margin-bottom:0;font-size:1.05rem}.section-heading p{margin-bottom:0;font-size:.88rem}.item-list{gap:10px;display:grid}.filter-true{background:#5f2f2f}.filter-false{background:#21382b}@media (width<=720px){.app-header,.page-heading,.section-heading{flex-direction:column;align-items:stretch}.app-header>.app-button,.page-heading>.filter-button{width:100%}.summary-strip{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>*,.filter-bar .MuiAutocomplete-root{width:100%!important}}:root{color:#18201c;scroll-behavior:none;font-synthesis:none;text-rendering:optimizelegibility;--button-primary:#b95956;--button-primary-hover:#f5c4c48f;--button-primary-color:black;--loading-animation-color:#b95956;--top-navbar-height:75px;--bottom-navbar-height:70px;--viewing-height:calc(100vh - (var(--top-navbar-height)));--viewing-height-dvh:calc(100dvh - (var(--top-navbar-height)));--background-color:#f6f4ef;--secondary-background-color:#e6e3de;--color-text:#18201c;--muted:#6b7280;--features-background:#e6e3de;--out-of-stock:#b95956;--out-of-stock-light:#f5c4c48f;--available:#4f8d62;--available-light:#bce4be60;--low:#da9b58;--low-light:#f8efc5a9;--active-menu:#030303;--menu-color:#4f8d62;--bottom-menu-color:#f5f2f2;--menu-shadow-color:#4f8d6273;--bottom-navbar-background:#6096b4cc;--bottom-navbar-background-1:#6096b4;--top-navbar-background-color:#4f8d62;--top-navbar-scrolled-background-color:#6096b4b3;--top-navbar-background:#6096b4;--space-button:#b9595680;--space-button-hover:#b95956;--space-button-color:white;--space-button-selected:#b95956;--clear-button-text-color:white;--clear-button-color:#b95956;--clear-button-color-inactive:#b99897;--select-button:#b9b7b7;--item-section-bg:#fffdf8;--item-border-radius:35px;--space-role-text-color:gray;--space-card-bg:#cee5d0;--space-card-btn-bg:#8bbd8f;--space-card-hover:#8bbd8f;--space-card-btn-hover-bg:#be625f;--space-card-hover-card-btn:#58915d;--add-existing-space-bg:#da9b58;--add-existing-space-color:aliceblue;--add-existing-space-bg-hover:#b37e47;background:#f6f4ef;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,p{margin-top:0}*{box-sizing:border-box}body{min-width:320px;min-height:var(--viewing-height);background:#f6f5f5 0 0/100% 100% fixed;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}@media (width<=620px){body{background-size:cover}}.item-section.all-items{margin-bottom:85px}.item-section.all-items .section-heading{flex-direction:row;display:flex}@media (width<=720px){.all-items-page .page-heading h1{max-height:2em;transition:max-height .3s,margin .3s,opacity .2s,transform .3s;overflow:hidden}.all-items-page .page-heading.heading-collapsed h1,.all-items-page .page-heading.heading-collapsed p{opacity:0;max-height:0;margin-bottom:0;transform:translateY(-100%)}}@media (width<=720px) and (prefers-reduced-motion:reduce){.all-items-page .page-heading h1{transition:none}}.toolbar-panel{gap:8px;padding:16px;display:grid}.dropdown.category-filter{width:50%}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-group{background:#f8f5ee;height:40px}.filter.group .Mui-focused{background-color:gray}.filter-group button.Mui-selected{background-color:var(--select-button)!important}.filter-group button[value=available].Mui-selected{background-color:var(--available)!important}.filter-group button[value=low].Mui-selected{background-color:var(--low)!important}.filter-group button[value="out of stock"].Mui-selected{background-color:var(--out-of-stock)!important}button.clear-button{background-color:var(--clear-button-color);color:var(--clear-button-text-color);opacity:1;padding:10px}button.clear-button:active{transform:scale(.9)}button.clear-button.disabled:active{transform:scale(1)}button.clear-button.disabled{opacity:.5}.search-row{align-items:center;gap:8px;display:flex}.search-row .search-bar{flex:1;min-width:0}@media (width<=600px){.toolbar-panel{top:var(--top-navbar-height);z-index:2;-webkit-backdrop-filter:blur(20px);background:#f6f4efcc;border-radius:18px;gap:0;padding:10px 12px;position:sticky;top:80px;box-shadow:0 4px 12px #00000014}.toolbar-panel .search-textfield .MuiOutlinedInput-root{background:var(--item-section-bg);border-radius:999px}.filter-toggle.MuiIconButton-root{background:var(--item-section-bg);width:40px;height:40px;color:var(--color-text);border:1px solid #0000003b;flex-shrink:0}.filter-toggle.open.MuiIconButton-root{background:var(--color-text);color:var(--item-section-bg)}.toolbar-panel .filter-bar{padding-top:10px}}.item-container{border:.5px solid #ebeaea;border-radius:25px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:82px;margin-bottom:10px;padding:12px;display:grid}.item-container[data-status=available]{background:var(--available-light);background:#f7f8f8;background:-webkit-linear-gradient(to left, #ebeaea, var(--available-light));background:linear-gradient(to left, #ebeaea, var(--available-light))}.item-container[data-status=low]{background:var(--low-light);background:#ffefba;background:-webkit-linear-gradient(to left, #ebeaea, var(--low-light));background:linear-gradient(to left, #ebeaea, var(--low-light))}.item-container[data-status="out of stock"]{background:var(--out-of-stock-light);background:#ef3b36;background:-webkit-linear-gradient(to left, #ebeaea, var(--out-of-stock-light));background:linear-gradient(to left, #ebeaea, var(--out-of-stock-light))}.data-container{flex-direction:column;gap:10px;min-width:0;display:flex}.text-container{text-align:start;width:100%;min-height:55px;margin:0;padding:0}.text-container p{margin:.5em 0}.item-note{color:#5f695f;font-size:.92rem;line-height:1.45}.item-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-title h3{color:#1d281f;margin:0;padding:0;font-size:clamp(1.08rem,4vw,1.35rem);line-height:1.15}.item-title p{color:#778176;margin:0;padding:0;font-size:.92rem;font-weight:700}.status{color:#fffdf8;text-align:center;text-transform:capitalize;opacity:.75;border-radius:999px;width:fit-content;min-width:58px;margin:5px 0;padding:.15rem .38rem;font-size:.5rem;font-weight:500}.status[data-status=available]{background-color:var(--available)}.status[data-status=low]{background-color:var(--low)}.status[data-status="out of stock"]{background-color:var(--out-of-stock)}.toggle-icon-button:active,.item-checkbox:active{transform:scale(1.3)}.item-meta{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;display:flex}.item-menu-button{color:#596359!important}.item-menu-button:hover{cursor:pointer}.item-edit{align-items:end;display:flex}@media (width<=620px){.item-container{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:10px}}.dialog-content{padding:0 16px}.dialog-actions{justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.item-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:5px;display:grid}.textfield,.dropdown{flex-direction:column;gap:4px;min-width:0;display:flex}.textfield label,.dropdown label{color:var(--color-text);text-transform:capitalize;font-size:1rem;font-weight:700}.textfield input,.dropdown select{font:inherit;border:1px solid var(--secondary-background-color);background:var(--background-color);color:var(--color-text);border-radius:4px;padding:8px 10px}.textfield-small input,.dropdown-small select{padding:6px 8px;font-size:.9rem}.textfield input:focus,.dropdown select:focus{border-color:var(--color-text);outline:none}.textfield-error input{border-color:var(--out-of-stock)}.textfield-helper{color:var(--out-of-stock);font-size:.78rem}.form-switch-label,.form-footnote{color:#5f695f;align-self:center;align-items:center;font-size:.92rem;font-weight:700;display:flex}.form-footnote{grid-column:1/-1;font-weight:600}.form-switch-label{flex-direction:column;align-items:center;display:flex}label.switch{margin-top:5px}.form-switch-label.include-list{padding-bottom:15px}button.save-form{color:#fff;background-color:var(--available)}button.cancel-changes{color:var(--out-of-stock)}@media (width<=600px){.item-form{grid-template-columns:1fr}.form-switch-label.include-list{padding-bottom:0}.form-switch-label,.form-switch-label.include-list{flex-direction:row;justify-content:start}.textfield-small input,.dropdown-small select{font-size:16px}}.dialog-backdrop{z-index:1300;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-panel{z-index:1301;background:var(--background-color,#fff);color:var(--color-text);border-radius:8px;width:fit-content;max-width:min(90vw,600px);max-height:90dvh;margin:0 auto;position:relative;overflow-y:auto}.dialog-title{background:var(--top-navbar-background);justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;padding:16px;display:flex}.mobile-sheet{top:var(--dialog-vv-top,0px);z-index:1300;background:var(--background-color,#fff);color:var(--color-text);height:100dvh;height:var(--dialog-vvh,100dvh);overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;left:0;right:0}.mobile-sheet .dialog-title{z-index:1;border-bottom:1px solid var(--secondary-background-color);background:var(--top-navbar-background);flex-shrink:0;justify-content:space-between;gap:8px;position:sticky;top:0}.mobile-sheet .dialog-content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.mobile-sheet .dialog-actions{background:var(--background-color,#fff);border-top:1px solid var(--secondary-background-color);padding:12px 16px env(safe-area-inset-bottom,12px);flex-wrap:wrap;flex-shrink:0;position:sticky;bottom:0}.dialog-title{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.dialog-title-text{margin:0;font-size:1.1rem}.dialog-close-button{cursor:pointer;color:var(--color-text);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.5rem;line-height:1}.dialog-close-button:hover{background:var(--secondary-background-color)}.item-skeleton{background:linear-gradient(90deg,#eee,#ddd,#eee) 0 0/200% 100%;border-radius:8px;width:100%;min-height:82px;margin-bottom:8px;animation:5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.add-item-fab{right:5%;bottom:calc(18px + var(--bottom-navbar-height) + 16px);z-index:140;width:60px;height:60px;color:var(--bottom-menu-color);background-color:var(--button-primary);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s ease-in-out;display:flex;position:fixed;box-shadow:0 5px 15px #00000059}.add-item-fab:hover{transform:translateY(-2px)}.add-item-fab:disabled{opacity:.5;cursor:not-allowed}@media (width>=720px){.add-item-fab{bottom:calc(5% + var(--bottom-navbar-height) + 16px)}}a{text-decoration:none}.scroll-up{z-index:140;width:48px;height:48px;color:var(--bottom-menu-color);background:var(--bottom-navbar-background);-webkit-backdrop-filter:blur(20px);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .25s,transform .25s,visibility .25s;display:flex;position:fixed;bottom:10%;right:5%;box-shadow:0 5px 15px #00000059}.scroll-up:hover{transform:translateY(-2px)}.scroll-up.hide{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.scroll-up--nav{right:calc(5% + 6px);bottom:calc(18px + var(--bottom-navbar-height) + 16px)}.scroll-up--fab{right:calc(5% + 6px);bottom:calc(18px + var(--bottom-navbar-height) + 16px + 60px + 12px)}@media (width>=720px){.scroll-up--nav{bottom:calc(5% + var(--bottom-navbar-height) + 16px)}.scroll-up--fab{bottom:calc(5% + var(--bottom-navbar-height) + 16px + 60px + 12px)}}.refresh-button{top:calc(var(--top-navbar-height) + 12px);z-index:4;width:40px;height:40px;color:var(--space-button-color);background:var(--space-button-selected);cursor:pointer;border:1px solid #fdfcfc5b;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:filter .2s,transform .15s,opacity .25s,visibility .25s;display:flex;position:fixed;right:10px;box-shadow:0 5px 15px #00000059}.refresh-button:hover:not(:disabled){filter:brightness(1.1)}.refresh-button.hide{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px)}.refresh-button:active:not(:disabled){transform:scale(.96)}.refresh-button:disabled{cursor:default}.refresh-button--spinning svg{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.refresh-button--spinning svg{animation-duration:2s}}.item-section.shopping-list-updated{margin-bottom:85px}.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.summary-strip>div,.toolbar-panel,.item-section{background:var(--item-section-bg);border:1px solid #dfd9cc;border-radius:8px}.summary-strip>div{justify-content:center;align-items:center;padding:16px;display:flex}.summary-strip .shopping-count:first-child,.summary-strip .shopping-count[data-status=true]{background-color:var(--secondary-background-color)}.summary-strip .shopping-count.low-stock{cursor:pointer}.summary-strip span{color:#21382b;margin-bottom:2px;font-size:1.8rem;font-weight:900;line-height:1;display:block}.summary-strip span .loader-small{width:1.8rem;height:1.8rem}.summary-strip p{margin-bottom:0;margin-left:10px;font-size:.88rem;font-weight:700}.empty-state{text-align:center;background:#fbf9f3;border:1px dashed #d6d0c2;border-radius:8px;margin:0;padding:18px}.include-low-stock{justify-content:center;display:flex}.include-low-stock .form-switch-label{margin:0 10px}.category-group{margin-bottom:16px}.category-group:last-child{margin-bottom:0}.category-title{text-transform:uppercase;letter-spacing:.04em;color:#6b6355;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.loader-small{border-radius:10px;width:54px;height:54px;position:relative}.loader-small div{opacity:0;background:gray;border-radius:50px;width:8%;height:24%;animation:1s linear infinite fade458;position:absolute;top:30%;left:50%;box-shadow:0 0 3px #0003}@keyframes fade458{0%{opacity:1}to{opacity:.25}}.loader-small .bar1{animation-delay:0s;transform:rotate(0)translateY(-130%)}.loader-small .bar2{animation-delay:-1.1s;transform:rotate(30deg)translateY(-130%)}.loader-small .bar3{animation-delay:-1s;transform:rotate(60deg)translateY(-130%)}.loader-small .bar4{animation-delay:-.9s;transform:rotate(90deg)translateY(-130%)}.loader-small .bar5{animation-delay:-.8s;transform:rotate(120deg)translateY(-130%)}.loader-small .bar6{animation-delay:-.7s;transform:rotate(150deg)translateY(-130%)}.loader-small .bar7{animation-delay:-.6s;transform:rotate(180deg)translateY(-130%)}.loader-small .bar8{animation-delay:-.5s;transform:rotate(210deg)translateY(-130%)}.loader-small .bar9{animation-delay:-.4s;transform:rotate(240deg)translateY(-130%)}.loader-small .bar10{animation-delay:-.3s;transform:rotate(270deg)translateY(-130%)}.loader-small .bar11{animation-delay:-.2s;transform:rotate(300deg)translateY(-130%)}.loader-small .bar12{animation-delay:-.1s;transform:rotate(330deg)translateY(-130%)}.home-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.home-panel{background:var(--item-section-bg);border:1px solid #dfd9cc;border-radius:8px;width:min(100%,620px);padding:clamp(28px,6vw,56px);box-shadow:0 24px 70px #27302814}.home-panel h1{letter-spacing:0;max-width:520px;margin-bottom:14px;font-size:clamp(2.2rem,7vw,4.2rem);line-height:.98}.home-panel p:not(.eyebrow){color:#667066;max-width:440px;font-size:1.04rem;line-height:1.6}.home-actions,.app-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.loader-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}.balls{flex-flow:row;justify-content:space-between;align-items:center;width:3.5em;margin-bottom:30px;display:flex}.balls div{background:var(--loading-animation-color);border-radius:50%;width:.8em;height:.8em;animation:.5s ease-in-out infinite alternate wave;transform:translateY(-100%)}.balls div:first-of-type{animation-delay:-.4s}.balls div:nth-of-type(2){animation-delay:-.2s}@keyframes wave{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.sign-out-btn{cursor:pointer;color:#f0efef;background-color:#21382b;border:none;border-radius:10px;align-items:center;padding:5px 10px;font-weight:600;display:flex}.sign-out-btn:active{transform:scale(.98)}.error-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.error-page h2{margin:0 0 8px;font-size:clamp(20px,4vw,24px)}.error-page p{color:#6b7178;margin:0 0 24px;font-size:15px;line-height:1.5}.error-page details{text-align:left;color:#6b7178;margin:-8px 0 24px;font-size:13px}.error-page pre{white-space:pre-wrap;word-break:break-word;background:#f0f0ee;border-radius:8px;margin:8px 0 0;padding:10px;font-size:12px}.error-page-actions{flex-direction:column;gap:10px;padding:5px;display:flex}@media (width>=640px){.error-page-actions{flex-direction:row}.error-page-actions button{flex:1;width:auto}}.pwa-container{flex-direction:column;align-items:start;display:flex}.pwa-mobile{flex-direction:column;justify-content:center;align-items:start;margin:10px 0;display:flex}.add-to-homescreen{flex-wrap:wrap;align-items:center;display:flex}.animated-outlet{position:relative;overflow-x:clip}.app-shell{width:min(100%,980px);margin:0 auto;margin-top:var(--top-navbar-height);min-height:var(--viewing-height);min-height:var(--viewing-height-dvh);padding:clamp(18px,4vw,44px)}.app-header,.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.app-header{border-bottom:1px solid #ddd7ca;padding-bottom:22px}.app-header h1,.page-heading h1{letter-spacing:0;margin-bottom:8px;font-size:clamp(2rem,6vw,3.7rem);line-height:1}.header-copy,.section-heading p,.summary-strip p,.empty-state{color:#6b746b}.header-copy{max-width:560px;margin-bottom:0;line-height:1.55}.eyebrow{color:#557b63;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.76rem;font-weight:800}.app-nav{flex-wrap:wrap;justify-content:space-around;gap:10px;margin:26px 0;display:flex}.app-nav a,.app-nav button{color:#263228;background:#fffdf8;border:1px solid #d7d0c3;border-radius:8px;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:flex}.app-nav a:hover,.app-nav button{color:#31543f;cursor:pointer;border-color:#9bb4a3}.button-container{width:90%;height:var(--bottom-navbar-height);z-index:150;background:var(--bottom-navbar-background);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;justify-content:space-around;align-items:center;min-width:300px;max-width:400px;padding:0 10px;display:flex;position:fixed;bottom:18px;left:5%;box-shadow:0 5px 15px #00000059}.menu-button{width:70px;height:70px;color:var(--bottom-menu-color);cursor:pointer;background-color:#0000;border-radius:20%;flex-direction:column;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:all .3s ease-in-out;display:flex;border:0!important;outline:0!important}.menu-button p{text-transform:capitalize;margin:2px 0 0;padding:0;font-size:small;text-decoration:none}.menu-button.active p,.menu-button.active svg{color:var(--active-menu)}.menu-button:hover{background-color:var(--bottom-menu-color-hover);transform:translateY(-2px)}.icon{font-size:30px}@media (width>=720px){.button-container{min-width:500px;max-width:40%;bottom:5%;left:20%}}@media (width>=1024px){.button-container{min-width:500px;max-width:40%;bottom:5%;left:30%}}.top-navbar{z-index:3;width:100%;height:var(--top-navbar-height);background:var(--top-navbar-background);justify-content:space-between;align-items:center;padding:0 5px;transition:background-color .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0}.top-navbar-actions{align-items:center;gap:.5rem;display:flex}.space-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.top-navbar-logo img{width:125px;height:50px;padding:5px 0}.space-button{background:var(--space-button);color:var(--space-button-color);border:1px solid #fdfcfc5b;border-radius:15px;justify-content:space-between;align-items:center;padding:.5rem;font-size:20px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .15s;display:inline-flex}.space-button:hover{background-color:var(--space-button-hover)}.space-button:active{transform:scale(.96)}.space-button.active{background-color:var(--space-button-selected)}@media (width>=720px){.top-navbar{border-radius:0;justify-content:space-between;padding:0 2.5%}.top-navbar-logo img{width:165px;height:65px;margin:7.5px 0}}@media (width>=860px){.top-navbar{padding:0 5%}.space-nav{gap:.75rem}.space-button{padding:.5rem 1rem;font-size:20px}}@media (width>=1024px){.top-navbar{padding:0 25%}}.features-landing{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--item-section-bg);flex-direction:column;align-items:center;width:100%;padding:40px 50px;display:flex}.features-landing-header{text-align:center;max-width:640px;margin:0 auto 48px}.features-landing-header h2{letter-spacing:-1px;color:var(--color-text);margin-top:12px;font-size:2.25rem;font-weight:800;line-height:1.05}.features-landing-header p{color:var(--muted);margin-top:16px;line-height:1.7}.features-landing-cards{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:36px;display:flex}.landing-card{background:var(--bottom-menu-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:space-around;align-items:center;width:300px;height:200px;padding:40px 24px 24px;display:flex;position:relative}.landing-card h3{color:var(--color-text);height:75px;margin:0 0 8px;padding:10px 0}.landing-card p{color:var(--muted);height:100px;margin:0;line-height:1.5}.landing-card-icon{background:var(--background-color);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:0;left:124px;transform:translateY(-50%);box-shadow:0 4px 10px #0000001f}.landing-card-icon svg{color:var(--bottom-navbar-background-1);font-size:1.6rem}@media (width<=500px){.features-landing-cards{flex-direction:column;align-items:center}.landing-card{margin-bottom:20px}}.footer{z-index:1;background:var(--item-section-bg);border-top:1px solid #e5e2d8;padding:4rem 7% 2rem;position:relative}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:3rem;padding-bottom:2.5rem;display:grid}.footer-brand h3{margin-bottom:.5rem;font-size:1.4rem}.footer-brand p{color:var(--muted)}.footer-links h4{margin-bottom:1rem;font-size:1rem}.footer-links ul{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--available);text-decoration:underline}.footer-links a:focus-visible{outline:2px solid var(--out-of-stock);outline-offset:2px;border-radius:4px}.footer-bottom{color:var(--muted);border-top:1px solid #e5e2d8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.9rem;display:flex}.footer-bottom p{margin:0}.footer-badge{background:var(--low-light);color:var(--low);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}@media (width<=900px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:center;justify-content:center}}.landing-page{scroll-behavior:smooth;position:relative;overflow-x:clip}.bg-gradient{z-index:0;filter:blur(90px);opacity:.35;pointer-events:none;border-radius:50%;width:45vw;max-width:620px;height:45vw;max-height:620px;position:absolute}.bg-gradient-1{background:radial-gradient(circle, var(--available), transparent 70%);top:-10%;right:-10%}.bg-gradient-2{background:radial-gradient(circle, var(--low), transparent 70%);top:40%;left:-15%}.navbar{z-index:100;width:100%;height:var(--top-navbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:none;background:0 0;justify-content:space-between;align-items:center;padding:.5rem 7%;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:0}.navbar--scrolled{background:#ffffffa6;box-shadow:0 8px 30px #18201c14}.nav-links{gap:1rem;list-style:none;display:flex}.nav-links a{color:inherit;border-radius:10px;padding:12px 18px;text-decoration:none}.nav-links a:hover{text-decoration:underline}.nav-actions{gap:1rem;display:flex}#features{padding:40px}.hero{z-index:1;background-repeat:repeat;background-size:100% 100%;background-attachment:fixed;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;min-height:100vh;margin:0 auto;padding:4rem 7%;display:grid;position:relative}.hero-container{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.badge{background:var(--bottom-navbar-background);color:#f0f8ff;border-radius:999px;margin:20px 0;padding:6px 12px;font-size:13px;display:inline-block}.hero h1{letter-spacing:-1px;margin-bottom:20px;font-size:56px;line-height:1.05}.hero h1 span{background:linear-gradient(90deg, var(--low), var(--out-of-stock));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero p{color:var(--muted);max-width:480px;margin-bottom:30px;font-size:18px}.hero-actions{gap:12px;display:flex}.btn-primary:hover{transform:translateY(-2px)}.btn-landing.sign-in{color:#111827;background:#f0f8ff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;padding:12px 18px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.btn-secondary:hover{background:#f9fafb}.hero-visual{max-width:550px}.mockup-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:12.5px;transition:all .3s;transform:rotate(1deg);box-shadow:0 30px 60px #0000001f}.mockup-wrapper img{border-radius:14px;max-width:525px;height:auto}@media (width<=900px){.hero-container{text-align:center;grid-template-columns:1fr}.hero p{margin:0 auto 30px}.hero-actions{justify-content:center}}@media (width<=500px){.hero-visual{max-width:334px}.mockup-wrapper img{max-width:310px;height:auto}}.showcase{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;padding:3rem 7%;display:grid}.reverse{grid-template-columns:1.2fr 1fr}.section-tag{color:var(--bottom-navbar-background-1);font-weight:700}.showcase h2{margin-top:1rem;font-size:3rem}.showcase p{color:var(--muted);margin-top:1rem;line-height:1.8}.showcase-list li{padding:5px 0;list-style:none}.showcase-image{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);perspective:1400px;border-radius:28px;justify-content:center;align-items:center;width:auto;min-height:420px;font-size:1.3rem;font-weight:600;display:flex}.showcase-image img{border-radius:20px;width:auto;max-width:100%;height:auto;max-height:600px;transition:transform .5s,box-shadow .5s;display:block;transform:rotateY(-10deg)rotateX(3deg)rotate(1deg);box-shadow:0 30px 60px #0000002e}.reverse .showcase-image img{transform:rotateY(10deg)rotateX(4deg)rotate(-1deg)}.showcase-image img:hover,.reverse .showcase-image img:hover{transform:rotateY(0)rotateX(0)rotate(0)scale(1.02);box-shadow:0 40px 80px #00000038}@media (prefers-reduced-motion:reduce){.showcase-image img{transition:none}}.cta{padding:3rem 7%}.cta-card{text-align:center;background:linear-gradient(-45deg, var(--bottom-navbar-background), var(--available), var(--bottom-navbar-background), var(--available));color:#fff;background-size:300% 400%;border-radius:40px;padding:5rem;animation:10s infinite AnimationName,3s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.0075)}}.cta-header{z-index:1;display:inline-block;position:relative}@keyframes AnimationName{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cta-card h2{font-size:3rem}.cta-card p{color:#ffffffb3;margin-top:1rem}.cta-buttons{justify-content:center;gap:1rem;margin-top:2rem;display:flex}@media (width<=900px){.hero,.showcase,.reverse{grid-template-columns:1fr}.stats{flex-wrap:wrap}.bento-grid{grid-template-columns:1fr}.large,.wide{grid-column:auto}.nav-links{display:none}.hero h1{font-size:4rem}}@media (width<=550px){.navbar{width:100%}.cta{padding:4rem 0}.cta-card{border-radius:0;flex-direction:column;justify-content:center;align-items:center;height:600px;padding:15px;display:flex}.hero,.showcase,.reverse{grid-template-columns:1fr}.btn-landing.sign-in,.app-button{padding:5px}.badge{display:none}.hero{padding-top:100px}.showcase-image img,.reverse .showcase-image img{width:95%;height:auto;max-height:none;transform:rotate(1deg)}.reverse .showcase-image img{transform:rotate(-1deg)}}.preferences-container.spaces-list-container{gap:24px}.preferences-field-group.spaces-field-group{flex-direction:row;justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.add-space-container{justify-content:center;align-items:center;display:flex}button.space-button{min-width:200px;margin:10px 0;padding:10px}button.add-space,button.create-space{color:var(--add-existing-space-color);background:var(--add-existing-space-bg);border:none}button.add-space:hover,button.create-space:hover{background:var(--add-existing-space-bg-hover)}button.delete-space,button.delete-account{color:var(--add-existing-space-color);background:var(--out-of-stock);border:none}@media (width<=600px){.preferences-field-group.spaces-field-group,.preferences-field-group.spaces-field-group{flex-direction:column}}.space-card{background:var(--bottom-menu-color);border-radius:18px;flex-direction:column;width:320px;min-height:280px;margin:10px;transition:transform .15s,box-shadow .15s,background-color .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 6px 16px #0000000f}.space-card.is-primary{box-shadow:0 0 0 2px gold,0 6px 16px #00000014}.space-card:hover .space-card-btn{color:var(--space-card-hover-card-btn)}.space-card-header{justify-content:space-between;align-items:flex-start;gap:8px;padding:16px 16px 4px;display:flex}.space-card-title{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.space-name{word-break:break-word;font-size:1.3rem;font-weight:900;line-height:1.15}.space-role-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--space-role-text-color);background:#00000014;border-radius:999px;padding:2px 9px;font-size:.65rem;font-weight:700}.space-role-badge.role-owner{color:#2f5a3c;background:#4f8d6233}.space-role-badge.role-contributor{color:#315f74;background:#6096b433}.primary-space{color:#8a6d1d;white-space:nowrap;background:#ffd70040;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:3px 8px 3px 6px;font-size:.68rem;font-weight:800;display:flex}.space-stats{gap:6px;padding:10px 16px 0;display:flex}.stat-pill{border-radius:10px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:5px 4px;font-size:.72rem;font-weight:700;display:flex}.stat-count{font-size:.85rem}.stat-label{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.stat-available{background:var(--available-light);color:var(--available)}.stat-low{background:var(--low-light);color:#8a5a1d}.stat-out{background:var(--out-of-stock-light);color:var(--out-of-stock)}.space-categories{flex-direction:column;gap:6px;padding:10px 16px 2px;display:flex}.space-categories-title{text-transform:uppercase;letter-spacing:.03em;color:var(--space-role-text-color);align-items:center;gap:4px;font-size:.68rem;font-weight:700;display:flex}.category-chips{flex-wrap:wrap;gap:6px;display:flex}.category-chip{background:#0000000f;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;font-weight:500;display:flex}.category-chip b{font-weight:800}.category-chip-more{opacity:.7;font-style:italic}.space-empty-state,.space-loading-state{color:var(--space-role-text-color);flex-grow:1;margin:0;padding:10px 16px;font-size:.8rem}.space-icons{border-top:1px solid #00000014;margin-top:auto;display:flex}.space-card-btn{min-height:38px;color:var(--space-role-text-color);cursor:pointer;background-color:#0000;border:none;flex:1;justify-content:center;align-items:center;padding:5px;transition:background-color .15s,color .15s;display:flex}.space-card-btn:hover{color:#fff;background-color:var(--space-card-btn-hover-bg)!important}.space-icons>:nth-child(2){color:var(--out-of-stock)}.profile-container{min-height:calc(100vh - (var(--top-bar-height) + var(--bottom-menu-height)));margin-bottom:100px}.navigation-bar-profile{justify-content:space-between;align-items:center;width:350px;height:60px;margin:0 auto;padding:0 5px;display:flex}.navigation-bar-profile-button{width:110px;height:45px;color:var(--bottom-menu-color);background-color:var(--bottom-navbar-background-1);border-radius:15px;justify-content:center;align-items:center;display:flex;box-shadow:0 5px 15px #00000059}.navigation-bar-profile-button p{text-transform:capitalize;margin:0 10px;padding:0;text-decoration:none}.navigation-bar-profile-button:active{transform:scale(1.05)}.navigation-bar-profile-button.active{color:#fff;background-color:var(--out-of-stock)}.preferences-intro{color:#5f695f;text-align:center;margin-top:24px;margin-bottom:24px;font-size:.92rem}.preferences-form{gap:24px;display:grid}.preferences-field-group{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.preferences-group-label{color:var(--color-text);font-size:1.25rem;font-weight:700}.preferences-field-group,.preferences-textarea{background-color:var(--item-section-bg);border-radius:10px;padding:12px}.preferences-container label{font-size:.75rem}.preferences-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.preferences-calories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:4px;display:grid}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip-group .MuiToggleButtonGroup-grouped{text-transform:none;color:var(--color-text);background:var(--background-color);padding:6px 14px;border:1px solid var(--secondary-background-color)!important;border-radius:999px!important;margin:0!important}.chip-group button.Mui-selected{color:#fffdf8;background-color:var(--select-button)!important}.preferences-textarea textarea{font:inherit;border:1px solid var(--secondary-background-color);background:var(--background-color);color:var(--color-text);resize:vertical;border-radius:4px;padding:8px 10px}.preferences-textarea textarea:focus{border-color:var(--color-text);outline:none}.preferences-inline-add{justify-content:center;align-items:flex-end;gap:8px;margin-left:5px;display:flex}button.preferences-inline-add-button{color:#fff;background-color:var(--low);height:fit-content}.preferences-chip-list{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.chip-pill-wrapper{display:inline-flex;position:relative}.chip-pill{border:1px solid var(--secondary-background-color);font:inherit;text-transform:none;color:var(--color-text);background:var(--background-color);cursor:pointer;border-radius:999px;padding:6px 14px}.chip-pill.selected{background-color:var(--low);color:#fffdf8;border-color:var(--low)}.chip-pill-remove{border:1px solid var(--secondary-background-color);background-color:var(--background-color);width:16px;height:16px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.chip-pill-remove:hover{background-color:var(--secondary-background-color)}.preferences-actions{justify-content:center;padding-top:15px;display:flex}button.save-form{color:#fff;background-color:var(--available);border-radius:15px;padding:10px 15px;font-weight:600}@media (width<=600px){.preferences-row,.preferences-calories-grid{grid-template-columns:1fr}.preferences-inline-add{align-items:last-baseline;justify-content:center}.preferences-textarea textarea,.textfield-small input,.dropdown-small select{font-size:16px}}.recipe-view-container{flex-direction:column;gap:5px;margin-bottom:100px;display:flex}.recipe-meta-row{flex-wrap:wrap;justify-content:left;gap:8px;display:flex}.recipe-field-group{background-color:var(--item-section-bg);border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:12px;display:flex}.recipe-meta-row .chip-pill{cursor:default}.recipe-timing-row{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.85rem;font-weight:600;display:flex}.recipe-controls-row{justify-content:space-between;gap:24px;display:flex;flex-direction:row!important;align-items:center!important}.recipe-actions{justify-content:center;padding-top:15px;display:flex}.recipe-controls-row{text-align:center;margin-bottom:6px;font-size:.75rem;display:block}.recipe-group-label{text-align:center;background-color:var(--bottom-navbar-background-1);border-radius:10px;width:100%;margin-bottom:6px;padding:5px 12.5px;font-size:1.5rem;font-weight:700;display:block}.recipe-ingredient-list,.recipe-step-list{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.recipe-step-list{gap:24px}.recipe-ingredient-list{justify-content:center;align-items:flex-start;gap:12px;display:flex}.recipe-ingredient-row{align-items:center;gap:8px;display:flex}.recipe-ingredient-amount{min-width:4.5em;font-weight:700}.recipe-ingredient-status{flex-shrink:0}.recipe-step-row{flex-direction:column;gap:4px;display:flex}.recipe-step-header{align-items:center;gap:8px;font-weight:700;display:flex}.recipe-step-number{background:var(--secondary-background-color);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:inline-flex}.recipe-step-timer{color:var(--muted);margin-left:auto;font-size:.8rem;font-weight:400}.recipe-step-content{margin:0}.recipe-notes-list{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.recipe-note-row{flex-direction:column;gap:2px;display:flex}.recipe-note-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:700}.recipe-note-content{margin:0}.recipe-nutrition-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;width:100%;display:grid}.recipe-nutrition-stat{background-color:var(--background-color);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.recipe-nutrition-value{color:var(--color-text);font-size:1rem;font-weight:700}.recipe-nutrition-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.recipe-nutrition-sources{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.recipe-nutrition-sources .chip-pill{cursor:default}.recipe-disclaimer{text-align:left;align-items:baseline;margin:10px 0 0}.back-to-bar{top:calc(var(--top-navbar-height) + 10px);z-index:2;width:fit-content;margin-bottom:25px;position:sticky}.back-to{color:var(--bottom-menu-color);background:var(--bottom-navbar-background);-webkit-backdrop-filter:blur(20px);border-radius:999px;align-items:center;gap:6px;padding:8px 16px 8px 12px;font-size:.9rem;font-weight:700;transition:transform .2s ease-in-out,background-color .2s ease-in-out;display:inline-flex;box-shadow:0 4px 12px #00000040}.back-to svg{font-size:.85rem}.back-to:hover{background:var(--bottom-navbar-background-1);transform:translate(-2px)}.save-form.recipe-delete-btn{background-color:var(--out-of-stock);cursor:pointer}.save-form.recipe-delete-btn:active{transform:scale(.98)}.chip-group-recipe-view .chip-pill{font:inherit;text-transform:none;cursor:pointer;margin:0 6px 0 0;padding:3px 7px}@media (width<=600px){.recipe-controls-row{justify-content:space-around;flex-direction:row!important;align-items:center!important}.recipe-field-group{padding:10px}}.recipe-actions{gap:10px}.recipe-delete-btn{align-items:center;gap:4px;display:inline-flex}.recipe-marks-row{justify-content:center;margin:0 0 12px;display:flex}.used-items-updater{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.used-items-toggle{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.used-items-toggle:active{transform:scale(.98)}.used-items-toggle-icon{transition:transform .2s ease-in-out}.used-items-toggle.open .used-items-toggle-icon{transform:rotate(180deg)}.used-items-collapse{width:100%}.used-items-list .item-container{margin-bottom:0}.recipe-marks{flex-wrap:wrap;gap:6px;display:flex}.recipe-mark-btn{align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:inline-flex}.recipe-keep-btn{transition:padding .35s,gap .35s,background-color .35s,border-color .35s,color .35s}.recipe-keep-btn .recipe-mark-label{white-space:nowrap;opacity:1;max-width:4em;transition:max-width .35s,opacity .25s;display:inline-block;overflow:hidden}.recipe-keep-btn.compact{color:var(--low);background-color:#0000;border-color:#0000;gap:0;padding:4px;animation:.45s recipe-keep-shrink}.recipe-keep-btn.compact .recipe-mark-label{opacity:0;max-width:0}@keyframes recipe-keep-shrink{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.recipe-keep-btn,.recipe-keep-btn .recipe-mark-label{transition:none}.recipe-keep-btn.compact{animation:none}}.recipes-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;max-width:900px;margin:0 auto 100px;padding:10px 0;display:grid}@media (width<=600px){.recipes-grid{grid-template-columns:minmax(0,1fr)}}.recipes-toolbar{justify-content:center;padding:10px 10px 0;display:flex}.create-recipe-btn{align-items:center;gap:4px;display:inline-flex}.recipes-empty-state{padding:15px}.recipes-empty-tab{text-align:center;color:var(--muted);margin:30px 15px 100px}.recipe-card{background:var(--space-card-bg);min-width:0;color:inherit;border-radius:15px;flex-direction:column;min-height:300px;padding:16px 18px 14px;transition:background-color .2s;display:flex}.recipe-card:hover{background:var(--space-card-hover)}.recipe-card-link{color:inherit;flex-direction:column;flex-grow:1;gap:8px;text-decoration:none;display:flex}.recipe-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.recipe-card-title{margin:0;font-size:1.2rem;font-weight:900;line-height:1.25}.recipe-card-total{white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding-top:3px;font-size:.85rem;font-weight:700;display:inline-flex}.recipe-card-description{color:var(--muted,inherit);margin:0;padding-top:15px;font-size:.85em}.recipe-card-info{flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.75rem;display:flex}.recipe-card-tag{background:#ffffff8c;border-radius:999px;padding:2px 8px;font-weight:600}.recipe-card-timing{color:var(--muted,inherit);white-space:nowrap}.recipe-card-marks{border-top:1px solid #00000014;margin-top:12px;padding-top:10px}.recipe-card-marks .recipe-marks{flex-wrap:nowrap}.recipe-card-marks .recipe-mark-btn{white-space:nowrap}.recipe-form{flex-direction:column;gap:18px;padding-top:5px;display:flex}.recipe-form-section{border:none;min-width:0;margin:0;padding:0}.recipe-form-legend{border-bottom:2px solid #000;margin-bottom:8px;font-size:1.05rem;font-weight:900}.recipe-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recipe-form-section.recipe-form-grid>.recipe-form-legend,.recipe-form-wide{grid-column:1/-1}.recipe-form-total{align-self:end;margin:0 0 8px;font-size:.9rem}.recipe-form-entry{border:1px solid var(--secondary-background-color);border-radius:10px;margin-bottom:10px;padding:10px}.recipe-form-entry-title{align-self:center;font-weight:700}.recipe-form-remove{justify-self:end;min-width:0}.textfield textarea{font:inherit;border:1px solid var(--secondary-background-color);background:var(--background-color);color:var(--color-text);resize:vertical;border-radius:4px;padding:8px 10px}.textfield textarea:focus{border-color:var(--color-text);outline:none}@media (width<=600px){.recipe-form-grid{gap:8px}}.dialog-panel#recipe-form-dialog{width:min(90vw,600px)}.recipes-navigation-bar{top:var(--top-navbar-height);z-index:2;-webkit-backdrop-filter:blur(20px);position:sticky}.info-tooltip{align-items:center;display:inline-flex}button.info-tooltip-button{color:var(--color-text);opacity:.55;padding:2px;font-size:1.05rem}button.info-tooltip-button:hover{opacity:1;background-color:var(--low-light)}.field-label-row{align-items:center;gap:6px;display:flex}.serving-size-stepper{justify-content:center;align-items:center;gap:12px;margin:12px;display:flex}.serving-size-stepper button{border:1px solid var(--secondary-background-color);background:var(--background-color);width:42px;height:42px;color:var(--color-text);cursor:pointer;border-radius:50%;font-size:1.6rem;line-height:1}.serving-size-stepper button:disabled{opacity:.4;cursor:not-allowed}.serving-size-stepper span{text-align:center;min-width:1.5em;font-size:1.5rem;font-weight:700}.serving-size-header{font-size:large}.calorie-input-field{width:200px}.itempicker-preferences{margin:0;padding:20px 0}.preferences-field-group.dropdown-items{padding-bottom:72px}.preferences-field-group.dropdown-items.active{padding-bottom:20px}button.field-clear-button{color:var(--clear-button-color);opacity:.85;padding:4px 8px;font-size:1.05rem}button.field-clear-button:hover{opacity:1;background-color:var(--low-light);border-radius:25px}button.field-clear-button.Mui-disabled{color:var(--clear-button-color-inactive);opacity:.35}.preferences-container{flex-direction:column;align-items:center;margin-bottom:100px;display:flex}.preferences-inline-fields{flex-flow:wrap;justify-content:space-around;align-items:flex-start}.preferences-inline-fields>*{flex:160px}.preferences-intro-row{flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:14px;display:flex}.preferences-intro-row .preferences-intro{flex:1}.export-details{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:20px;display:flex}button.export-details-button{color:var(--available);border-color:var(--available);border-radius:15px;padding:8px 15px;font-weight:600}:root{--bg:#fffaf2;--text:#2f3028;--accent:#e47b45;--accent-2:#86a95c;--pan:#4b4c46;--steam:#e47b4559}.loader{text-align:center;width:min(360px,90vw);color:var(--text);margin:150px auto}.kitchen{height:210px;position:relative}.ingredient{opacity:0;border-radius:50%;width:18px;height:18px;animation:2.8s ease-in-out infinite ingredient;position:absolute;top:28px;left:50%}.ingredient:first-child{background:#e47b45;margin-left:-76px;animation-delay:0s}.ingredient:nth-child(2){background:#86a95c;width:13px;height:13px;margin-left:-30px;animation-delay:.35s}.ingredient:nth-child(3){background:#d9a441;width:15px;height:15px;margin-left:22px;animation-delay:.7s}.ingredient:nth-child(4){background:#b95d51;width:11px;height:11px;margin-left:62px;animation-delay:1.05s}.steam{border-left:3px solid var(--steam);opacity:0;border-radius:50%;width:9px;height:45px;animation:2s ease-in-out infinite steam;position:absolute;bottom:83px;left:50%}.steam.s1{margin-left:-42px;animation-delay:0s}.steam.s2{margin-left:-8px;animation-delay:.45s}.steam.s3{margin-left:28px;animation-delay:.9s}.pan{background:var(--pan);border-radius:0 0 75px 75px;width:150px;height:55px;position:absolute;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 8px #2f302814}.pan:after{content:"";background:var(--pan);border-radius:8px;width:90px;height:14px;position:absolute;top:13px;right:-76px;transform:rotate(-3deg)}.food{background:radial-gradient(circle at 20% 45%,#e47b45 0 7px,#0000 8px),radial-gradient(circle at 42% 65%,#86a95c 0 6px,#0000 7px),radial-gradient(circle at 65% 35%,#d9a441 0 6px,#0000 7px),radial-gradient(circle at 82% 65%,#b95d51 0 5px,#0000 6px),#d98d4f;border-radius:50%;width:120px;height:25px;animation:1.4s ease-in-out infinite toss;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.counter{background:#d9cdbb;border-radius:8px;width:280px;height:8px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.label{letter-spacing:.01em;margin-top:4px;font-size:17px;font-weight:600}.dots:after{content:"";animation:1.4s steps(4,end) infinite dots}.sub{color:#77766d;margin-top:7px;font-size:13px}@keyframes ingredient{0%,to{opacity:0;transform:translateY(40px)scale(.6)rotate(0)}18%{opacity:1}48%{opacity:1;transform:translateY(-32px)scale(1)rotate(140deg)}72%{opacity:0;transform:translateY(42px)scale(.75)rotate(260deg)}}@keyframes steam{0%{opacity:0;transform:translateY(10px)scaleX(.7)}35%{opacity:.8}to{opacity:0;transform:translateY(-28px)scaleX(1.25)}}@keyframes toss{0%,to{transform:translate(-50%)translateY(0)rotate(0)}45%{transform:translate(-50%)translateY(-2.5px)}}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-field-group{flex-direction:column;justify-content:center;width:100%}