:root{font-family:Vazirmatn,"DM Sans",sans-serif;color:#28362c;background:#f7f5ef;font-synthesis:none;text-rendering:optimizeLegibility;--green:#477b50;--muted:#8c948b;--line:#e9e7df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;min-width:320px;background:#f7f5ef}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1600px;margin:auto;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 max(0px,calc((100vw - 1600px)/2));width:248px;background:#fffefa;border-left:1px solid #eeece5;padding:30px 23px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:#324839;text-decoration:none;font-size:18px;font-weight:800}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#eaf1e8;color:#527b53;font-size:23px}.brand small,.side-bottom small{display:block;color:#a1a59d;font-size:10px;font-weight:400;margin-top:1px}.side-caption{font-size:10px;color:#a6a79f;margin:48px 8px 13px}.side-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 12px;border-radius:11px;color:#737d73;text-decoration:none;font-size:12px;transition:.2s}.nav-item>span{font-size:17px;width:21px;text-align:center}.nav-item i{font:10px "DM Sans",sans-serif;color:#a3aaa0;margin-right:auto}.nav-item:hover,.nav-item.active{color:#426e47;background:#edf3eb}.nav-item.active{font-weight:700}.sidebar-note{margin-top:auto;border-radius:16px;background:#f0f4eb;padding:21px 17px;color:#486b49;position:relative;overflow:hidden}.note-spark{font-size:19px}.sidebar-note b{display:block;font-size:12px;margin-top:11px}.sidebar-note p{font-size:10px;color:#849384;line-height:1.9;margin:5px 0 20px}.note-decoration{font-size:10px;color:#8a9c7a;border-top:1px solid #dce6d8;padding-top:10px;display:block}.side-bottom{display:flex;align-items:center;gap:10px;padding-top:18px;margin-top:18px;border-top:1px solid #efeee8;font-size:11px}.side-bottom small{font-size:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eee4d5;color:#8c6a4b;font-weight:700}.online{width:7px;height:7px;background:#79aa73;border-radius:50%;margin-right:auto}.main{margin-right:248px;padding:0 clamp(25px,5vw,76px);max-width:1350px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#9b9e96}.breadcrumb span{padding:0 8px;color:#c2c2ba}.top-actions{display:flex;align-items:center;gap:18px}.today-chip{font-size:10px;color:#687568;background:#fffefa;border:1px solid var(--line);border-radius:20px;padding:8px 12px}.today-chip i,.eyebrow>span:first-child{display:inline-block;width:7px;height:7px;background:#7bae77;border-radius:50%;margin-left:6px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#fffefa;border-radius:50%;color:#768174}.avatar-small{width:31px;height:31px}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:250px;padding:30px 3px 25px}.eyebrow{font-size:10px;color:#829181;letter-spacing:.1px}.welcome .eyebrow>span{width:6px;height:6px}.welcome h1{font-size:36px;letter-spacing:-1px;margin:17px 0 7px;font-weight:700;color:#29382c}.welcome h1 em{font-style:normal;color:#6c9368}.welcome p{color:#90958c;font-size:12px;margin:0}.welcome-art{width:230px;height:185px;position:relative;display:grid;place-items:center}.plate{width:135px;height:135px;border:1px solid #e5e5d8;border-radius:50%;background:#fbfaf4;display:grid;place-items:center;box-shadow:0 12px 30px #606a3710;position:relative;z-index:1}.plate:before{content:"";position:absolute;inset:9px;border:1px solid #eceadd;border-radius:50%}.plate span{font-size:60px;filter:drop-shadow(0 8px 5px #36250d20)}.art-sun{position:absolute;width:172px;height:172px;background:#ecefdf;border-radius:50%;right:23px;top:4px}.art-leaf{position:absolute;color:#769675;z-index:2}.leaf-one{font-size:28px;right:28px;top:35px}.leaf-two{font-size:22px;left:24px;bottom:33px}.art-caption{position:absolute;bottom:3px;left:56px;font:8px "DM Sans",sans-serif;letter-spacing:2px;color:#afb3a5}.section{padding-top:17px;margin-bottom:45px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-eyebrow{color:#8c9a89}.section-heading h2,.modal h2{font-size:19px;margin:5px 0 0;color:#344336}.live-dot{width:6px!important;height:6px!important;margin:0 5px;background:#82ab78!important}.search{width:240px;height:38px;border:1px solid var(--line);border-radius:9px;background:#fffefa;display:flex;align-items:center;padding:0 12px;color:#9da296}.search span{font-size:21px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:10px;color:#39463b;padding:0 7px}.search input::placeholder{color:#b3b5ad}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:15px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid #e9e8e0;background:#fffefa;border-radius:20px;padding:8px 13px;color:#858b81;font-size:10px;transition:.2s}.filter span{background:#e9efe6;color:#688768;border-radius:12px;padding:2px 6px;margin-right:4px}.filter.active,.filter:hover{background:#507c54;border-color:#507c54;color:white}.filter.active span{background:#ffffff2c;color:white}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.food-card{overflow:hidden;border:1px solid #edebe4;background:#fffefa;border-radius:13px;transition:transform .2s,box-shadow .2s}.food-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #313f2510}.food-image{height:145px;position:relative;display:grid;place-items:center;overflow:hidden}.food-image:before,.food-image:after{content:"";position:absolute;border:1px solid #ffffff65;border-radius:50%}.food-image:before{width:150px;height:150px}.food-image:after{width:122px;height:122px}.food-image.green{background:#e7eddf}.food-image.rose{background:#f3e7df}.food-image.cream{background:#f1eddf}.food-image.lime{background:#e8eee1}.food-image.orange{background:#f1e8db}.food-image.blue{background:#e5ece7}.food-emoji{z-index:1;font-size:66px;filter:drop-shadow(0 9px 7px #45361b25);transition:transform .3s}.food-card:hover .food-emoji{transform:scale(1.08) rotate(-4deg)}.food-category{position:absolute;right:11px;top:11px;padding:5px 8px;border-radius:20px;background:#ffffffbc;color:#73816e;font-size:8px;z-index:2}.heart{position:absolute;left:10px;top:9px;border:0;background:#ffffffb8;color:#9b8272;width:28px;height:28px;border-radius:50%;font-size:16px;z-index:2}.heart.liked{color:#c56561}.food-info{padding:12px 13px 11px}.food-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.food-title-row h3{font-size:12px;margin:0;color:#3d493d;font-weight:700}.food-time{font:9px "DM Sans",sans-serif;color:#9b9f96;white-space:nowrap}.food-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:9px;border-top:1px solid #f0eee8}.food-bottom>span{color:#a0a298;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-food{width:26px;height:26px;border:1px solid #dce7d8;color:#5e865d;background:#f5f8f1;border-radius:8px;font-size:17px;line-height:1}.plan-food:hover{background:#5b845c;color:white}.empty-state{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #daddd2;border-radius:12px;color:#92988e;font-size:12px}.week-section{padding-top:2px}.heading-count{font-size:9px;color:#8b9a86;font-weight:500;background:#edf2e9;padding:5px 8px;border-radius:14px;margin-right:7px;white-space:nowrap}.text-button{border:0;background:transparent;color:#999e95;font-size:10px}.text-button span{color:#668e66;margin-right:4px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.day-card{min-height:108px;background:#fffefa;border:1px solid #edebe4;border-radius:11px;padding:10px 8px;display:flex;flex-direction:column;align-items:center}.day-name{font-size:10px;color:#69766a;font-weight:600}.day-add{margin:auto auto 1px;border:0;background:transparent;display:grid;justify-items:center;gap:4px;color:#abb0a5}.day-add span{width:25px;height:25px;border:1px dashed #d4dacd;border-radius:50%;display:grid;place-items:center;font-size:15px;color:#7f9b78}.day-add small{font-size:8px}.day-card.has-meal{background:#f1f5ed;border-color:#e4ebdf}.day-meal{display:grid;justify-items:center;gap:2px;margin:auto 0 4px}.day-meal span{font-size:22px}.day-meal b{font-size:8px;text-align:center;color:#596c58;line-height:1.5}.day-edit{border:0;background:transparent;color:#8a9a83;font-size:8px}.shopping-section{margin-top:5px}.add-button{border:0;background:#507c54;color:white;border-radius:8px;padding:9px 12px;font-size:10px}.shopping-panel{min-height:112px;border:1px solid #edebe4;background:#fffefa;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:22px}.shopping-illustration{width:69px;height:69px;flex:none;border-radius:50%;display:grid;place-items:center;background:#f2f0e6;font-size:36px}.shopping-list{display:flex;flex-wrap:wrap;gap:8px;flex:1}.shopping-item{display:flex;align-items:center;gap:8px;border:1px solid #efeee7;border-radius:8px;padding:7px 9px;color:#667265;font-size:10px;cursor:pointer}.shopping-item input{position:absolute;opacity:0;width:1px;height:1px}.checkmark{width:14px;height:14px;border:1px solid #cbd4c5;border-radius:4px;display:grid;place-items:center}.shopping-item.done{color:#adb2a8;text-decoration:line-through}.shopping-item.done .checkmark{background:#6f956b;border-color:#6f956b}.shopping-item.done .checkmark:after{content:"✓";color:white;font-size:10px;text-decoration:none}.shopping-item>button{border:0;background:transparent;color:#b7aaa2;font-size:14px;padding:0 2px}.shopping-empty{font-size:10px;color:#a1a69c}footer{border-top:1px solid var(--line);padding:19px 0 25px;color:#a0a398;font-size:9px;text-align:center}footer b{color:#71856f;font-weight:600}footer span{color:#92ad7d;margin-right:5px}.modal{width:min(450px,calc(100% - 28px));border:1px solid #ecebe3;border-radius:18px;padding:29px;background:#fffefa;color:#354436;box-shadow:0 25px 80px #28332330}.modal::backdrop{background:#24312665;backdrop-filter:blur(3px)}.modal>form:first-child{display:flex;justify-content:flex-start}.modal-close{border:0;background:#f3f3ed;color:#76816f;border-radius:50%;width:28px;height:28px;font-size:19px;line-height:1}.modal h2{margin-top:10px}.modal-intro,.storage-note{color:#92988e;font-size:10px;line-height:1.9}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.admin-form label{display:grid;gap:6px;font-size:10px;color:#687568}.admin-form label:first-child,.admin-form label:nth-child(4){grid-column:1/-1}.admin-form label small{font-size:8px;color:#9da397}.admin-form input,.admin-form select{height:37px;width:100%;border:1px solid #e8e8df;background:#fcfcf8;border-radius:8px;padding:0 10px;outline-color:#97b08e;color:#4a5949;font-size:10px}.primary-button,.secondary-button{border:0;border-radius:8px;padding:10px;font-size:10px}.primary-button{grid-column:1/-1;background:#507c54;color:white}.data-actions{display:flex;gap:8px;margin-top:18px}.secondary-button{flex:1;background:#f0f3ec;color:#648160}.storage-note{border-top:1px solid #efeee8;padding-top:12px;margin-bottom:0}.day-modal{width:min(500px,calc(100% - 28px))}.day-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px;max-height:45vh;overflow:auto}.choice{border:1px solid #edeee7;background:#fbfbf7;border-radius:10px;padding:10px;display:grid;grid-template-columns:35px 1fr;align-items:center;text-align:right;color:#50654f}.choice>span{grid-row:span 2;font-size:22px}.choice b{font-size:10px}.choice small{font-size:8px;color:#9a9f96}.choice:hover{border-color:#87a77f;background:#f1f5ed}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#354a38;color:white;padding:11px 18px;border-radius:9px;font-size:11px;opacity:0;pointer-events:none;transition:.25s;z-index:8}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.sidebar{left:calc((100vw - 1600px)/2)}}@media(max-width:1050px){.sidebar{width:205px;padding-inline:16px}.main{margin-right:205px;padding-inline:30px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.week-grid{gap:5px}.day-card{padding-inline:4px}.welcome-art{transform:scale(.85)}}@media(max-width:720px){.sidebar{position:sticky;inset:0 0 auto;width:auto;height:61px;padding:8px 15px;flex-direction:row;align-items:center;border-left:0;border-bottom:1px solid var(--line)}.brand{font-size:14px;gap:8px}.brand-icon{width:34px;height:34px;border-radius:11px}.brand small,.side-caption,.sidebar-note,.side-bottom{display:none}.side-nav{display:flex;margin-right:auto;gap:4px}.nav-item{padding:9px 10px;font-size:0;gap:0}.nav-item>span{font-size:18px}.nav-item i{display:none}.main{margin:0;padding:0 18px}.topbar{height:57px}.welcome{min-height:195px;padding:20px 0}.welcome h1{font-size:29px}.welcome p{font-size:10px;max-width:280px;line-height:1.9}.welcome-art{width:142px;height:140px;transform:scale(.75);transform-origin:center}.section{margin-bottom:35px}.section-heading h2{font-size:17px}.search{width:185px}.food-grid{gap:10px}.food-image{height:125px}.food-emoji{font-size:57px}.food-info{padding:10px}.week-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.day-card{min-height:98px}.shopping-panel{gap:12px;padding:12px}.shopping-illustration{width:50px;height:50px;font-size:27px}}@media(max-width:440px){.today-chip{display:none}.welcome-art{width:115px;transform:scale(.65);margin-left:-8px}.welcome h1{font-size:26px}.section-heading{align-items:start;gap:10px;flex-wrap:wrap}.section-heading .search{width:100%;order:2}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.food-image{height:108px}.food-emoji{font-size:49px}.food-title-row{align-items:start;flex-direction:column;gap:4px}.food-title-row h3{font-size:11px}.food-bottom>span{font-size:7px}.filters{margin-left:-18px;margin-right:-18px;padding-inline:18px}.week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.text-button{font-size:9px}.shopping-illustration{display:none}.shopping-panel{min-height:90px}.admin-form{grid-template-columns:1fr}.admin-form label:first-child,.admin-form label:nth-child(4){grid-column:auto}.primary-button{grid-column:auto}}


/* Editorial home-kitchen direction */
:root{--green:#3f6948;--ink:#27352a;--cream:#f8f6f0;--line:#e8e5dc;background:var(--cream);color:var(--ink)}
body{background:radial-gradient(ellipse at 80% 8%,#eff0e5 0,transparent 34%),#f8f6f0}
.sidebar{background:#fbfaf6;border-left:1px solid #eae7df;box-shadow:-10px 0 35px #23341a06}
.brand-icon{border-radius:13px;background:#e7eee1;color:#57774d;box-shadow:inset 0 0 0 1px #dce6d6}
.nav-item{border-radius:10px;position:relative}.nav-item.active{background:#eaf0e5;color:#3e6e45}.nav-item.active:before{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:#70946a}
.sidebar-note{background:linear-gradient(145deg,#eff2e7,#e5ecdf);border:1px solid #e1e8db}.note-spark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff9;color:#64865c}.side-bottom{border-color:#e8e6dd}
.main{max-width:1440px}.topbar{border-bottom-color:#e7e4db}.today-chip{background:#fdfcf8;border-color:#e7e5dc;color:#63715f}.icon-button{transition:all .2s}.icon-button:hover{background:#456f49;color:#fff;border-color:#456f49;transform:rotate(18deg)}
.welcome{min-height:300px;padding:35px 26px;margin:22px 0 15px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(112deg,#eef1e7 0%,#f1f1e7 43%,#e1e9d9 100%);box-shadow:0 16px 40px #4455370b}
.welcome:before,.welcome:after{content:"";position:absolute;border:1px solid #78916a20;border-radius:50%;pointer-events:none}.welcome:before{width:360px;height:360px;right:43%;top:-205px}.welcome:after{width:270px;height:270px;right:50%;bottom:-225px}
.welcome-copy{position:relative;z-index:2;max-width:480px}.welcome .eyebrow{display:flex;align-items:center;color:#70836c}.welcome h1{font-size:clamp(36px,4vw,51px);letter-spacing:-1.8px;line-height:1.35;margin:19px 0 8px;color:#2d3b2d}.welcome h1 em{color:#68885b}.welcome p{font-size:12px;line-height:2;color:#7e887a;max-width:420px}.welcome-link{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;background:#456f49;padding:10px 16px;border-radius:8px;font-size:10px;margin-top:20px;box-shadow:0 7px 16px #365d3a20;transition:.2s}.welcome-link:hover{background:#315c38;transform:translateY(-2px)}.welcome-link span{font-size:16px;line-height:10px}
.welcome-art{position:absolute;left:5%;top:50%;width:min(37%,410px);height:84%;transform:translateY(-50%);overflow:visible;border-radius:18px 80px 18px 18px;box-shadow:0 18px 38px #29382124;isolation:isolate}.welcome-art:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(0deg,#1c291c70,transparent 48%),linear-gradient(135deg,#fff2,transparent 60%);pointer-events:none}.welcome-art>img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block;border-radius:inherit}.photo-badge{position:absolute;z-index:2;right:18px;bottom:17px;display:grid;gap:4px;color:white;text-shadow:0 1px 8px #0006}.photo-badge i{font-size:9px;font-style:normal;color:#f3e4bc}.photo-badge b{font-size:13px}.photo-badge small{font-size:9px;color:#f4eee1}.art-stamp{position:absolute;z-index:2;top:14px;left:14px;color:#fff;border:1px solid #ffffff8c;border-radius:50%;width:53px;height:53px;display:grid;align-content:center;text-align:center;font:8px/1.3 "DM Sans",sans-serif;letter-spacing:1px;background:#26362848;backdrop-filter:blur(5px);transform:rotate(-9deg)}
.section{padding-top:22px;margin-bottom:49px}.section-heading{align-items:center;margin-bottom:19px}.section-heading h2{font-size:21px;letter-spacing:-.3px;color:#303e31}.section-eyebrow{font-size:9px;letter-spacing:.5px;color:#8b9684}.search{height:40px;border-radius:10px;background:#fdfcf8;border-color:#e7e5dc;transition:.2s}.search:focus-within{border-color:#91a989;box-shadow:0 0 0 3px #dfe9d9}.search input{font-size:10px}.filters{padding-bottom:17px}.filter{padding:9px 15px;background:#fbfaf6;border-color:#e7e5dc;font-size:10px}.filter.active,.filter:hover{background:#466f49;border-color:#466f49}
.food-grid{gap:18px}.food-card{border-radius:15px;background:#fcfbf7;border-color:#ebe8df;box-shadow:0 4px 12px #39462c06}.food-card:hover{transform:translateY(-5px);box-shadow:0 17px 32px #293a2414}.food-image{height:190px;background:#e8e4d9}.food-image:before,.food-image:after{display:none}.food-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1);z-index:0}.food-card:hover .food-photo{transform:scale(1.055)}.food-image:has(.food-photo):after{display:block;content:"";position:absolute;inset:42% 0 0;border:0;border-radius:0;background:linear-gradient(0deg,#181f187a,transparent);z-index:1}.food-category{right:12px;top:12px;background:#fffef0e8;color:#53684d;font-size:9px;padding:6px 10px;box-shadow:0 2px 8px #12180c16;backdrop-filter:blur(7px)}.heart{left:12px;top:12px;width:31px;height:31px;font-size:18px;color:#697565;background:#fffef0e8;box-shadow:0 2px 8px #12180c18;transition:.2s}.heart:hover{transform:scale(1.08)}.heart.liked{color:#d07164}.food-emoji{font-size:65px}.food-info{padding:14px 15px 13px}.food-title-row h3{font-size:13px;color:#344035}.food-time{font-size:9px}.food-bottom{margin-top:12px;padding-top:10px}.food-bottom>span{font-size:9px;color:#92968b}.plan-food{width:30px;height:30px;border-radius:9px;background:#f0f3eb;border-color:#e1e8dc;color:#557952;font-size:19px;transition:.2s}.plan-food:hover{background:#466f49;border-color:#466f49}
.week-section{border-top:1px solid #e9e6dd;padding-top:31px}.heading-count{font-size:9px;background:#e9efe4;color:#698163;padding:6px 10px}.week-grid{gap:9px}.day-card{min-height:120px;border-color:#e9e6dd;border-radius:12px;background:#fcfbf7;transition:.2s}.day-card:hover{border-color:#b6c7ae;transform:translateY(-2px)}.day-card.has-meal{background:#eff3e9;border-color:#e0e8d9}.day-name{font-size:10px;color:#596b58}.day-meal span{font-size:24px}.day-meal b{font-size:9px}.day-add span{width:29px;height:29px;color:#65845f}.shopping-section{border-top:1px solid #e9e6dd;padding-top:30px}.shopping-panel{border-radius:14px;background:#fcfbf7;border-color:#e9e6dd}.shopping-illustration{background:#eff1e7}.shopping-item{background:#fbfaf6;border-color:#ece9e0}.add-button{background:#466f49;border-radius:9px;padding:10px 15px;box-shadow:0 4px 10px #345d3819;transition:.2s}.add-button:hover{background:#315c38;transform:translateY(-1px)}
.modal{border-radius:18px}.primary-button{background:#466f49}.primary-button:hover{background:#315c38}.toast{background:#344b37;box-shadow:0 8px 22px #22352230}
@media(max-width:1050px){.welcome-art{transform:translateY(-50%);width:38%;height:78%}.food-image{height:175px}}
@media(max-width:720px){.welcome{min-height:235px;padding:26px 20px;margin-top:15px}.welcome-copy{max-width:56%}.welcome h1{font-size:32px}.welcome p{font-size:10px}.welcome-art{width:37%;height:78%;left:4%;transform:translateY(-50%);border-radius:14px 56px 14px 14px}.photo-badge{right:11px;bottom:11px}.photo-badge b{font-size:10px}.photo-badge i,.photo-badge small{font-size:8px}.section{padding-top:15px;margin-bottom:38px}.food-image{height:145px}.food-grid{gap:12px}.food-info{padding:11px}.section-heading h2{font-size:18px}}
@media(max-width:440px){.welcome{min-height:205px;padding:20px 15px;border-radius:16px}.welcome-copy{max-width:59%}.welcome h1{font-size:26px;letter-spacing:-1px;margin-top:12px}.welcome p{font-size:9px;line-height:1.8}.welcome-link{margin-top:13px;font-size:9px;padding:9px 11px}.welcome-art{width:34%;height:72%;left:3%;border-radius:12px 42px 12px 12px}.art-stamp{width:40px;height:40px;font-size:6px;top:8px;left:8px}.photo-badge{right:8px;bottom:8px;gap:2px}.photo-badge b{font-size:9px}.photo-badge i,.photo-badge small{font-size:7px}.food-image{height:123px}.food-card{border-radius:12px}.food-category{right:7px;top:7px;padding:5px 7px;font-size:7px}.heart{left:7px;top:7px;width:27px;height:27px;font-size:16px}.food-info{padding:9px}.food-bottom{margin-top:8px;padding-top:7px}.food-bottom>span{font-size:7px}.plan-food{width:26px;height:26px}.section{margin-bottom:31px}.section-heading h2{font-size:17px}}



/* Sidebar anchored to the right edge in the Persian RTL layout. */
@media(min-width:721px){.sidebar{left:auto;right:max(0px,calc((100vw - 1600px)/2));border-left:0;border-right:1px solid #eae7df}.main{margin-right:248px}}
@media(min-width:721px) and (max-width:1050px){.main{margin-right:205px}}
.month-section{border-top:1px solid #e9e6dd;padding-top:31px}.month-heading{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px}.month-controls{display:flex;align-items:center;gap:7px;padding:5px;border:1px solid #e7e5dc;border-radius:12px;background:#fcfbf7}.month-controls select,.month-controls input{height:34px;border:0;border-radius:8px;background:transparent;color:#3c4f3d;font-size:11px;outline:none;padding:0 8px}.month-controls select{min-width:105px}.month-controls input{width:72px;text-align:center;direction:ltr;font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;border-right:1px solid #e8e6dd;border-left:1px solid #e8e6dd;border-radius:0}.month-controls input::-webkit-inner-spin-button,.month-controls input::-webkit-outer-spin-button{opacity:.4}.month-arrow{width:32px;height:32px;border:0;border-radius:8px;background:#eff3eb;color:#557952;font-size:22px;line-height:1;transition:.2s}.month-arrow:hover:not(:disabled){background:#466f49;color:white}.month-arrow:disabled{opacity:.35;cursor:default}.calendar-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays{margin:8px 0 7px;text-align:center;color:#91988d;font-size:9px}.month-day{min-width:0;min-height:184px;padding:9px 8px;border:1px solid #e9e6dd;border-radius:12px;background:#fcfbf7;transition:border-color .2s,background .2s}.month-day:hover{border-color:#bdcbb4}.day-has-meal{background:#f4f6ef}.month-day-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 8px;margin-bottom:6px;border-bottom:1px solid #eeece5}.month-day-head b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#edf1e7;color:#496c49;font-size:11px}.month-day-head span{font-size:8px;color:#a0a397}.meal-slots{display:grid;gap:5px}.meal-slot{width:100%;min-width:0;min-height:36px;display:grid;gap:2px;text-align:right;padding:5px 6px;border:1px dashed #e2e4db;border-radius:7px;background:#fffefa;color:#65725f;transition:.18s}.meal-slot:hover{border-color:#88a47e;background:#f4f7ef}.meal-slot.filled{border-style:solid;border-color:#e1e9db;background:#eff4eb;color:#405b40}.meal-name{font-size:8px;color:#9aa094}.meal-dish{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meal-slot.filled .meal-dish{font-weight:600;color:#526f4e}.calendar-blank{min-height:1px}.calendar-hint{margin:12px 2px 0;font-size:9px;color:#9a9f95}
@media(max-width:1050px){.month-heading{grid-template-columns:1fr auto;gap:12px}.month-heading>.text-button{grid-column:1/-1;justify-self:start}.calendar-weekdays,.month-grid{gap:6px}.month-day{padding:7px 6px;min-height:176px}.meal-slot{padding:5px 4px}.meal-name,.meal-dish{font-size:7px}}
@media(max-width:720px){.month-heading{grid-template-columns:1fr auto}.month-controls{grid-column:1/-1;grid-row:2;justify-self:start}.month-heading>.text-button{grid-column:2;grid-row:1;justify-self:end}.calendar-weekdays{display:none}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.calendar-blank{display:none}.month-day{min-height:182px;padding:10px}.meal-name,.meal-dish{font-size:9px}.month-controls select{min-width:118px}}
@media(max-width:440px){.month-controls{gap:4px}.month-controls select{min-width:105px}.month-controls input{width:61px}.month-arrow{width:29px;height:30px}.month-grid{gap:7px}.month-day{min-height:176px;padding:8px 7px}.meal-slot{min-height:34px}.meal-name,.meal-dish{font-size:8px}.month-day-head span{font-size:7px}.calendar-hint{line-height:1.9}}



/* Matbakh Delbar brand accents: sage, warm cream and a restrained rose pink. */
:root{--pink:#cf7c8b;--pink-soft:#f8e7ea;--pink-wash:#fcf2f2}
.brand{color:#354b39;gap:10px}.brand-icon{width:46px;height:46px;padding:0;border-radius:15px;background:transparent;overflow:hidden;box-shadow:0 5px 14px #b96f7c16}.brand-icon img{display:block;width:100%;height:100%;object-fit:cover}
.welcome{background:linear-gradient(112deg,#f6e9eb 0%,#f2f0e7 45%,#e5edde 100%)}
.welcome h1 em{color:#b76576}
.heart.liked{color:#c85e74}.photo-badge i{color:#f5d9df}
.month-day-head b{background:#f7e8eb;color:#a65d6d}
.day-has-meal{background:#fbf3f0}
.meal-slot.filled{border-color:#f0dfe1;background:#fbf1f2;color:#784f56}
.meal-slot.filled .meal-dish{color:#8d5864}
.month-controls:focus-within{border-color:#d69aa5;box-shadow:0 0 0 3px #f8e7ea}
.month-arrow{background:#f8e9eb;color:#9c5c69}.month-arrow:hover:not(:disabled){background:#bf7582}
.sidebar-note{background:linear-gradient(145deg,#f8eeee,#e9efe2);border-color:#eee1de}
.note-spark{background:#fff9;color:#bd6c7b}
::selection{background:#f3dce1;color:#59363d}



/* Minimal feminine refinement: ivory, soft blush and muted berry. */
:root{--pink:#bf7b88;--pink-soft:#f8edef;--pink-wash:#fcf7f7;--green:#607c5c;--ink:#383633;--line:#ece7e4;background:#faf8f6;color:var(--ink)}
body{background:#faf8f6}
.sidebar{background:#fffdfa;border-right-color:#eee8e5;box-shadow:0 0 24px #39271e05}
.brand{font-size:16px;letter-spacing:0;color:#43383a}.brand small{font-size:9px;color:#a49a97}.brand-icon{width:42px;height:42px;border-radius:14px;box-shadow:none}
.side-caption{color:#aaa09d;letter-spacing:.3px}.nav-item{color:#817a77;border-radius:9px}.nav-item.active{color:#985c68;background:#f8edef}.nav-item.active:before{background:#cc8792}.nav-item i{color:#aea4a0}.sidebar-note{background:#fbf4f3;border-color:#f0e5e5;color:#74555a;border-radius:13px}.sidebar-note p{color:#998589}.note-spark{background:#fff;color:#bc7782}.note-decoration{border-color:#eee2e1;color:#ad8589}.avatar{background:#f5e8e8;color:#996a71}
.topbar{border-color:#ece8e5}.today-chip{background:#fffdfa;border-color:#ebe6e3;color:#7b7470}.icon-button{border-color:#ebe6e3;color:#847a77;background:#fffdfa}.icon-button:hover{background:#fbf0f1;color:#a55e6b;border-color:#ecd9dc;transform:none}
.welcome{min-height:286px;padding:34px 30px;margin:20px 0 10px;border-radius:17px;background:linear-gradient(110deg,#f8eef0 0%,#f8f5ef 54%,#edf1e8 100%);box-shadow:none}
.welcome:before{width:270px;height:270px;right:47%;top:-175px;border-color:#bd8c9220}.welcome:after{width:210px;height:210px;right:54%;bottom:-175px;border-color:#8b9d7c18}
.welcome h1{font-size:clamp(34px,3.6vw,46px);letter-spacing:-1.2px;color:#3b3635}.welcome h1 em{color:#b76e7c}.welcome p{color:#8c8380;max-width:390px}.welcome-link{background:#ad6875;box-shadow:none;border-radius:7px;padding:10px 14px}.welcome-link:hover{background:#965764;transform:translateY(-1px)}
.welcome-art{border-radius:13px 58px 13px 13px;box-shadow:0 10px 22px #54413d14}.welcome-art:before{background:linear-gradient(0deg,#211a1c69,transparent 43%),linear-gradient(135deg,#fff2,transparent 60%)}.art-stamp{display:none}.photo-badge{right:15px;bottom:14px}.photo-badge b{font-weight:600}
.section{margin-bottom:42px;padding-top:20px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:20px;color:#393534}.section-eyebrow{color:#a18c8c;letter-spacing:.3px}.search{border-color:#ece6e3;background:#fffdfa;border-radius:8px}.search:focus-within{border-color:#cf9aa3;box-shadow:0 0 0 3px #f8edef}
.filters{gap:7px;padding-bottom:13px}.filter{background:#fffdfa;border-color:#eee8e5;color:#817876;border-radius:7px;padding:8px 12px}.filter.active,.filter:hover{background:#ad6875;border-color:#ad6875;color:white}.filter span{background:#f5e8e9;color:#9d6470}.filter.active span{background:#ffffff32;color:white}
.food-grid{gap:16px}.food-card{border-radius:12px;background:#fffdfa;border-color:#eee8e5;box-shadow:0 3px 12px #42312a05}.food-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #42312a0d}.food-image{height:182px;background:#eee8e2}.food-image:has(.food-photo):after{inset:55% 0 0;background:linear-gradient(0deg,#1b17164d,transparent)}.food-photo{transition:transform .5s ease}.food-category{border-radius:6px;background:#fffdf9e8;color:#786368;font-size:8px;box-shadow:none;padding:5px 8px}.heart{background:#fffdf9e8;box-shadow:none;color:#90787c}.heart.liked{color:#be6878}.food-info{padding:12px 13px}.food-title-row h3{font-size:12px;color:#45403e}.food-time{color:#a39a96}.food-bottom{border-color:#f0ece9}.food-bottom>span{color:#a19894;font-size:8px}.plan-food{width:28px;height:28px;border-radius:7px;background:#f9edef;border-color:#f0e0e3;color:#a45f6b}.plan-food:hover{background:#ad6875;border-color:#ad6875}
.month-section,.shopping-section{border-color:#eee8e5}.month-section{padding-top:26px}.month-heading h2{font-size:20px}.month-controls{background:#fffdfa;border-color:#ece6e3;border-radius:9px;box-shadow:none}.month-controls select,.month-controls input{color:#54484a}.month-arrow{background:#f8edef;color:#a3606d;border-radius:7px}.month-arrow:hover:not(:disabled){background:#ad6875;color:white}.calendar-weekdays{color:#9a8f8c}.month-day{border-color:#eee8e5;border-radius:9px;background:#fffdfa;min-height:174px;box-shadow:none}.month-day:hover{border-color:#dfc5c8}.day-has-meal{background:#fdf8f7}.month-day-head{border-color:#f0eae7}.month-day-head b{background:#f8edef;color:#a25f6c;border-radius:7px}.month-day-head span{color:#a29895}.meal-slot{border-color:#eee8e5;border-radius:6px;background:#fffefd;color:#827b78}.meal-slot:hover{border-color:#d9adb4;background:#fcf5f6}.meal-name{color:#a29895}.meal-slot.filled{border-color:#f0e2e4;background:#fbf1f2;color:#744f56}.meal-slot.filled .meal-dish{color:#925d67}.calendar-hint{color:#9b918e}.heading-count{background:#f8edef;color:#a3606d}
.shopping-panel{background:#fffdfa;border-color:#eee8e5;border-radius:11px}.shopping-illustration{background:#f7eff0}.shopping-item{background:#fffdfa;border-color:#eee8e5}.add-button,.primary-button{background:#ad6875;box-shadow:none;border-radius:7px}.add-button:hover,.primary-button:hover{background:#965764;transform:none}
.modal{background:#fffdfa;border-color:#eee8e5;box-shadow:0 20px 60px #3225201c}.modal-close{background:#f8edef;color:#9d626d}.secondary-button{background:#f8edef;color:#9a606b}.choice{background:#fffdfa;border-color:#eee8e5}.choice:hover{border-color:#d8adb4;background:#fcf5f6}.toast{background:#514044;box-shadow:0 8px 20px #2b1d2018}
footer{border-color:#eee8e5;color:#a29895}footer b{color:#a66471}footer span{color:#c17d89}
::selection{background:#f5e2e5;color:#68424a}
@media(max-width:1050px){.food-image{height:170px}.month-day{min-height:168px}}
@media(max-width:720px){.welcome{min-height:228px;padding:25px 19px;border-radius:14px}.welcome h1{font-size:31px}.welcome-art{border-radius:12px 42px 12px 12px}.food-image{height:142px}.section{margin-bottom:34px}.month-day{min-height:174px}}
@media(max-width:440px){.welcome{min-height:200px;padding:18px 14px}.welcome h1{font-size:25px}.welcome-link{font-size:8px;padding:8px 10px}.welcome-art{border-radius:10px 35px 10px 10px}.photo-badge{right:7px;bottom:7px}.photo-badge b{font-size:8px}.food-image{height:119px}.food-info{padding:8px}.month-day{min-height:170px}.meal-name,.meal-dish{font-size:7px}}



/* Couple's fridge-note corner */
.notes-section{border-top:1px solid #eee8e5;padding-top:27px}
.notes-heading{margin-bottom:16px}.notes-heading h2{display:flex;align-items:center;gap:8px}.note-heart{font-size:21px;font-weight:400;color:#c47b88}.notes-caption{font-size:9px;color:#a28c8e}
.notes-layout{display:grid;grid-template-columns:minmax(235px,.78fr) minmax(0,2fr);gap:22px;align-items:stretch}
.note-compose{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:20px 18px 15px;border:1px solid #eee5e3;border-radius:12px;background:#fffdfa}
.compose-icon{position:absolute;left:16px;top:13px;color:#c27b86;font-size:19px}
.note-compose label{font-size:9px;color:#857977}.note-compose select,.note-compose textarea{width:100%;border:1px solid #eee7e4;border-radius:7px;background:#fdfaf8;color:#51494a;padding:9px 10px;font:inherit;font-size:10px;outline:none}
.note-compose select:focus,.note-compose textarea:focus{border-color:#d4a4ac;box-shadow:0 0 0 3px #f8edef}
.note-compose textarea{height:86px;resize:vertical;line-height:1.9}.note-compose textarea::placeholder{color:#b2a5a3}
.note-submit{align-self:flex-start;border:0;border-radius:7px;background:#ad6875;color:white;padding:9px 12px;font-size:9px;transition:background .2s}.note-submit:hover{background:#965764}
.note-local-hint{font-size:8px;color:#aaa09c}
.note-wall{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:start;padding:19px 15px 15px;border:1px solid #ebe7e2;border-radius:12px;background:linear-gradient(180deg,#f3f0ec,#eeeae5);overflow:hidden}
.note-wall:before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(180deg,#ded9d3,#ebe7e2);border-bottom:1px solid #e3ded8}
.note-card{position:relative;min-height:162px;padding:22px 13px 13px;border:1px solid #e9dfdc;border-radius:2px 2px 8px 8px;box-shadow:0 5px 12px #49353212;color:#66585a;transform:rotate(-1.2deg);transition:transform .2s,box-shadow .2s}
.note-card:hover{transform:translateY(-3px) rotate(0);box-shadow:0 9px 17px #49353218}
.note-pink{background:#fae9ec;border-color:#f0dce0}.note-butter{background:#fbf3dc;border-color:#f0e8cf;transform:rotate(1.1deg)}.note-sage{background:#edf2e7;border-color:#e0e8d7;transform:rotate(-.6deg)}.note-lilac{background:#f1ebf6;border-color:#e6dced}
.note-tape{position:absolute;top:-7px;left:50%;width:48px;height:15px;transform:translateX(-50%) rotate(-2deg);background:#fffdf0a8;border:1px solid #e8dfd688;box-shadow:0 1px 2px #4135230a}
.note-author{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#98777b;font-size:8px;border-bottom:1px solid #a77b7d24;padding-bottom:7px}
.note-author i{font-style:normal;color:#c77988;font-size:14px}
.note-card p{font-size:11px;line-height:1.9;color:#574e4b;margin:10px 0 13px}
.note-sign{font-size:8px;color:#a17d7e}
.note-new{animation:note-land .35s ease-out both}
@keyframes note-land{from{opacity:0;transform:translateY(7px) rotate(3deg)}to{opacity:1}}
@media(max-width:1050px){.notes-layout{grid-template-columns:minmax(210px,.75fr) minmax(0,1.5fr);gap:14px}.note-wall{gap:9px;padding:17px 10px 12px}.note-card{padding-inline:10px}.note-card p{font-size:10px}}
@media(max-width:720px){.notes-layout{grid-template-columns:1fr}.note-compose{order:2}.note-wall{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.note-card{min-height:148px;padding:20px 10px 11px}.notes-caption{font-size:8px}}
@media(max-width:440px){.note-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:17px 11px 12px}.note-card{min-height:145px}.note-card p{font-size:10px}.notes-heading{align-items:flex-end}}

.logout-button{border:1px solid #eee3e3;border-radius:7px;padding:7px 10px;background:#fffdfa;color:#a16b74;font:inherit;font-size:9px;cursor:pointer;transition:.2s}.logout-button:hover{background:#fbf0f1;border-color:#e7cfd3}