#app{min-height:100vh;display:flex;flex-direction:column;gap:1rem}footer,header,main{max-width:1400px;width:100%;margin:0 auto;padding:1rem}main{flex:1 1;flex-direction:column;gap:2rem}header,main{display:flex}header{align-items:center;justify-content:space-between;gap:1rem;position:-webkit-sticky;position:sticky;top:0;left:0;width:100%;background:#fff;z-index:1000;border-bottom:1px solid var(--background-muted)}header div:first-of-type a{text-decoration:none;color:var(--color-primary)}.goto{display:flex;align-items:center;gap:1rem;position:relative}.goto-links{display:none;position:absolute;top:100%;right:0;padding-top:1rem;z-index:10}.goto:hover .goto-links{display:block}.hamburger i{font-size:1.5rem;padding-left:2rem}.goto-links>div{border-radius:var(--border-radius-large);background:#fff;border:1px solid var(--border-secondary);display:flex;flex-direction:column;gap:1rem;padding:1rem}.goto-links>div button{width:100%}.goto-links>div p{white-space:nowrap}.goto a button{display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:.5rem}.full-line{height:1px;background:var(--background-muted)}.hero-section{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:3rem;gap:3rem;padding:2rem}.hero-section>div:first-of-type{display:flex;flex-direction:column;gap:1rem}.header-text{font-size:2.5rem;line-height:2.5rem}.hero-section>div:first-of-type p{max-width:300px}.hero-section svg{height:2rem;padding-left:.5rem;margin-bottom:.5rem}.hero-display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.hero-display>div{display:flex;flex-direction:column;gap:1rem}.hero-display>div:first-of-type{padding-top:2.5rem}.hero-display .card{aspect-ratio:16/9;border-radius:var(--border-radius-large);display:flex;gap:1rem}.hero-display .card>div:first-of-type{display:flex;flex-direction:column;gap:.5rem;flex:1 1}.card-description-large,.card-description-small,.card-header{border-radius:var(--border-radius-small);background:var(--color-link);opacity:.4}.card-header{padding:1rem 0}.card-description-large{width:80%;padding:.35rem 0}.card-description-small{width:64%;padding:.35rem 0}.card-blank{flex:1 1}.card-square{background:var(--color-link-transparent);border-radius:var(--border-radius-small);padding:2rem 0;width:30%}.dashboard-container{position:relative;display:flex;flex-direction:column;gap:2rem;width:100%}.dashboard-container table{width:100%}.section-header{gap:.5rem}.meal-day,.section-header{display:flex;flex-direction:column}.meal-day{gap:1rem;background:#fff!important}.week-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem}.day-container{display:flex;flex-direction:column;gap:1rem;background:#fff!important}.meals-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;flex:1 1}.meal-selection{display:flex;gap:1rem}.meal-selection>div:first-of-type{flex:1 1}.meal-grid-container{overflow-x:auto;background:#fff!important}.meal-grid,.meal-grid-container{display:flex;flex-direction:column}.meal-grid{gap:.5rem}.grid-row{display:flex;gap:1rem;align-items:center}.grid-item:first-child,.grid-row:first-of-type{text-transform:capitalize}.grid-item:first-child{min-width:120px;flex:3 1}.grid-item:nth-child(2){min-width:240px;flex:8 1}.grid-item:nth-child(3),.grid-item:nth-child(4),.grid-item:nth-child(5),.grid-item:nth-child(6){min-width:80px;flex:2 1}.grid-item:nth-child(6) button{padding:.5rem 1rem}.meal-planner-btns{display:flex;align-items:center;gap:1rem}.grid-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.grid-container>div{padding:0 1rem}.grid-container>div:not(:nth-child(2)):not(:nth-child(3))>div{padding:1rem 0}.grid-container>div:nth-child(2)>div,.grid-container>div:nth-child(3)>div{padding:.5rem 0}.library-page{display:flex;flex-direction:column;gap:1.5rem;flex:1 1}.library-container{gap:.5rem}.library-container,.recipe-list{display:flex;flex-direction:column}.recipe-list{gap:.25rem}.add-recipe{align-items:center;justify-content:space-between}.add-recipe,.meal-item{display:flex;width:100%;padding:.4rem .75rem!important}.meal-item{border:none!important;flex-direction:column;gap:.25rem;text-align:left}.meal-item:hover,.selected-recipe{background:var(--color-link-transparent)!important}.show-pane{display:block}.hide-pane{display:none}.recipe-container{display:flex;flex-direction:column;gap:1rem;max-width:600px}.recipe-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:3rem;gap:3rem;width:-moz-fit-content;width:fit-content}.recipe-stats p i{padding-left:.5rem}.recipe-title{display:flex;align-items:center;gap:1rem;justify-content:space-between}.recipe-container form{display:flex;flex-direction:column;gap:1.5rem}.recipe-container form label{width:100%;max-width:unset;display:flex;flex-direction:column;gap:.5rem}.recipe-container form span{font-weight:600}.recipe-actions{display:flex;align-items:center;gap:1rem}.recipe-actions .delete-recipe{color:#f05;opacity:.7}.quantity-input{display:flex;align-items:center;gap:.5rem;width:100%}.quantity-input p{white-space:nowrap;font-weight:300}.quantity-input button{padding:.5rem 1rem}.quantity-input input:first-of-type{width:80px}.quantity-input input:last-of-type{width:100%}.ingredients-list{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.recipe-container textarea{width:100%!important;resize:none;min-height:200px}.add-recipe-btns{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cook-time-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}.cook-time{position:relative;display:flex;flex-direction:column;height:100%}.cook-time p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.cook-time input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:24px;background:var(--color-primary);border-radius:1rem;cursor:pointer}.cook-time input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#007bff;border-radius:50%;cursor:pointer}.hide-button button{white-space:nowrap}.breadcrumbs{display:flex;align-items:center;gap:.5rem}.flex-1{flex:1 1}.meal-item div{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem}.meal-item div div{width:-moz-fit-content;width:fit-content;padding:.15rem .5rem;border-radius:var(--border-radius-small)}.meal-item div p{white-space:nowrap}.meals-container>button{width:100%}.add-ingredient{display:flex;flex-direction:column;gap:1rem}.add-ingredient label{max-width:unset;width:100%}.add-ingredient>div:first-of-type{display:flex;align-items:stretch;gap:1rem}.add-ingredient>div:first-of-type label:first-of-type{flex:2 1}.add-ingredient>div:first-of-type label:last-of-type{flex:1 1}.action-btns{display:flex;align-items:center;justify-content:space-between;gap:1rem}.meal-planner-container{width:100%}.meal-planner-container>div:last-of-type{overflow-x:auto}.meal-planner-container table td{white-space:nowrap}.meal-planner-container table td:not(:first-of-type){min-width:200px}.grocery-list{display:flex;flex-direction:column;gap:1rem;flex:1 1}.ingredients-container{display:flex;flex-direction:column;gap:2rem}.ingredients-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1rem;gap:1rem;flex:1 1}.ingredients-grid>div{display:flex;flex-direction:column;gap:.5rem}.ingredients-grid>div ul{flex:1 1}.ingredients-grid>button{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.ingredients-grid>div button{margin-left:auto;margin-right:0}.account-info{gap:2rem}.account-info,.account-info>div{display:flex;flex-direction:column}.account-info>div button{margin-top:.5rem}.login{display:flex;flex-direction:column;justify-content:center;gap:1rem;max-width:600px;width:100%;margin:0 auto;flex:1 1;padding:4rem 0}.login>div:last-of-type{display:flex;align-items:center;gap:1rem}.hard-line{height:1px;background:var(--border-secondary)}.footer-content{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;padding:4rem 1rem}.footer-content>div:first-of-type{display:flex;flex-direction:column;gap:.5rem}.footer-content>div:first-of-type div{display:flex;align-items:center;gap:.5rem}.footer-content>div:last-of-type div{display:flex;align-items:center;gap:1rem}.portal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;padding:1rem}.portal-underlay{position:absolute;inset:0;background:var(--color-primary);opacity:.5;z-index:1999;width:100%;border:none;border-radius:0;box-shadow:unset}.portal-underlay:hover{transform:unset;box-shadow:unset}.portal-contents{position:relative;z-index:2001;width:100%;margin:0 auto;max-width:600px;max-height:400px;border-radius:var(--border-radius-large);border:1px solid var(--border-secondary);background:var(--background-primary);padding:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:640px){.goto>a>:first-of-type{display:block}.hero-section{padding:3rem}.header-text{font-size:3rem;line-height:3rem}.hero-section>div:first-of-type p{max-width:400px}.library-page{flex-direction:row;align-items:stretch}.hide-pane{display:inherit}.hide-button{display:none}.library-container{width:260px;flex-shrink:0;border-right:1px solid var(--border-primary);padding-right:1rem}.ingredients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (min-width:768px){.hero-section{padding:6rem 0;gap:3rem}.hero-section,.week-container{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredients-grid,.meals-container{grid-template-columns:repeat(3,minmax(0,1fr))}.ingredients-grid{gap:2rem}.footer-content{flex-direction:row}.footer-content>div:last-of-type{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}}@media (min-width:1024px){.goto-links{display:block;position:relative;padding:0}.goto-links>div{border:none;padding:0 1rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.hamburger{display:none}.dashboard-container,.week-container{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-container>div:first-of-type{grid-column:span 2/span 2}.ingredients-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@import url("https://fonts.googleapis.com/css2?family=Eczar:wght@400..800&family=Grenze:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--background-primary:#fff;--background-secondary:"";--background-tertiary:#dbeafe;--background-accent:"";--background-compliment:"";--background-gradient:"";--background-muted:#f8fafc;--color-primary:#030615;--color-secondary:"";--color-tertiary:"";--color-accent:"";--color-compliment:"";--color-gradient:"";--color-muted: ;--color-link:#2563eb;--color-link-transparent:rgba(37,99,235,.1);--color-success:"";--color-warning:"";--color-error:"";--color-info:"";--color-highlight:#fef9c3;--gradient-start:#9580ff;--gradient-end:#80ffea;--border-primary:#f1f5f9;--border-secondary:#bed1e7;--border-highlight:#64748b;--border-tertiary:"";--shadow-dark:"";--shadow-light:"";--shadow-text:"";--padding-small:1rem;--padding-large:2rem;--border-radius-small:0.5rem;--border-radius-large:0.75rem;--highlight-border-radius:0.5rem;--text-selection:""}*{margin:0;padding:0;box-sizing:border-box;font-family:Eczar,serif}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6rem}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(135deg,var(--gradient-start) 0,var(--gradient-end) 100%);background-size:100%;-webkit-box-decoration-break:clone}button,h1,h2,h3,h4,h5,h6{font-family:Grenze,serif;width:-moz-fit-content;width:fit-content}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem}.text-medium,h3,h4{line-height:1.75rem}.text-medium,h4{font-size:1.125rem}h5{font-size:1rem;line-height:1.5rem}h6{font-size:.875rem;line-height:1.25rem}p{display:block;width:-moz-fit-content;width:fit-content}span{font-weight:inherit;font-size:inherit;line-height:inherit}address{font-style:normal}aside{float:right;width:40%;padding:.75rem;margin:.5rem;font-style:italic;color:var(--color-primary);background-color:var(--background-muted);border-radius:var(--border-radius-large)}blockquote{position:relative;padding-left:1.5rem;margin:0}blockquote:after{content:"";display:block;position:absolute;left:0;top:0;height:100%;border-left:7px solid var(--border-primary);border-radius:6px}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ol,ul{list-style-position:inside;padding-left:1rem}li{line-height:1.6em}a{color:var(--color-link)}a:active,a:focus,a:hover{text-decoration:none}.link-button{border:none;color:var(--color-link);box-shadow:none;padding:0}.link-button:hover{box-shadow:none;transform:unset;text-decoration:underline}code,kbd,mark,samp,time{border-radius:var(--highlight-border-radius,4px);box-decoration-break:clone;-webkit-box-decoration-break:clone}mark{background-color:var(--color-highlight);padding:0 4px}samp{font-weight:700;padding:.5rem 1rem}kbd,samp,time{background-color:var(--background-muted);color:var(--color-primary)}kbd,time{padding:0 .5rem}code,pre{font-size:.9em;padding:.2rem .5rem;background:var(--background-muted);border:1px solid var(--border-primary);max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto}pre>code{padding:10px;border:0;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sub,sup{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{width:-moz-fit-content;width:fit-content;border:1px solid var(--border-primary);background:var(--background-muted);border-radius:var(--border-radius-small)}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}th{background-color:var(--background-muted)}td{background:var(--background-primary)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid #000}table tr:hover td,tbody tr:nth-child(2n):hover td{background-color:var(--background-muted)}button,input[type=button],input[type=checkbox],input[type=radio],input[type=range],input[type=submit],select{cursor:pointer}button{color:var(--color-primary);background-color:var(--background-primary);width:-moz-fit-content;width:fit-content;font-family:inherit;font-size:inherit;font-weight:500;padding:.25rem 1.25rem;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary);transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:auto;opacity:.55}label{display:block;max-width:-moz-fit-content;max-width:fit-content;font-weight:500}input,select,textarea{font-size:1em;background-color:var(--background-muted);border:1px solid var(--border-secondary);color:var(--color-primary);padding:.5rem .75rem;border-radius:var(--border-radius-small);width:100%;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{display:none;-webkit-appearance:none;appearance:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{padding:.5rem;width:-moz-fit-content;width:fit-content;vertical-align:middle;position:relative;margin:.5rem .25rem .5rem .5rem}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0;height:100%}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline-style:none;padding:initial;max-width:none;height:2rem;width:3rem}select:is([multiple]){background:none;height:-moz-fit-content;height:fit-content}fieldset:focus-within,input:focus-within,select:focus-within,textarea:focus-within{border-color:var(--border-highlight)}fieldset:hover,input:hover,select:hover,textarea:hover{border-color:var(--border-highlight)}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--background-main);border:1px solid var(--border-primary);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--color-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--color-link);border-radius:var(--border-radius-small)}fieldset{margin:0 0 6px;padding:1rem;max-width:-moz-fit-content;max-width:fit-content}details,fieldset{border:1px solid var(--border-primary);border-radius:var(--border-radius-small)}details{padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.button-card,.card{background-color:var(--background-muted);color:var(--color-primary);padding:1rem;border-radius:.5rem}.card{border:1px solid var(--color-link-transparent)}.button-card{border:1px solid var(--border-secondary);box-shadow:none}.button-card:hover{transform:translate(0);box-shadow:none;border-color:var(--border-highlight)}.card-button-primary,.card-button-secondary{border:none!important;box-shadow:none!important}.card-button-primary{color:var(--background-primary);background:var(--color-link)}.card-button-secondary{color:var(--color-link);background:var(--color-link-transparent)}.card-button-primary:hover,.card-button-secondary:hover{transform:none;opacity:.6}@media (min-width:640px){body{font-size:1rem;line-height:1.5rem}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}.text-medium,h4{font-size:1.25rem}.text-medium,h4,h5{line-height:1.75rem}h5{font-size:1.125rem}h6{font-size:1rem;line-height:1.5rem}button{width:-moz-fit-content;width:fit-content}input{max-width:600px}}