@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.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%}.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}.textfield label.Mui-focused{color:var(--color-text)!important}.textfield .MuiOutlinedInput-root,.textfield .Mui-focused fieldset{border-color:var(--color-text)!important}.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;font-synthesis:none;text-rendering:optimizelegibility;--top-navbar-height:75px;--bottom-navbar-height:70px;--viewing-height:calc(100vh - (var(--top-navbar-height)));--background-color:#f6f4ef;--color-text:#18201c;--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:#6096b4e6;--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;width:100%;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-color:#fff;background-image:url(/assets/coolbackgrounds-fractalize-satin%20\(1\)-3apcSKeY.png);background-repeat:repeat;background-size:100% 100%;background-attachment:fixed;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.item-container{border:.5px solid #ebeaea;border-radius:35px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:82px;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}}.css-uq7k9j-MuiPaper-root-MuiDialog-paper{margin:0!important}.item-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:min(560px,100vw - 64px);padding-top:2px;display:grid}.item-form .MuiTextField-root,.item-form .MuiBox-root{min-width:0}.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:30px}button.save-form{color:#fff;background-color:var(--available)}button.cancel-changes{color:var(--out-of-stock)}@media (width<=640px){.item-form{grid-template-columns:1fr}.include-on-list-container{flex-direction:column;align-items:center;display:flex}}@media (width<=400px){.item-form{grid-template-columns:1fr;max-height:320px}}.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 span{color:#21382b;margin-bottom:2px;font-size:1.8rem;font-weight:900;line-height:1;display:block}.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}.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}}.item-section.all-items{margin-bottom:85px}.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}.home-page{place-items:center;min-height:100vh;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:100vh;display:flex}.loader{width:48px;height:48px;margin:auto;position:relative}.loading-text{position:absolute;top:55%}.loader:before{content:"";background:#f0808050;border-radius:50%;width:48px;height:5px;animation:.5s linear infinite shadow324;position:absolute;top:60px;left:0}.loader:after{content:"";background:#f08080;border-radius:4px;width:100%;height:100%;animation:.5s linear infinite jump7456;position:absolute;top:0;left:0}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.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)}.app-shell{width:min(100%,980px);margin:0 auto;margin-top:var(--top-navbar-height);min-height:var(--viewing-height);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-button,.filter-button{color:#fffdf8;cursor:pointer;background:#21382b;border-radius:8px;min-height:42px;padding:0 18px;font-weight:700;transition:transform .16s,background-color .16s,box-shadow .16s}.app-button:hover,.filter-button:hover{background:#31543f;transform:translateY(-1px);box-shadow:0 12px 24px #21382b24}.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{background-color:var(--menu-color);width:80%;height:var(--bottom-navbar-height);z-index:9999;background:var(--bottom-navbar-background);border-radius:35px;justify-content:space-around;align-items:center;min-width:300px;max-width:400px;display:flex;position:fixed;bottom:18px;left:10%;box-shadow:0 3px 10px #00000026,3px 6px 10px #0000001a}.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;background-color:var(--top-navbar-background-color);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}.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:26px;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;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%}}.landing-page{position:relative;overflow-x:hidden}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-bottom:1px solid #ffffff80;justify-content:space-between;align-items:center;padding:1rem 7%;display:flex;position:sticky;top:0}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:inherit;text-decoration:none}.nav-actions{gap:1rem;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:4rem 7%;display:grid}.hero-badge{background:#fff;border:1px solid #eee;border-radius:999px;margin-bottom:2rem;padding:.5rem 1rem;display:inline-block}.hero h1{font-size:clamp(4rem,7vw,6rem);line-height:.95}.hero h1 span{color:var(--green)}.hero p{color:var(--muted);max-width:600px;margin-top:1.5rem;font-size:1.2rem;line-height:1.8}.hero-buttons{gap:1rem;margin-top:2rem;display:flex}.hero-users{color:var(--muted);margin-top:2rem}.dashboard-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fffc;border-radius:28px;overflow:hidden;box-shadow:0 20px 80px #00000014}.window-header{border-bottom:1px solid #eee;gap:.5rem;padding:1rem;display:flex}.window-header span{background:#ddd;border-radius:50%;width:12px;height:12px}.dashboard-content{grid-template-columns:1fr 1fr;display:grid}.inventory-panel,.recipe-panel{padding:2rem}.inventory-item,.recipe-card-mini{background:#fff;border-radius:14px;margin-top:1rem;padding:1rem}.inventory-item{justify-content:space-around;display:flex}.stats{justify-content:center;gap:5rem;padding:5rem 7%;display:flex}.stat{text-align:center}.stat h3{font-size:2.5rem}.stat p{color:var(--muted)}.features{padding:7rem 7%}.features h2{text-align:center;margin-bottom:4rem;font-size:3rem}.bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-radius:24px;min-height:220px;padding:2rem;transition:all .3s}.feature-card:hover{transform:translateY(-5px)}.large,.wide{grid-column:span 2}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:7rem 7%;display:grid}.reverse{grid-template-columns:1fr 1fr}.section-tag{color:var(--green);font-weight:700}.showcase h2{margin-top:1rem;font-size:3rem}.showcase p{color:var(--muted);margin-top:1rem;line-height:1.8}.showcase-image{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border-radius:28px;justify-content:center;align-items:center;min-height:420px;font-size:1.3rem;font-weight:600;display:flex}.cta{padding:8rem 7%}.cta-card{text-align:center;color:#fff;background:#111827;border-radius:40px;padding:5rem}.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}.footer{border-top:1px solid #eee;grid-template-columns:repeat(4,1fr);gap:3rem;padding:5rem 7%;display:grid}.footer p{color:var(--muted);margin-top:.75rem}@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}.footer{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:4rem}}.spaces-list-container{flex-direction:column;align-items:center;display:flex}.add-space-container{flex-direction:column;justify-content:center;align-items:center;display:flex}button.space-button{min-width:200px;margin:10px 0}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>=720px){.spaces-list-container{flex-direction:row;justify-content:center;align-items:center}}.card{background:var(--space-card-bg);border-radius:15px;flex-direction:column;width:250px;height:175px;margin:10px;display:flex}.card:hover{background:var(--space-card-hover)}.card:hover .space-card-btn{background-color:var(--space-card-hover-card-btn)}.text span{font-size:1.6rem;font-weight:900}.text{flex-direction:column;flex-grow:1;padding:15px;display:flex}.membership-role{color:var(--space-role-text-color);font-size:.8em;font-weight:300}.primary-space{justify-content:start;align-items:center;display:flex}.icons{justify-items:center;align-items:space-between;border-radius:0 0 15px 15px;width:250px;display:flex;overflow:hidden}.space-card-btn{background-color:var(--space-card-btn-bg);cursor:pointer;border:none;justify-content:center;align-items:center;min-width:84px;min-height:35px;padding:5px;display:flex}.space-card-btn:hover{background-color:var(--space-card-btn-hover-bg)!important}.icons>:nth-child(2){color:red}.profile-container{min-height:calc(100vh - (var(--top-bar-height) + var(--bottom-menu-height)));margin-bottom:100px}