:root{color-scheme:light;--bg:#f2f0f5;--surface:#fffdfb;--soft:#ebe6f1;--ink:#30273b;--muted:#71687b;--line:#dcd5e4;--plum:#72538e;--plum-dark:#55356f;--teal:#357977;--success:#2d7060;--danger:#a54662;--radius:18px;--shadow:0 8px 28px #35224208;font-family:ui-rounded,'Segoe UI',system-ui,sans-serif;line-height:1.5}
*{box-sizing:border-box}html{width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;min-width:0;overflow-x:clip;margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9a78b3;outline-offset:3px}input,select,textarea{min-width:0;max-width:100%;padding:10px 12px;border:1px solid #cbc2d4;border-radius:10px;background:#fffdfb;color:var(--ink);font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid #b29bc6;outline-offset:1px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--plum);flex-shrink:0}textarea{resize:vertical;width:100%}label{font-size:.875rem;font-weight:600}a{color:var(--plum-dark);text-underline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.55rem,4vw,2.1rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}h2{font-size:1.2rem;line-height:1.3;margin-bottom:9px}h3{font-size:1rem;margin:20px 0 9px}p{color:var(--muted);margin-bottom:14px}small,.fine{font-size:.8rem;color:var(--muted);line-height:1.5}b{font-weight:650}button,.meal-slot,.food-row{overflow-wrap:anywhere}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app{width:100%;max-width:1060px;min-width:0;margin:0 auto;padding:18px 24px 60px}#content{min-width:0;width:100%;max-width:100%}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.brand-name{background:none;text-align:left;padding:0;display:flex;gap:10px;align-items:center}.brand-name b{display:block;font-size:1.05rem}.brand-name small{display:block;font-size:.75rem}.brand-icon{background:var(--plum);border-radius:13px;width:40px;height:40px;display:grid;place-items:center;color:#fff;font-size:1.45rem}.person-switch{display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:.875rem;max-width:44%}.person-switch span{overflow-wrap:anywhere}.nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#e8e2ef;padding:5px;border-radius:14px;margin-bottom:20px}.nav button{background:transparent;padding:11px 5px;border-radius:10px;color:#61566c;font-size:.9rem;font-weight:650;min-height:44px}.nav button.active{background:var(--plum);color:#fff;box-shadow:0 3px 8px #38264815}.page-title{text-align:center;margin:18px auto 22px;max-width:680px}.page-title p{margin-bottom:0;font-size:.95rem}.primary,.secondary,.danger,.danger-quiet,.icon-button{min-height:42px;padding:9px 15px;border-radius:11px;font-size:.875rem;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.4}.primary{background:var(--plum);color:#fff}.primary:hover{background:var(--plum-dark)}.secondary,.icon-button{background:var(--soft);color:#5d4b70}.secondary:hover,.icon-button:hover{background:#dfd5ea}.danger{background:var(--danger);color:#fff}.danger-quiet{background:#f5e4e9;color:var(--danger)}.icon-button{width:40px;flex-shrink:0;padding:7px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.center{text-align:center}.actions.center{justify-content:center}.spread{justify-content:space-between}.equal{display:grid;grid-template-columns:1fr 1fr}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{margin:0}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;color:var(--plum);font-weight:700}.welcome{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:30px;background:linear-gradient(120deg,#e4d6ef 0%,#eee5f4 55%,#e4eee9 100%);border:1px solid #d9cce3;border-radius:22px;padding:24px 38px;margin-bottom:24px}.welcome img{width:148px;height:190px;object-fit:contain;flex-shrink:0}.welcome h1{font-size:clamp(1.65rem,4vw,2.7rem);margin-bottom:18px;line-height:1.12;color:#463153}.welcome p:not(.eyebrow){max-width:470px;margin-bottom:13px}.welcome .eyebrow{margin-bottom:12px;text-transform:none;letter-spacing:0;font-size:.875rem;color:#685774}.meal-label,.slot-label{text-transform:capitalize;color:var(--muted);font-size:.875rem}
details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;font-size:.95rem}details summary::-webkit-details-marker{display:none}details summary::after{content:'⌄';font-weight:700;color:var(--plum);flex-shrink:0}details[open]>summary::after{transform:rotate(180deg)}details summary>span{font-size:.8rem;color:var(--muted);margin-left:auto}details>.details-body{padding-top:12px}.allergies{border:1px solid #e2ccd3;background:#fbf1f3;border-radius:13px;margin-bottom:16px;padding:0 15px}.allergies[open]{padding-bottom:15px}.allergies summary{color:#895167}.allergies p{font-size:.875rem}.checks{display:flex;flex-wrap:wrap;gap:9px}.checks label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:8px 10px;text-transform:capitalize}.field{display:grid;gap:6px;margin:14px 0}.field input,.field select{width:100%}.quiz-intro{max-width:650px;margin:18px auto;padding:28px}.emoji{font-size:3rem;margin-bottom:12px}.quiz-card{max-width:700px;margin:18px auto;padding:25px}.quiz-progress{display:flex;justify-content:space-between;font-size:.875rem}.quiz-progress span{color:var(--muted)}progress{width:100%;height:7px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--plum);margin-top:9px}progress::-webkit-progress-bar{background:var(--soft)}progress::-webkit-progress-value{background:var(--plum)}.quiz-food{text-align:center;padding:25px 0 18px}.quiz-food h2{font-size:1.85rem}.quiz-food p{font-size:1rem;max-width:450px;margin:0 auto}.answer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.answer{min-height:80px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:.95rem;font-weight:650;display:grid;gap:4px;place-items:center;padding:12px 5px}.answer span{font-size:1.6rem;line-height:1}.answer.love{background:#f2e2eb;color:#874e6c;border-color:#dbbed0}.answer.like{background:#e2efe9;color:#356953;border-color:#bfd7ca}.answer.okay{background:#f1e8d9;color:#7d653c;border-color:#dfd0b6}.answer.dislike{background:#f2e6e9;color:#8c5262;border-color:#dec6cf}.answer.unknown{background:#eae4f2;color:#70598e}.answer:hover{box-shadow:inset 0 0 0 2px currentColor}.quiz-footer{display:flex;justify-content:space-between;gap:6px;margin-top:20px;flex-wrap:wrap}.quiz-footer button{background:transparent;padding:8px;font-size:.8rem}
.taste-heading{text-align:center;margin:12px 0 20px}.taste-heading .eyebrow{color:var(--teal);font-size:.75rem;letter-spacing:.1em}.taste-heading h1{margin:6px 0}.taste-heading p{margin:0;font-size:.95rem}
.taste-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 auto 20px;max-width:660px}.taste-stat{position:relative;min-width:0;min-height:94px;padding:12px 6px;text-align:center;border:1px solid #dbc9d5;border-radius:18px;background:#f0dfe8;color:#794b66;font-size:.8rem}.taste-stat.like{background:#e2eee7;border-color:#c4d9cd;color:#3d6954}.taste-stat.okay{background:#f1e8d9;border-color:#dfd0b6;color:#7d653c}.taste-stat.dislike{background:#f1e3df;border-color:#ddc9c2;color:#885c50}.taste-stat.unknown{background:#e7e1f0;border-color:#d3c8e1;color:#685386}.taste-stat b,.taste-stat>span{display:block}.taste-stat b{font-size:1.35rem;line-height:1.3}.taste-stat .taste-stat-icon{position:absolute;top:10px;left:12px;font-size:1.1rem;line-height:1.1}.taste-stat.active{outline:2px solid currentColor;outline-offset:2px}.taste-stat.active:after{content:'✓';position:absolute;top:8px;right:9px}.taste-stat:hover{filter:brightness(.97)}
.review-filter{position:sticky;top:8px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 12px;border:1px solid #cdbbdc;border-radius:12px;background:#eee6f4;box-shadow:0 5px 18px #35224212;font-size:.875rem;scroll-margin-top:8px}.review-filter .secondary{min-height:36px;padding:6px 10px;background:#fffdfb;white-space:nowrap}.toolbar{display:grid;gap:11px;margin-bottom:18px;padding:15px;border:1px solid var(--line);background:var(--surface);border-radius:15px}.search-label{display:block}.search-label input{width:100%}.toggle{display:flex;align-items:center;gap:7px}#tasteResults{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.food-group{--category-tint:#f1e5eb;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.food-group-1{--category-tint:#e5eee7}.food-group-2{--category-tint:#eee6dc}.food-group-3{--category-tint:#e8e2f1}
.food-group>summary{position:relative;padding:0;display:flex;flex-direction:column;gap:0;align-items:stretch}.food-group>summary:after{position:absolute;right:15px;bottom:24px}.food-group>summary>.group-preview{display:flex;align-items:center;justify-content:center;background:var(--category-tint);padding:8px;margin:0;height:150px}
.food-group>summary>.group-heading{display:block;margin:0;padding:13px 35px 16px 16px;color:var(--ink)}.group-heading b{display:block;font-size:1rem}.group-heading small{display:block;margin:3px 0 9px}.group-progress{display:block;height:5px;overflow:hidden;border-radius:8px;background:var(--soft)}.group-progress>span{display:block;height:100%;background:var(--teal);border-radius:inherit}
.food-group[open]{grid-column:1/-1}.food-group[open]>summary{flex-direction:row;align-items:center;background:var(--category-tint);border-bottom:1px solid var(--line)}.food-group[open]>summary>.group-preview{min-height:86px;padding:12px;gap:5px;background:transparent}.food-group[open]>summary>.group-heading{flex:1}.food-group[open]>summary:after{bottom:32px}
.taste-workspace>.toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px}.taste-workspace>.toolbar>.actions{gap:12px}.taste-workspace .allergies{margin-bottom:12px}
@media(max-width:800px){#tasteResults{grid-template-columns:repeat(2,minmax(0,1fr))}.taste-workspace>.toolbar{grid-template-columns:1fr}.food-group>summary>.group-preview{gap:5px;padding:14px 6px;min-height:90px}.food-group>summary>.group-heading{padding:10px 26px 12px 12px}.group-heading b{font-size:.9rem}.group-heading small{font-size:.75rem}.taste-stats{gap:7px}.taste-stat{min-height:92px;padding-top:30px}.taste-stat .taste-stat-icon{top:9px;left:calc(50% - 7px)}.food-group[open]>summary>.group-preview{gap:3px;padding:10px}}
.food-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 15px;border-bottom:1px solid #ece6ef}.food-row:last-child{border:0}.food-row small{display:block;max-width:540px}.food-row b{font-size:1rem}.food-row b span{margin-right:5px}.food-actions{display:flex;gap:6px;align-items:center}.food-actions select{width:139px;font-size:.875rem;background:#f2edf5}.taste-note{color:var(--teal)}.inline{display:flex;flex-wrap:wrap;align-items:end}.inline label{flex:1;display:grid;gap:5px;min-width:160px}.idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.idea-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;align-items:stretch;margin-bottom:14px}.idea-grid .idea-card{margin:0}.idea-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.badge{padding:4px 8px;background:var(--soft);color:var(--plum-dark);border-radius:8px;font-size:.75rem}.idea-card h2{font-size:1.12rem}.idea-card>p{font-size:.875rem}.match{color:var(--success);background:#edf5ef;padding:9px 11px;border-radius:10px;font-size:.85rem}.idea-card>.actions{margin-top:auto;padding-top:16px}.idea-card>small{margin-bottom:10px}.challenge{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#ccbadf;background:#eae3f2}.challenge p{margin:0;max-width:650px;font-size:.9rem}.challenge h2{margin-top:5px}.challenge button{flex-shrink:0}.empty{background:#f7f3f9;padding:24px;text-align:center;color:var(--muted);border-radius:13px;grid-column:1/-1}.empty button{display:flex;margin:15px auto 0}.planner-heading h1{font-size:1.45rem;margin:0}.notice.plan-notice{font-size:.8rem;padding:10px 12px;margin:0 0 12px}.reset-warning{color:var(--danger);font-weight:600}.backup>.danger-quiet{margin-top:16px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.day-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.day-card.today{border-color:#aa8cbd}.day-title{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;background:#eae4ef;font-size:.875rem}.day-title span{color:var(--muted)}.today .day-title{background:#ddcee9}.meal-slot{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid #eae3ef;min-height:72px}.slot-label{width:76px;flex-shrink:0}.slot-content{flex:1;min-width:0}.meal-pick{display:block;text-align:left;background:transparent;padding:2px 0;color:var(--ink);font-weight:600;font-size:.875rem}.meal-pick:hover{color:var(--plum)}.plus{display:inline-grid;place-items:center;background:var(--soft);color:var(--plum);height:26px;width:26px;border-radius:8px;margin-right:5px}.slot-content small{display:block;font-size:.75rem;margin-top:3px}.status{flex-shrink:0;background:#eee8f3;color:var(--plum);width:34px;height:36px;border-radius:9px;font-size:1.25rem}.status.done{background:#dbece0;color:var(--success)}.meal-slot .icon-button{width:28px;padding:0;background:none}.notice{padding:12px 15px;border:1px solid #c9dcd3;border-radius:12px;background:#eaf3ee;color:#39624f;font-size:.9rem}.people-list{max-width:700px;margin:auto auto 18px;display:grid;gap:10px}.person{display:flex;gap:13px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:15px}.person.selected{border:2px solid var(--plum);padding:15px;background:#ede5f3}.avatar{display:grid;place-items:center;width:45px;height:45px;background:var(--soft);border-radius:13px;font-size:1.4rem}.person>span:nth-child(2){flex:1}.person b,.person small{display:block}.person>span:last-child{font-size:.8rem;color:var(--plum)}.backup{margin:25px auto;max-width:700px}.backup p{font-size:.9rem}
dialog{border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:88vh;max-height:88dvh;overflow:hidden;padding:0;box-shadow:0 25px 100px #20142d50}dialog[open]{display:flex;flex-direction:column}body:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#21162980;backdrop-filter:blur(3px)}.dialog-head{flex-shrink:0;position:sticky;top:0;z-index:2;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:14px 20px}.dialog-head h2{margin:0;font-size:1.2rem}#dialogBody{padding:18px 20px;overflow-y:auto;overscroll-behavior-y:contain;min-height:0;overflow-wrap:anywhere}#dialogBody p{font-size:.9rem}.dialog-actions{justify-content:flex-end;margin-top:20px}.picker-list{display:grid;gap:7px}.picker-meal{width:100%;display:flex;justify-content:space-between;align-items:center;gap:9px;text-align:left;padding:12px;background:#f3eef6;border:1px solid var(--line);border-radius:11px;font-size:.875rem;margin-bottom:6px}.picker-meal small{display:block;margin-top:4px;font-size:.75rem}.picker-copy{flex:1;min-width:0}.picker-meal>span:last-child{color:var(--plum);font-weight:700}.full-list{margin-top:20px;border-top:1px solid var(--line);padding-top:8px}.full-list>.picker-list{max-height:300px;overflow:auto;overscroll-behavior-y:contain}.family-note{padding:12px;border-radius:12px;background:#e5efe9;margin-top:12px}.family-note small{display:block;margin-bottom:5px}.recipe-links>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5px 0}.recipe-links a{overflow-wrap:anywhere}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(90vw,560px);z-index:50;padding:12px 18px;background:#3c2e49;color:#fff;border-radius:13px;box-shadow:0 8px 30px #22183030;font-size:.875rem;text-align:center}*{scrollbar-width:thin;scrollbar-color:#c4b5d2 transparent}
@media(max-width:760px){.app{padding:14px 12px 45px}.brand{margin-bottom:12px}.nav{margin-bottom:16px}.nav button{font-size:.8rem;padding:10px 3px}.welcome{gap:16px;padding:18px}.welcome img{width:110px;height:158px}.welcome p:not(.eyebrow){font-size:.875rem}.welcome .eyebrow{font-size:.7rem}.panel{padding:16px}.idea-grid{grid-template-columns:1fr}.idea-card{padding:18px}.challenge{align-items:stretch;flex-direction:column;gap:12px}.plan-grid{grid-template-columns:1fr}.food-row{gap:8px;padding:12px}.food-row small{font-size:.75rem}.food-actions select{width:118px;padding:9px 6px;font-size:.8rem}.food-actions .icon-button{width:30px}.quiz-card{padding:17px}.quiz-food{padding:20px 0}.quiz-food h2{font-size:1.6rem}.answer-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.answer-grid>.answer{grid-column:span 2}.answer-grid>.answer:nth-last-child(-n+2){grid-column:span 3}.answer{display:flex;justify-content:center;gap:10px;min-height:62px;font-size:.9rem}.answer span{font-size:1.35rem}.quiz-footer .secondary{font-size:.75rem}.inline label{min-width:120px}.slot-label{width:71px}.slot-content small{font-size:.75rem}.brand-name b{font-size:.95rem}.brand-name small{font-size:.7rem}.person-switch{max-width:40%;font-size:.8rem;padding:8px 10px}.checks{gap:6px}.checks label{font-size:.8rem;padding:8px}.page-title p{font-size:.875rem}.quiz-intro{padding:20px}.section-title .secondary{padding:7px 10px;font-size:.8rem}}
@media(max-width:390px){.brand-icon{width:31px;height:35px}.brand-name{gap:7px}.brand-name b{font-size:.85rem}.person-switch{padding:7px}.nav button{font-size:.75rem}.welcome{gap:10px;padding:14px}.welcome img{width:93px;height:145px}.welcome h1{font-size:1.65rem}.welcome p:not(.eyebrow){font-size:.8rem}.welcome .primary{font-size:.8rem}.food-row{grid-template-columns:1fr}.food-actions select{flex:1;width:auto}.person-switch{font-size:.75rem}.slot-label{width:63px;font-size:.8rem}.slot-content .meal-pick{font-size:.82rem}}
.quiz-screen{max-width:700px;margin:auto}.quiz-start{padding:0 2px 16px}.quiz-invitation{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0 18px}.quiz-invitation img{width:86px;height:122px;object-fit:contain}.quiz-invitation h1{font-size:clamp(1.5rem,5vw,2rem);margin:5px 0}.quiz-invitation p{font-size:1rem;margin:0}.quiz-invitation .eyebrow{font-size:.8rem;letter-spacing:.04em}.quiz-mix{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;background:var(--plum);color:white;border-radius:16px;text-align:left;margin-bottom:12px;min-height:76px}.quiz-mix>span:first-child{font-size:2rem}.quiz-mix>span:nth-child(2){flex:1}.quiz-mix b,.quiz-mix small{display:block}.quiz-mix b{font-size:1rem}.quiz-mix small{color:#f2eaf7;font-size:.875rem}.quiz-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-group{display:flex;align-items:center;gap:10px;padding:14px 12px;min-height:74px;background:var(--surface);border:1px solid var(--line);border-radius:15px;text-align:left}.quiz-group>span{font-size:1.8rem;flex-shrink:0}.quiz-group b{font-size:.875rem;line-height:1.3}.quiz-group:nth-child(3n+1){background:#f7edf1}.quiz-group:nth-child(3n+2){background:#edf2ef}.quiz-group:nth-child(3n){background:#efeaf5}.quiz-group:hover{border-color:var(--plum);box-shadow:0 2px 8px #35224212}.food-about{max-width:440px;margin:12px auto 0}.food-about summary,.idea-details summary{justify-content:center;min-height:44px;font-size:.875rem;color:var(--plum)}.food-about p,.idea-details p{font-size:1rem;margin:8px 0 12px}.idea-details{margin-bottom:10px}.quiz-screen .quiz-food{padding:14px 0}.quiz-screen .quiz-card{margin-top:12px}.quiz-screen .allergies{margin-bottom:10px}
.week-table-scroll{width:100%;max-width:100%;min-width:0;contain:inline-size;position:relative;overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-bottom:16px}.week-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.week-table th,.week-table td{padding:10px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}.week-table thead th{background:var(--soft);text-transform:capitalize;font-size:.875rem}.week-table tbody th{position:sticky;left:0;background:var(--surface);z-index:1;min-width:85px;font-size:.875rem}.week-table tbody th small{display:block;font-weight:400}.week-table td{min-width:170px}.week-table .today th{background:#ddcee9}.week-table .today td{background:#f7f1fa}.week-table .meal-slot{border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;min-height:90px}.week-table .slot-label{display:none}.week-table .slot-content{flex-basis:100%}.week-table .meal-slot .icon-button{margin-left:auto}.week-table tr:last-child>*{border-bottom:0}.week-table tr>*:last-child{border-right:0}
.quiz-counts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;font-size:.875rem}.quiz-counts>span{padding-left:10px;color:var(--muted)}.quiz-group>span:last-child{font-size:inherit;flex-shrink:1}.quiz-group small{display:block;font-size:.8rem;margin-top:3px}
.section-ring{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--plum) var(--progress),var(--line) 0)}.section-ring>span{width:36px;height:36px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-size:1.35rem;color:var(--plum)}
.home-today{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.home-today .section-title{padding:18px 20px;margin:0;background:#eee7f3;border-bottom:1px solid var(--line)}.home-today h2{font-size:1.15rem}.home-today .section-title small{display:block;margin-top:2px;font-size:.875rem}.home-week-link{background:transparent;color:var(--plum-dark);font-size:.875rem;font-weight:650;min-height:44px;padding:8px 0 8px 12px}.today-meals{display:flex;flex-direction:column}.today-row{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;text-align:left;background:transparent;min-height:88px}.today-row+.today-row{border-top:1px solid #eae4ef}.today-row:hover{background:#f7f2fa}.today-food-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#f2eaf5;font-size:1.7rem;flex-shrink:0}.today-row:nth-child(2) .today-food-icon{background:#edf2ef}.today-food-copy{flex:1;min-width:0}.today-food-copy .meal-label{display:block;font-size:.875rem;color:var(--muted);text-transform:capitalize}.today-food-copy b{display:block;font-size:1rem;line-height:1.4;margin-top:2px}.today-food-copy small{display:block;color:var(--teal);font-size:.8rem;margin-top:3px}.today-row-action{display:grid;place-items:center;background:var(--soft);color:var(--plum);border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:1.4rem}.home-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px}.home-shortcuts button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;background:#e9e2f0;border:1px solid #dfd5e7;border-radius:16px;padding:16px 6px;min-width:0}.home-shortcuts button:nth-child(2){background:#f1e8ee;border-color:#e7dbe2}.home-shortcuts button:nth-child(3){background:#e7efec;border-color:#d7e3dc}.home-shortcuts button:hover{box-shadow:inset 0 0 0 1px var(--plum)}.shortcut-icon{font-size:1.5rem;color:var(--plum);line-height:1.2}.home-shortcuts b,.home-shortcuts small{display:block}.home-shortcuts b{font-size:.875rem;line-height:1.3}.home-shortcuts small{font-size:.75rem;line-height:1.3;margin-top:4px}@media(max-width:760px){.home-today .section-title{padding:12px 14px}.today-row{padding:14px;gap:11px;min-height:78px}.today-food-icon{width:40px;height:40px;font-size:1.4rem}.home-shortcuts{gap:7px}.home-shortcuts button{padding:13px 5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:760px){.welcome{padding:20px}}
.plan-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;background:var(--soft);border-radius:12px}.plan-tabs button{min-height:42px}.plan-tabs .secondary{background:transparent}
.food-art{display:inline-block;flex-shrink:0;width:64px;height:64px;background-image:url("../images/atlas-74f64ba88ff0.webp");background-repeat:no-repeat;border-radius:12px;background-color:#fff;vertical-align:middle;overflow:hidden}
.food-art-large{display:block;width:176px;height:176px;margin:0 auto 12px}
.food-art-medium{width:100px;height:100px}
.food-art-small{width:44px;height:44px;margin-right:5px}
.food-art-fallback{display:inline-block;font-size:2rem;vertical-align:middle}
.quiz-food>.food-art-fallback{display:block;font-size:4rem;margin-bottom:12px}
.family-meal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin-top:16px}
.family-meal-card{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.family-meal-card>div:nth-child(2){flex:1;min-width:140px}
.family-meal-card h2{font-size:1rem;margin:0 0 4px}
.family-meal-card .actions{width:100%;gap:6px}
.family-meal-card .actions button{font-size:.8rem;padding:8px 10px}
.family-meal-card [aria-pressed=true]{background:var(--plum);color:white}
.dish-name{display:block;margin-bottom:4px}
.dish-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}

.food-art-picker{width:64px;height:64px;border-radius:10px}.food-art-detail{display:block;width:128px;height:128px;margin:0 auto 14px}.dish-copy{flex:1;min-width:0}

.meal-review-person{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px}.meal-review-person legend{font-weight:700;padding:0 6px}.meal-review-person select{width:100%}.family-meal-card small{display:block}.dish-list>div{flex-wrap:wrap}

.custom-dish-image{object-fit:contain;background-image:none!important;border-radius:14px}#printSheet{display:none}@media print{@page{size:A4 landscape;margin:12mm}body{background:white}body>*{display:none!important}#printSheet{display:block!important;color:#263c34;font:12px Arial}#printSheet h1{font-size:24px}#printSheet table{width:100%;border-collapse:collapse;table-layout:fixed}#printSheet th,#printSheet td{border:1px solid #a8b9ad;padding:9px;text-align:left;vertical-align:top}#printSheet th{background:#eef3ef;text-transform:capitalize}#printSheet tr{break-inside:avoid}}

/* Shared Family planner only; individual layouts retain their existing rules. */
.table-scroll-hint{display:none}@media(max-width:640px){.table-scroll-hint{display:block;font-size:.75rem;color:var(--muted);margin:4px 0 8px}}
.family-plan-scroll{width:100%;max-width:100%;min-width:0;contain:inline-size;position:relative;overflow:auto;overscroll-behavior-x:contain;margin-bottom:18px;border-radius:16px;scrollbar-color:var(--plum) var(--soft)}
.family-plan-weeks{min-width:840px;display:grid;gap:14px}
.family-plan-table{width:100%;table-layout:fixed;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);text-align:center}
.family-plan-table th,.family-plan-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px;vertical-align:top}
.family-plan-table tr>*:last-child{border-right:0}.family-plan-table tbody tr:last-child>*{border-bottom:0}
.family-plan-table thead th{background:var(--soft);font-size:.8rem}.family-plan-table thead th:first-child{background:var(--plum);color:white;width:92px;vertical-align:middle}
.family-plan-table thead th span,.family-plan-table thead th b{display:block}.family-plan-table thead th b{font-size:1.1rem}
.family-plan-table tbody th{position:sticky;left:0;z-index:1;background:var(--soft);text-transform:capitalize;font-size:.8rem;vertical-align:middle}
.family-plan-table .today{background:#eee6f4}.family-plan-table thead .today{box-shadow:inset 0 3px var(--plum)}
.family-plan-table .outside{background:#edeaf0;color:var(--muted)}
.family-plan-pick{display:block;width:100%;padding:4px;background:transparent;text-align:center;border-radius:8px;min-height:70px;font-size:.8rem;line-height:1.35}
.family-plan-pick:hover{background:var(--soft)}.family-plan-plus{font-size:1.5rem;color:var(--plum);font-weight:400}
.family-plan-dish{display:flex;flex-direction:column;align-items:center;gap:5px}.family-plan-dish+.family-plan-dish{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.food-art-plan{width:44px;height:44px;border-radius:9px}.family-plan-status{display:block;font-size:.7rem;margin-top:4px}
.family-plan-add{background:transparent;color:var(--plum-dark);font-size:.75rem;padding:8px 2px;min-height:36px}
.family-plan-month .family-plan-pick{min-height:54px}.family-plan-month .food-art-plan{width:36px;height:36px}



.category-cover{width:100%;max-width:250px;height:140px;object-fit:contain}.food-group[open]>summary>.group-preview{height:82px;min-height:0;width:110px}.food-group[open] .category-cover{height:70px}.welcome img{width:230px;height:230px;object-fit:contain}.saved-recipe{padding:12px;background:var(--soft);border-radius:12px;margin:12px 0}.recipe-text{white-space:pre-wrap;overflow-wrap:anywhere}.saved-recipe h3{margin:12px 0 6px}@media(max-width:800px){.category-cover{height:112px}.food-group>summary>.group-preview{height:128px;min-height:0}.food-group[open]>summary>.group-preview{width:90px;height:72px}.food-group[open] .category-cover{height:62px}.welcome img{width:145px;height:160px}}

/* Family taste coverage and optional note shortcuts. */
.meal-coverage {display:block;color:#775223;font-weight:600;margin:6px 0;}
.meal-coverage.covered {color:#267267;}
.coverage-panel {padding:14px 16px;border-radius:16px;background:#edf6f2;margin:16px 0;}
.coverage-panel h3 {margin:0;}
.coverage-panel p span {display:block;font-size:.9em;margin-top:3px;}
.reason-chips {display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;}
.reason-chips button {border-radius:20px;padding:7px 12px;font-size:.85rem;min-height:36px;}

.meal-actions{gap:6px}.meal-actions button{min-height:40px}.meal-actions [aria-pressed="true"],.attendance-actions [aria-pressed="true"]{background:var(--primary,#72538e);color:#fff}.attendance{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#d9d0e3)}.attendance small{display:block}.attendance-actions{gap:4px;margin-top:6px}.attendance-actions button{font-size:.8rem;padding:7px 8px}

/* First-run welcome: separate from the meal-planning workspace. */
.entry-pending main.app{visibility:hidden}.arrival[hidden],main.app[hidden]{display:none!important}
.arrival{min-height:100svh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at top left,#e2d5ec 0,transparent 60%),#f2eef5}
.arrival-card{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(320px,1.1fr);width:min(900px,100%);border:1px solid #d9cde3;border-radius:30px;overflow:hidden;background:#fffaf7;box-shadow:0 22px 70px #41264c12}
.arrival-art{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:36px;background:#e9dfef}
.arrival-art img{width:min(100%,300px);height:auto;object-fit:contain}.arrival-art span{font-size:17px;font-weight:650;color:#64457d}
.arrival-content{padding:42px 36px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;text-align:center}
.arrival h1{font-size:clamp(27px,3.5vw,38px);line-height:1.2;letter-spacing:-.025em;margin:12px 0;outline:none}.arrival-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#86668d;margin:0}
.arrival-intro{font-size:17px;color:#706176;margin:4px 0 24px}.arrival-actions{display:grid;gap:10px}.arrival button{min-height:46px;border-radius:13px;font-size:16px;padding:11px 16px}.arrival .primary{background:#72538e;color:white}.arrival .secondary{background:#eee5f2;color:#5c3b75}
.arrival-link{background:transparent;color:#72538e;font-weight:650}.arrival-footnote{font-size:13px;line-height:1.5;color:#7f7185;margin:12px 0 0}.arrival-back{align-self:flex-start;background:transparent;padding-left:0!important;color:#72538e}.arrival-tag{align-self:center;font-size:12px;background:#ece4f1;border-radius:20px;padding:4px 10px;color:#72538e}
.arrival form{display:grid;gap:14px}.arrival label{display:grid;text-align:left;gap:6px;font-size:15px}.arrival input{width:100%;min-height:44px}.arrival-remember{display:flex!important;align-items:center;gap:9px!important;font-size:14px!important}.arrival-remember input{width:18px;min-height:18px;height:18px;margin:0}.arrival-message{font-size:14px;color:#a54662;margin:8px 0 0}.arrival-message:empty{display:none}.arrival-offline{padding:15px;background:#f1ebf4;border-radius:14px;text-align:left;margin:12px 0;font-size:14px}.arrival-offline p{margin:6px 0 0;color:#74657a}.arrival-file{margin:10px 0}.arrival-preview-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 0;font-size:13px}.arrival-preview-bar span{margin-right:auto;background:#e8dcee;border-radius:20px;padding:4px 12px;color:#67497a}.arrival-preview-bar button{background:transparent;color:#72538e;padding:7px 10px;font-size:13px;border-radius:10px}
@media(max-width:640px){.arrival{padding:18px}.arrival-card{grid-template-columns:1fr;max-width:440px;border-radius:25px}.arrival-art{padding:18px 24px 12px;gap:4px}.arrival-art img{width:150px}.arrival-art span{font-size:15px}.arrival-content{padding:22px 24px 26px}.arrival h1{font-size:29px}.arrival-intro{margin-bottom:18px}.arrival-eyebrow{font-size:11px}.arrival-actions{gap:8px}}

/* Compact planner: dates and actions share a row, secondary settings stay folded. */
.planner-heading{margin:18px 0 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;}.planner-heading button{min-height:36px;padding:7px 12px;font-size:.8rem}
.planner-toolbar{display:grid;gap:8px 16px;padding:10px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line);border-radius:15px;grid-template-columns:minmax(200px,1fr) auto;}.planner-toolbar .plan-tabs{grid-column:1;grid-row:1;padding:3px;max-width:300px}.planner-toolbar .plan-tabs button{min-height:36px;padding:6px 14px;font-size:.85rem}.planner-period{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:6px;grid-column:1;grid-row:2;max-width:380px;}.planner-period .icon-button,.planner-date{background:transparent;font-weight:650;font-size:.9rem;min-height:36px;padding:6px 2px;line-height:1.3;overflow-wrap:normal;height:36px;}.planner-actions{grid-column:2;grid-row:1;align-items:center;gap:6px}.planner-actions button{min-height:38px;padding:8px 12px;font-size:.8rem}.planner-actions .icon-button{width:38px;padding:6px}.plan-view-options{display:flex;align-items:center;gap:8px;grid-column:2;grid-row:2;justify-content:flex-end;}.plan-view-options button{font-size:.8rem;padding:8px;white-space:nowrap;background:transparent;min-height:36px;color:var(--muted);}
.family-setup.panel{padding:0;margin:0 0 8px;border-radius:11px;box-shadow:none;background:transparent}.family-setup summary{min-height:42px;padding:9px 12px;font-size:.8rem}.family-setup summary span{font-size:.75rem}.family-setup .details-body{padding:6px 12px 12px}.family-setup .details-body p{font-size:.85rem;margin:4px 0 10px}.table-columns{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;}.table-columns label{display:flex;align-items:center;gap:6px;text-transform:capitalize;background:var(--surface);border:1px solid var(--line);padding:6px 10px;border-radius:9px;font-size:.8rem;min-height:36px;}
@media(max-width:640px){
/* Phone dialogs use the available width; only their content scrolls. */
dialog{width:100%;max-width:100%;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
.dialog-head{padding:12px 16px}.dialog-head h2{font-size:1.1rem}.dialog-head .icon-button{width:44px;min-height:44px}#dialogBody{padding:14px 16px 20px}.picker-meal{min-height:72px;font-size:.9rem}.picker-meal small{font-size:.8rem}.full-list>.picker-list{max-height:none;overflow:visible}
.planner-toolbar .plan-tabs button,.planner-period .icon-button,.planner-date,.planner-actions button,.table-columns label{min-height:44px}.planner-date{height:auto}.planner-actions .icon-button{width:44px}.arrival-preview-bar{flex-wrap:wrap}.welcome{gap:12px}.welcome>div{min-width:0}.welcome img{width:clamp(88px,28vw,130px);height:auto}.brand-name{min-width:0}.brand-icon{flex-shrink:0}.brand-name b{overflow-wrap:anywhere}
.planner-heading h1{font-size:1.2rem}.planner-toolbar{grid-template-columns:1fr;gap:7px}.planner-toolbar .plan-tabs{grid-column:1;grid-row:1;max-width:none}.planner-period{grid-column:1;grid-row:2;max-width:none}.planner-actions{grid-column:1;grid-row:3;display:flex}.planner-actions>button:not(.icon-button){flex:1}.plan-view-options{grid-column:1;grid-row:4;justify-content:center}.plan-view-options button{padding:2px 8px;min-height:28px}.family-setup summary span{max-width:55%;text-align:right}.table-columns{justify-content:flex-start}}

/* V4.1: wider but still constrained desktop workspace; no layout logic changed. */
@media (min-width: 1100px) {
  .app { max-width: 1240px; padding-left: clamp(24px, 3vw, 44px); padding-right: clamp(24px, 3vw, 44px); }
  .nav { gap: 6px; }
  .nav button { min-height: 48px; }
  .home-shortcuts { gap: 14px; }
}
@media (min-width: 761px) and (max-width: 1099px) {
  .app { padding-left: clamp(18px, 2.3vw, 28px); padding-right: clamp(18px, 2.3vw, 28px); }
}
@media (max-width: 760px) {
  .app { padding-left: clamp(10px, 3vw, 16px); padding-right: clamp(10px, 3vw, 16px); }
  .nav button { min-height: 48px; }
  .brand-name { min-width: 0; }
  .brand-name > span:last-child { min-width: 0; }
  .person-switch { flex-shrink: 1; }
  .person-switch #personName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 350px) {
  .nav { gap: 1px; padding: 3px; }
  .nav button { font-size: .72rem; padding: 9px 1px; }
  .app { padding-left: 8px; padding-right: 8px; }
  .welcome { padding: 12px; }
}