@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#292b25;background:#faf8f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #e5dfd5;border-radius:10px;padding:10px 14px;background:#fff;color:#37352f;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}button:hover{background:#f6f0e9}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid #dcd6cc;background:#fff;border-radius:9px;padding:11px 12px;color:#252822;max-width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #d8a98d;outline-offset:1px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600}h1{font-size:clamp(28px,3vw,40px);margin-bottom:7px}h2{font-size:22px;margin-bottom:8px}h3{font-size:16px}p{line-height:1.55}a{color:#9e4e31}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#f4eee4;border-right:1px solid #e5dfd5;padding:27px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:11px;margin:4px 8px 43px}.logomark{width:47px;height:47px;background:#9e4e31;border-radius:15px;color:#fff5e8;display:grid;place-items:center;box-shadow:0 4px 12px #9e4e3124}.logo strong{font-family:Fraunces,Georgia,serif;font-size:28px;letter-spacing:-1px;display:block;line-height:1}.logo small{display:block;font-size:10px;letter-spacing:1.2px;color:#8a8074;margin-top:6px;text-transform:uppercase}.subheading,.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8b857c;text-transform:uppercase}.subheading{padding:0 14px;margin-bottom:15px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.sidebarbottom button{border:0;background:transparent;width:100%;justify-content:flex-start;padding:13px 14px;color:#625b52}.sidebar nav button.active{background:#e6d6c8;color:#873d25}.sidebar nav button:hover{background:#ebe0d4}.sidebarbottom{margin-top:auto;display:grid;gap:10px}.sidebarbottom select{width:100%;background:#fffaf4}.sidebarbottom button{font-size:13px}.app main{flex:1;min-width:0;padding:0 clamp(20px,4vw,62px) 70px;max-width:1550px;margin:auto}header{height:85px;border-bottom:1px solid #eae4db;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:40px}.headeractions{display:flex;align-items:center;gap:12px;color:#8b857c;font-size:12px}.mobilebrand{display:none}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.pagehead p{color:#8c857b;margin:0}.primary{background:#9e4e31;color:#fff;border-color:#9e4e31}.primary:hover{background:#874029}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat{background:#fff;border:1px solid #ebe4db;border-radius:16px;padding:23px;box-shadow:0 3px 15px #5c493708}.stat span{display:block;color:#857e74;font-size:12px;margin-bottom:13px}.stat strong{font-family:Fraunces,serif;font-size:34px;font-weight:500}.twocol{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #eae3da;border-radius:17px;padding:25px;margin-bottom:22px;box-shadow:0 4px 18px #5c493708}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panelhead h2,.panelhead h3{margin:0}.panelhead button{font-size:12px}.mealrow{width:100%;border:0;border-top:1px solid #f0ece5;border-radius:0;display:flex;justify-content:flex-start;text-align:left;gap:14px;padding:12px 0;background:transparent;font-size:13px;font-weight:500}.mealrow span:nth-child(2){flex:1}.mealrow svg{color:#a8a096}.daychip{background:#f5efe6;border-radius:7px;min-width:45px;text-align:center;padding:8px;color:#86553f;font-size:12px}.previewrow{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0ece5;padding:13px 0;gap:14px;font-size:13px}.previewrow strong{font-size:12px;white-space:nowrap}.muted,.hint{color:#898278;font-size:13px}.hint{margin:18px 0 0}.alert{background:#f4e7d8;border:1px solid #e9d1bc;border-radius:10px;padding:12px 15px;margin:15px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions input{flex:1}.iconbutton{padding:8px;border:0;background:transparent}.plancontrols{display:grid;gap:17px}.fieldrow{display:flex;gap:25px;align-items:end;flex-wrap:wrap}.fieldrow>div{display:grid;gap:8px}.busyline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:#777167}.daytoggle{display:flex;flex-direction:row;align-items:center;gap:4px}.daytoggle input{accent-color:#9e4e31}.templatebar{display:flex;gap:9px;flex-wrap:wrap}.templates{display:flex;flex-wrap:wrap;gap:8px}.templates button{font-size:12px}.weekday,.calgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekday span{text-align:center;font-size:11px;color:#8b857b;padding:11px}.calday{border:1px solid #eee7de;border-radius:0;min-height:112px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;overflow:hidden}.calday:hover{background:#fdf4e9}.calday.outside{opacity:.38}.calday.today{box-shadow:inset 0 0 0 2px #bd7656}.calnumber{font-size:12px}.mealpill{background:#f3e4d6;color:#874b32;border-radius:7px;padding:6px 7px;font-size:11px;text-align:left;max-width:100%;overflow-wrap:anywhere}.calplus{color:#c9bfb1;opacity:0}.calday:hover .calplus{opacity:1}.grocerygroup{margin-top:27px}.grocerygroup h3{background:#f6f1e9;padding:10px 13px;border-radius:9px}.groceryitem{display:flex;flex-direction:row;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid #f1ede6}.groceryitem input{accent-color:#9e4e31;width:17px;height:17px}.groceryname{flex:1}.groceryname small{display:block;color:#999188;font-weight:400;margin-top:4px}.groceryitem strong{font-size:12px}.groceryitem.done{text-decoration:line-through;opacity:.5}.searchbar{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eae3da;padding:4px 15px;border-radius:11px;margin-bottom:21px}.searchbar input{border:0;flex:1;outline:0!important}.recipegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.recipecard{background:#fff;border:1px solid #eae3da;border-radius:15px;padding:18px;display:flex;flex-direction:column;gap:16px}.recipeicon{width:45px;height:45px;background:#f4e8db;color:#a45b3c;display:grid;place-items:center;border-radius:12px}.recipecard h3{font-family:Fraunces,serif;font-size:19px;margin:8px 0}.recipecard p{font-size:12px;color:#888076;min-height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills span{background:#f5f1eb;border-radius:30px;padding:5px 8px;color:#776f65;font-size:11px}.cardactions{margin-top:auto;border-top:1px solid #f0eae2;padding-top:12px;display:flex;align-items:center;justify-content:space-between}.cardactions button{font-size:12px;padding:7px}.importgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.uploadzone{border:2px dashed #d8c9b8;border-radius:13px;padding:35px;align-items:center;text-align:center;color:#8f563d;cursor:pointer}.uploadzone span{font-size:12px;color:#827b72}.uploadzone input{max-width:220px;font-size:11px}.previewtable{overflow:auto;margin:16px 0}.previewtable table{border-collapse:collapse;width:100%;font-size:12px}.previewtable th,.previewtable td{text-align:left;border-bottom:1px solid #eee6dd;padding:10px}.copyline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copyline code{overflow-wrap:anywhere;font-size:12px}.panel hr,.authbox hr{border:0;border-top:1px solid #eae3da;margin:28px 0}.centered{min-height:100vh;display:grid;place-items:center;padding:20px}.authbox{background:#fff;border:1px solid #eae3da;border-radius:20px;padding:38px;max-width:450px;width:100%;display:grid;gap:16px}.authbox .logo{margin:0 0 12px}.authbox h1,.authbox h2{margin:0}.authbox p{font-size:13px;color:#8a8176}.textbutton{border:0;background:transparent;color:#995236}.empty{padding:38px;text-align:center;color:#9a9084}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#19171299;display:flex;justify-content:center;align-items:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:17px;padding:27px;width:min(550px,100%);max-height:90vh;overflow:auto;display:grid;gap:17px}.modal.wide{width:min(850px,100%)}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ingredienteditor{display:grid;gap:8px}.ingredientline{display:grid;grid-template-columns:2fr 85px 75px 1.4fr 30px;gap:6px}.ingredientline input,.ingredientline select{width:100%;font-size:12px;padding:8px}.ingredientextra{grid-column:span 2}.mobilenav{display:none}@media(max-width:900px){.sidebar{width:210px}.app main{padding:0 20px 60px}.twocol{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{display:none}.app main{padding:0 15px 92px}header{height:65px;margin-bottom:24px}.mobilebrand{display:flex;align-items:center;gap:5px;color:#9e4e31;font-family:Fraunces,serif;font-size:21px}.headeractions span,header .eyebrow{display:none}.pagehead{align-items:flex-start;flex-direction:column}.panel{padding:16px}.stats{gap:8px}.stat{padding:15px}.calday{min-height:80px;padding:5px}.mealpill{font-size:9px;padding:4px}.weekday span{font-size:10px}.mobilenav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eae3da;display:flex;justify-content:space-around;padding:7px 3px max(8px,env(safe-area-inset-bottom));z-index:10}.mobilenav button{border:0;display:flex;flex-direction:column;gap:2px;font-size:10px;padding:5px 3px;background:transparent;color:#8a8176}.mobilenav button.active{color:#9e4e31}.importgrid,.formgrid{grid-template-columns:1fr}.ingredientline{grid-template-columns:1fr 75px 70px 30px}.ingredientline select{grid-column:span 3}.ingredientextra{grid-column:span 2}.uploadzone{padding:20px}.modal{padding:17px}.recipegrid{grid-template-columns:1fr}}:root{color:#e8e2da;background:#292b2b;color-scheme:dark}body{background:#292b2b}.sidebar{background:#303232;border-color:#474947}.app main{background:#292b2b}header{border-color:#454746}.panel,.recipecard,.stat,.authbox,.modal,.searchbar{background:#373939;border-color:#51524f;color:#ece5db;box-shadow:none}button,input,select,textarea{background:#424443;border-color:#62615b;color:#f2eae0}button:hover{background:#50514e}.primary{background:#b85e3e;border-color:#b85e3e;color:#fff}.primary:hover{background:#a94d31}.sidebar nav button,.sidebarbottom button{color:#d2cbc2}.sidebar nav button.active{background:#55453e;color:#f4b39a}.sidebar nav button:hover{background:#464441}.sidebarbottom select{background:#424443}.pagehead p,.muted,.hint,.eyebrow,.subheading,.logo small,.headeractions,.recipecard p,.groceryname small,.authbox p{color:#b7afa4}.mealpill,.daychip,.pills span,.grocerygroup h3{background:#55473f;color:#f0c6b2}.calday{background:#373939;border-color:#555650;color:#eee7dd}.calday:hover{background:#4c4742}.calday.selected{background:#685042;box-shadow:inset 0 0 0 2px #d78b69}.calday.outside{opacity:.45}.weekday span{color:#c2b8ab}.alert{background:#5a473e;border-color:#916b56;color:#f2e1d5}.groceryitem,.previewrow,.mealrow,.cardactions{border-color:#555650}.textbutton,a{color:#e6a184}.mobilenav{background:#333535;border-color:#555650}.mobilenav button{color:#c8beb2}.mobilenav button.active{color:#e4a184}.recipeicon{background:#59453b;color:#eeb99e;overflow:hidden}.recipeicon img{width:100%;height:100%;object-fit:cover}.clearcontrols{border-top:1px solid #585955;padding-top:16px;display:grid;gap:12px}.clearcontrols h3{margin:0}.recipe-detail{gap:20px}.recipe-hero{width:100%;max-height:310px;object-fit:cover;border-radius:14px}.recipe-hero.placeholder{height:180px;background:#51453f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#e8ae8e}.detail-ingredients{display:grid;gap:0}.detail-ingredients>div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #545650}.steps{display:grid;gap:15px;line-height:1.6;padding-left:25px}.component-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-height:260px;overflow:auto;margin:12px 0}.component-picker label{flex-direction:row;align-items:center;font-weight:400}.component-picker input{accent-color:#b85e3e}.recipecard[role=button]{cursor:pointer}.recipecard[role=button]:hover{border-color:#ba775b}@media(max-width:650px){.detail-ingredients>div{grid-template-columns:100px 1fr}.clearcontrols .actions{align-items:stretch}}
