@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;color:#17383a;background:#f7f8f5;font-synthesis:none}
[hidden]{display:none!important}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 15%,#e0ece5 0,transparent 35%),radial-gradient(circle at 90% 80%,#f9e7c7 0,transparent 31%),#f7f8f5}
.auth-card{width:min(100%,430px);background:#fff;border:1px solid #d8e7df;border-radius:26px;padding:35px;box-shadow:0 20px 60px #123f4317}
.auth-symbol{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#123f43;color:#f7c876;font-size:1.75rem;margin-bottom:19px}
.auth-eyebrow{display:block;color:#578579;font-size:.82rem;font-weight:800;margin-bottom:4px}
.auth-card h1{font-size:1.75rem;color:#153d41;line-height:1.35}
.auth-intro{color:#5c7770;font-size:.91rem;line-height:1.7;margin-top:10px}
.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#edf4ef;border:1px solid #dbe8e1;border-radius:13px;padding:4px;margin-top:24px}
.auth-modes button{border:0;border-radius:9px;background:transparent;color:#527069;min-height:42px;font-weight:800}
.auth-modes button.active{background:#fff;color:#143f42;box-shadow:0 2px 8px #123f4318}
.auth-form{display:flex;flex-direction:column;margin-top:19px}
.auth-form>label:not(.auth-import){font-size:.84rem;font-weight:800;margin:0 0 7px}
.auth-form>input{width:100%;min-height:50px;border:1px solid #c9dad3;border-radius:12px;background:#fff;padding:10px 13px;color:#143f42;font-size:1rem;direction:ltr;text-align:left;margin:0 0 17px}
.auth-form>input::placeholder{color:#99aba5}
.auth-import{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:.82rem;font-weight:700;line-height:1.5;color:#315e56}
.auth-import input{accent-color:#12665d;width:17px;height:17px;flex:none}
.auth-error{background:#fff1ec;color:#9d372e;border-radius:10px;padding:9px 11px;font-size:.82rem;line-height:1.5;margin:0 0 12px}
.auth-form .button{width:100%;margin-top:3px}
.auth-form .button:disabled{opacity:.6;cursor:wait}
.auth-note{border-top:1px solid #e6eeea;padding-top:14px;margin-top:19px;font-size:.75rem;line-height:1.6;color:#71867f}
.account-open,.sync-status{min-height:46px;border:1px solid #cadbd7;border-radius:13px;background:#fff;color:#1d5051;box-shadow:0 4px 14px #123f430d;font-weight:800}
.account-open{width:46px;font-size:1.4rem}
.sync-status{font-size:.71rem;padding:0 10px;white-space:nowrap}
.sync-status[data-kind="pending"]{background:#fff5df;color:#875b13;border-color:#edcb8c}
.sync-status[data-kind="error"]{background:#fff0eb;color:#9c392f;border-color:#e4afa8}
.account-phone{font-size:1.05rem;font-weight:800;color:#153f42;text-align:right}
.account-save-status{color:#56766c;font-size:.87rem;margin:11px 0 22px}
.conflict-actions{display:flex;flex-direction:column;gap:9px;margin-top:22px}
.conflict-actions .button,#logout{width:100%}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:0}
button,input,select{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e4a440;outline-offset:3px}
svg{display:block}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.4}
.app-shell{max-width:1180px;margin:auto;padding:0 32px}
.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{height:48px;width:48px;display:grid;place-items:center;color:#fff;background:#123f43;border-radius:15px;flex:none}
.brand-mark svg{width:32px;height:32px}
.brand h1{font-size:1.5rem;font-weight:800;color:#153d41}
.top-actions{display:flex;align-items:center;gap:8px;flex:none}
.button{border:0;border-radius:13px;min-height:46px;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.94rem;font-weight:700;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}
.button:active{transform:scale(.98)}
.button-primary{background:#123f43;color:#fff;box-shadow:0 6px 15px #123f4317}
.button-primary:hover{background:#1d5558}
.button-outline{background:#fff;border:1px solid #cadbd7;color:#1d5051}
.button-outline:hover{background:#eaf2ef}
.button-sun{background:#e7aa46;color:#2e291e}
.button-sun:hover{background:#f1bb63}
.button-sun svg{width:19px;height:19px}
.button-quiet{background:#edf3ef;color:#21474a}
.button-danger{background:#a73932;color:#fff}
.button-danger:hover{background:#8f2c27}
.top-add span{font-size:1.35rem;line-height:.8;font-weight:400}
.meal-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#edf4f0;border:1px solid #dbe8e1;border-radius:20px;padding:7px;margin:0 0 18px}
.meal-tabs button{border:1px solid #d1e1da;background:#fff;color:#315a58;border-radius:14px;min-height:52px;padding:9px 10px;font-size:.94rem;font-weight:800;line-height:1.4;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 2px 6px #123f430d;touch-action:manipulation;transition:background .2s,color .2s,box-shadow .2s}
.meal-tabs button svg{width:19px;height:19px;flex:none}
.meal-tabs button:hover{background:#fff;color:#17484a}
.meal-tabs button.active{background:#123f43;border-color:#123f43;color:#fff;box-shadow:0 5px 13px #123f4330}
.meal-tabs button.active svg{color:#f4c977}
.planner[hidden],.week-section[hidden]{display:none}

.planner{background:#123f43;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1.07fr .93fr;min-height:333px;color:#fff;box-shadow:0 16px 40px #163a3d16}
.planner-main{padding:37px 40px;display:flex;flex-direction:column;position:relative;z-index:1}
.planner h2{font-size:2.05rem;font-weight:800}
.planner-controls{margin-top:35px}
.field-label{display:block;font-size:.9rem;font-weight:700;margin-bottom:8px;color:#d8e9e3}
.planner-action-row{display:flex;gap:9px}
.select-input{appearance:none;min-width:0;flex:1;border:1px solid #ffffff40;border-radius:13px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23123f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 14px center;color:#17383a;padding:11px 16px 11px 39px;font-weight:700;font-size:.94rem;cursor:pointer}
.today-pick{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;align-items:stretch;gap:13px}
.today-copy{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;min-width:0}
.today-pick span{font-size:.86rem;color:#bcd6ce}
.today-pick strong{font-size:1.25rem;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.today-refresh{background:#f4c977;border:1px solid #f9d799;border-radius:11px;color:#3d3322;padding:9px 15px;min-height:44px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:.91rem;box-shadow:0 4px 12px #0a25262a}
.today-refresh span{font-size:inherit;color:inherit}
.today-refresh svg{width:19px;height:19px;flex:none}
.today-refresh:hover{background:#ffda8a}
.today-refresh:disabled{opacity:.42;cursor:default}
.planner-photo-wrap{position:relative;overflow:hidden;min-height:100%;background:#123f43}
.carousel-slides{position:absolute;inset:0}
.carousel-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);pointer-events:none;transition:opacity .9s ease,transform 5.5s ease}
.carousel-slide.active{opacity:1;transform:scale(1);z-index:1}
.carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}
.carousel-slide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to top,#09292bc7,transparent);pointer-events:none}
.carousel-slide figcaption{position:absolute;z-index:2;right:18px;bottom:19px;color:#fff;font-size:1rem;font-weight:700;text-shadow:0 2px 8px #071b1bd9}
.planner[data-meal="main"] .planner-photo-wrap{cursor:pointer}
.planner-photo-wrap:focus-visible{outline:3px solid #f5c56d;outline-offset:-3px}
.story-progress{position:absolute;z-index:3;top:11px;right:12px;left:12px;display:flex;gap:4px;direction:rtl;pointer-events:none}
.story-progress-segment{flex:1;height:4px;overflow:hidden;border-radius:99px;background:#ffffff80;box-shadow:0 1px 5px #102b2ba6}
.story-progress-segment::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:right}
.story-progress-segment.complete::after{transform:scaleX(1)}
.story-progress-segment.active::after{animation:story-progress-fill 5.5s linear forwards}
.planner-photo-wrap.paused .story-progress-segment.active::after{animation-play-state:paused}
@keyframes story-progress-fill{to{transform:scaleX(1)}}
.planner[data-meal="breakfast"] .carousel-slides,.planner[data-meal="dinner"] .carousel-slides,.planner[data-meal="breakfast"] .story-progress,.planner[data-meal="dinner"] .story-progress{display:none}
.planner[data-meal="breakfast"] .planner-photo-wrap,.planner[data-meal="dinner"] .planner-photo-wrap{background-image:url('./assets/category-grid.jpg');background-size:400% 400%;background-repeat:no-repeat}
.planner[data-meal="breakfast"] .planner-photo-wrap{background-position:0% 66.666%}
.planner[data-meal="dinner"] .planner-photo-wrap{background-position:33.333% 100%}

.week-section,.collection-section{margin-top:39px}
.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.section-title-row h2{font-size:1.55rem;font-weight:800}
.section-hint{color:#748380;font-size:.87rem;font-weight:600}
.week-section .section-title-row{max-width:780px;margin-inline:auto}
.week-section{max-width:780px;margin-inline:auto}
.week-heading{margin:0}
.week-toggle{position:relative;overflow:hidden;width:100%;min-height:78px;display:flex;align-items:center;gap:12px;border:1px solid #cfe4da;border-radius:18px;padding:12px 15px;background:linear-gradient(115deg,#f9fdfa,#eef7f1 60%,#f9fdfa);color:#173f41;text-align:right;box-shadow:0 6px 20px #24474712;cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s}
.week-section:not(.is-open) .week-toggle{animation:week-breathe 4s ease-in-out infinite}
.week-toggle:hover{border-color:#9fcbb7;box-shadow:0 9px 24px #28694b25;transform:translateY(-1px)}
.week-toggle:focus-visible{outline:3px solid #e6ad50;outline-offset:3px}
.week-toggle-calendar,.week-toggle-chevron{position:relative;z-index:1;display:grid;place-items:center;flex:none}
.week-toggle-calendar{width:43px;height:43px;border-radius:13px;background:#16484a;color:#fff}
.week-toggle-calendar svg{width:24px;height:24px}
.week-toggle-copy{position:relative;z-index:1;min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.week-toggle-copy>span{font-size:1.18rem;font-weight:800;line-height:1.35;white-space:nowrap}
.week-toggle-copy small{font-size:.72rem;font-weight:700;color:#68837a;line-height:1.2}
.week-toggle-chevron{width:37px;height:37px;border-radius:12px;background:#f5dca9;color:#6d4816}
.week-toggle-chevron svg{width:19px;height:19px;transition:transform .35s;animation:week-chevron-nudge 2.4s ease-in-out infinite}
.week-section.is-open .week-toggle-chevron svg{animation:none;transform:rotate(180deg)}
.week-content{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-8px);transition:grid-template-rows .48s cubic-bezier(.2,.7,.2,1),opacity .36s,transform .48s cubic-bezier(.2,.7,.2,1)}
.week-section.is-open .week-content{grid-template-rows:1fr;opacity:1;transform:translateY(0)}
.week-content-inner{min-height:0;overflow:hidden}
.week-content .week-grid{padding-top:12px}
@keyframes week-breathe{50%{box-shadow:0 8px 24px #2d795322,0 0 0 2px #dcefe4}}
@keyframes week-chevron-nudge{50%{transform:translateY(3px)}}
.week-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:780px;margin-inline:auto;gap:10px}
.day-card{position:relative;overflow:hidden;border:1px solid #d9e9e1;border-right:3px solid #94bfa9;background:linear-gradient(110deg,#fff 20%,#f1f8f4 50%,#fff 80%);background-size:220% 100%;border-radius:14px;min-height:53px;padding:6px 15px 7px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;box-shadow:0 4px 15px #2447470d;animation:day-card-sheen 16s ease-in-out infinite alternate}
.day-card:nth-child(even){animation-delay:-8s}
.day-card.today{border-color:#edbd72;border-right-color:#d79228;background:linear-gradient(110deg,#fffdf7 20%,#fff1d7 50%,#fffdf7 80%);background-size:220% 100%;box-shadow:0 4px 16px #a7762918}
.day-card .day-label{color:#477368;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font-size:.72rem;font-weight:800;line-height:1.2}
.day-card .day-label::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#80b49b}
.day-card.today .day-label{color:#8c5a13}
.day-card.today .day-label::before{background:#d79228}
.today-word{font-size:.64rem;font-weight:800;color:#8c5a13;background:#fce5ba;padding:1px 6px;border-radius:99px}
.day-card strong{font-size:.97rem;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
@keyframes day-card-sheen{from{background-position:0% 50%}to{background-position:100% 50%}}

.collection-section{padding-bottom:46px}
.site-footer{border-top:1px solid #e1e9e5;display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 0 20px;color:#80918c;font-size:.7rem;font-weight:500;line-height:1.5;white-space:nowrap}
.footer-code{color:#315d5d;font-family:Consolas,monospace;font-size:.78rem;font-weight:700}
.footer-version{color:#52706c;font-weight:600}
.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.category-card{isolation:isolate;position:relative;min-width:0;height:156px;overflow:hidden;border:0;border-radius:19px;color:#fff;text-align:right;padding:0;box-shadow:0 7px 20px #1c444415;transition:transform .2s,box-shadow .2s}
.category-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1c44442a}
.category-card.active{box-shadow:0 0 0 3px #e8ad4d,0 10px 24px #1c444421}
.category-art{position:absolute;inset:0;background-image:url('./assets/category-grid.jpg');background-size:400% 400%;background-repeat:no-repeat;transition:transform .25s}
.category-card:hover .category-art{transform:scale(1.04)}
.category-card.custom .category-art{background-image:url('./assets/food-hero.jpg');background-size:cover;background-position:center!important}
.category-card.oven-feature{grid-column:1/-1;height:166px}
.category-card.oven-feature .category-art{background-image:url('./assets/category-oven.webp');background-size:cover;background-position:center}
.category-card.pasta-feature{grid-column:1/-1;height:166px}
.category-card.pasta-feature .category-art{background-image:url('./assets/category-pasta.webp');background-size:cover;background-position:center}
.category-card.pastries-feature .category-art{background-image:url('./assets/category-pastries.webp');background-size:cover;background-position:center}
.category-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0b282ee3 0%,#0b282e5c 55%,#0b282e12 100%);z-index:1;pointer-events:none}
.category-info{position:absolute;z-index:2;inset:auto 14px 12px;display:block;min-width:0}
.category-name{display:block;max-width:100%;font-size:1rem;font-weight:800;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px #102b2bd1}
.category-count{position:absolute;z-index:2;top:12px;left:12px;font-size:.78rem;font-weight:700;line-height:1.4;white-space:nowrap;background:#123f43c7;border:1px solid #ffffff78;border-radius:999px;padding:4px 8px;backdrop-filter:blur(4px)}
.dish-panel{margin-top:30px;padding-top:22px;border-top:1px solid #dce6e1;scroll-margin-top:15px}
.dish-panel[hidden]{display:none}
.dishes-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}
.dishes-heading h3{font-size:1.25rem;font-weight:800;color:#173f41}
.dishes-heading p{font-size:.82rem;color:#71847f;margin-top:2px}
.dish-meal-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:420px;background:#eaf1ed;border:1px solid #d9e7df;border-radius:13px;padding:5px;margin:0 0 17px}
.dish-meal-tabs[hidden]{display:none}
.dish-meal-tabs button{border:0;background:transparent;border-radius:9px;min-height:38px;color:#506e68;font-size:.9rem;font-weight:800}
.dish-meal-tabs button:hover{background:#fff}
.dish-meal-tabs button.active{background:#fff;color:#17494b;box-shadow:0 2px 8px #20494320}
.text-button{background:transparent;border:0;color:#176066;font-size:.9rem;font-weight:700;padding:5px 0;white-space:nowrap}
.text-button:hover{text-decoration:underline}
.dish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.dish-card{border:1px solid #dfe9e5;background:#fff;border-radius:16px;padding:15px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 5px 18px #24474707}
.dish-topline{display:flex;align-items:start;justify-content:space-between;gap:6px}
.dish-card h4{font-size:1.08rem;line-height:1.8;margin:0;color:#173c3e;font-weight:800;overflow-wrap:anywhere}
.delete-dish{flex:none;border:0;background:#f4efed;color:#93645f;border-radius:8px;min-height:29px;padding:3px 8px;font-size:.77rem;font-weight:700;line-height:1.4;display:grid;place-items:center}
.delete-dish:hover{background:#f9d9d5;color:#8c2d27}
.dish-tags{display:flex;gap:5px;flex-wrap:wrap}
.dish-tag{background:#eef5f1;border-radius:999px;color:#5d7d76;padding:4px 8px;font-size:.75rem;font-weight:600;line-height:1.5}
.empty-state{grid-column:1/-1;border:1px dashed #b9d1c8;border-radius:16px;padding:28px;text-align:center;color:#5d7772;background:#fff}
.empty-state strong{display:block;color:#1e4d50;margin-bottom:4px}

.app-dialog{width:min(520px,calc(100vw - 26px));max-height:calc(100dvh - 30px);border:0;padding:0;border-radius:22px;box-shadow:0 24px 90px #0b2e3159;color:#17383a;overflow:auto}
.app-dialog::backdrop{background:#09292ca8;backdrop-filter:blur(3px)}
.dialog-form{padding:25px}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:22px}
.dialog-head h2{font-size:1.5rem;font-weight:800}
.icon-button{border:0;background:#eef3f0;color:#365d5e;width:35px;height:35px;border-radius:10px;font-size:1.7rem;line-height:1}
.input-group{display:flex;flex-direction:column;gap:8px}
.input-group span,.category-fieldset legend{font-size:.94rem;font-weight:700}
.input-group input{border:1px solid #cbdad4;border-radius:12px;background:#fff;padding:12px 14px;color:#17383a;font-size:1rem;min-height:48px}
.input-group input::placeholder{color:#a2afaa}
.category-fieldset{border:0;padding:0;margin:22px 0 0}
.category-fieldset legend{margin-bottom:10px}
.category-fieldset small{display:block;font-size:.78rem;color:#83918d;font-weight:400;margin-top:2px}
.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.checkbox-option{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #dbe6e1;border-radius:11px;padding:10px 11px;font-size:.85rem;line-height:1.5;cursor:pointer}
.checkbox-option:has(input:checked){border-color:#35837a;background:#eef7f3;color:#195a55}
.checkbox-option input{accent-color:#17665e;width:17px;height:17px;margin:0;flex:none}
.form-error{color:#a8392f;background:#fff0ed;border-radius:8px;padding:8px 10px;font-size:.83rem;margin-top:14px}
.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}
.delete-name{font-weight:700;font-size:1.04rem}
.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#173f42;color:#fff;border-radius:11px;padding:11px 17px;box-shadow:0 10px 30px #123f4338;font-size:.85rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:calc(100vw - 30px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:900px){.app-shell{padding:0 22px}.planner-main{padding:30px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dish-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.app-shell{padding:0 16px}.topbar{height:77px}.brand-mark{width:42px;height:42px;border-radius:13px}.brand-mark svg{width:27px;height:27px}.brand h1{font-size:1.22rem}.top-add{padding:9px 11px;min-height:41px;font-size:.78rem}.meal-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;border-radius:16px;padding:5px;margin-bottom:13px}.meal-tabs button{grid-column:span 2;min-height:43px;font-size:.81rem;border-radius:11px;padding:7px 3px;gap:5px}.meal-tabs button svg{width:16px;height:16px}.meal-tabs button:nth-child(n+4){grid-column:span 3}.planner{display:flex;flex-direction:column;border-radius:20px}.planner-main{padding:23px 20px 22px}.planner h2{font-size:1.55rem}.planner-controls{margin-top:20px}.planner-action-row .button{min-height:45px;padding-inline:12px;font-size:.82rem}.select-input{min-height:45px}.today-pick{padding-top:20px}.today-pick strong{font-size:1.08rem}.planner-photo-wrap{height:154px;min-height:154px}.week-section,.collection-section{margin-top:29px}.section-title-row{margin-bottom:13px}.section-title-row h2{font-size:1.3rem}.section-hint{font-size:.75rem}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.day-card{min-height:89px;padding:10px 12px;gap:4px}.day-card strong{font-size:.88rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{height:132px;border-radius:15px}.category-info{inset:auto 11px 10px}.category-name{font-size:.91rem}.category-count{font-size:.72rem;padding:3px 7px}.collection-heading .button{font-size:.78rem;padding:7px 10px;min-height:39px}.dish-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dish-card{padding:12px;min-height:100px}.dish-card h4{font-size:1.01rem}.dialog-form{padding:21px}.checkbox-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.top-actions{gap:6px}.top-add{font-size:0;gap:0;width:42px;padding:0}.top-add span{font-size:1.3rem}.account-open{width:42px;height:42px;min-height:42px}.sync-status{width:13px;height:13px;min-height:13px;border-radius:50%;padding:0;font-size:0;box-shadow:none}.sync-status[data-kind="ok"]{background:#46a57a;border-color:#46a57a}.auth-card{padding:27px 23px}.auth-card h1{font-size:1.55rem}}
@media(max-width:380px){.top-add{font-size:0;gap:0;width:40px;padding:0}.top-add span{font-size:1.35rem}.planner-action-row .button span{display:none}.planner-action-row .button{width:45px;padding:0}.select-input{font-size:.85rem}.dish-grid{grid-template-columns:1fr}.dish-card{min-height:70px}.checkbox-grid{grid-template-columns:1fr}}
@media(max-width:650px){.meal-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px}.meal-tabs button{grid-column:auto;min-height:48px;font-size:.82rem;padding:7px 4px;gap:5px}.meal-tabs button:first-child{grid-column:span 2;font-size:.88rem}.meal-tabs button:nth-child(n+4){grid-column:auto}.meal-tabs button svg{width:17px;height:17px}}
@media(max-width:650px){.category-name{font-size:.86rem}.category-count{top:9px;left:9px}}
@media(max-width:650px){.category-card.oven-feature,.category-card.pasta-feature{height:150px}.category-card.oven-feature .category-name,.category-card.pasta-feature .category-name{font-size:1.05rem}}
@media(max-width:650px){.category-grid{display:flex;flex-wrap:wrap}.category-card{flex:1 1 calc((100% - 9px)/2)}.category-card.oven-feature,.category-card.pasta-feature{flex-basis:100%}}
@media(max-width:380px){.category-name{font-size:.8rem}}
@media(max-width:650px){.week-grid{grid-template-columns:1fr;gap:7px}.day-card{min-height:53px;padding:6px 12px 7px}.day-card strong{font-size:.94rem}}
@media(max-width:650px){.week-toggle{min-height:72px;gap:10px;padding:11px 12px;border-radius:16px}.week-toggle-calendar{width:39px;height:39px;border-radius:11px}.week-toggle-calendar svg{width:22px;height:22px}.week-toggle-copy>span{font-size:1.04rem}.week-toggle-chevron{width:34px;height:34px;border-radius:10px}}
@media(max-width:380px){.day-card strong{font-size:.91rem}}
@media(max-width:650px){.planner-photo-wrap{height:190px;min-height:190px}.carousel-slide figcaption{right:15px;bottom:17px;font-size:.94rem}.story-progress{top:9px;right:10px;left:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-progress-segment.active::after{transform:scaleX(1)}}