@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--plum:#392b40;--orange:#ff9d52;--muted:#85818c;--line:#ecebf0}*{box-sizing:border-box}body{margin:0;background:#f7f8fa;color:var(--plum);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--plum);font:800 22px Manrope,sans-serif;position:relative;padding-left:44px}.brand img{width:34px;position:absolute;left:0;top:0}.brand span{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-top:7px}.house{background:#f7f6f9;border:1px solid var(--line);border-radius:12px;padding:16px 12px;margin:40px 0 28px}.house small{display:block;font-size:10px;color:var(--muted);margin:8px 0 0 18px}nav button{width:100%;text-align:left;border:0;background:none;color:#827a87;padding:15px;border-radius:9px;margin:3px 0}nav button.active{background:var(--plum);color:white}nav button span{margin-right:13px;font-size:18px}.sidefoot{margin-top:auto;color:var(--muted);font-size:11px}.sidefoot p{margin-top:24px}.sidefoot small{font-size:9px}.dot{display:inline-block;width:6px;height:6px;background:#7aa594;border-radius:50%}main{max-width:1600px;margin-left:246px;padding:38px 46px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}header small,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--muted)}h1{font:700 29px Manrope;margin:9px 0}h1 span{color:var(--orange);font-size:30px;margin-left:7px}.avatar{background:#e9e4ed;border:1px solid white;border-radius:50%;width:46px;height:46px;font-size:21px;color:var(--plum)}.intro{border-radius:17px;background:#ebe8f0;display:flex;justify-content:space-between;align-items:center;padding:32px 35px;overflow:hidden}.intro .eyebrow{color:#75647f}h2{font:700 24px Manrope;margin:10px 0}.intro p{color:#7c7283;font-size:12px}.basket{font-size:62px;transform:rotate(-9deg);padding-right:30px}.basket span{display:block;font-size:11px;letter-spacing:1px;text-align:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0 30px}.stats button{border:1px solid var(--line);background:white;border-radius:13px;padding:21px;text-align:left;color:var(--plum)}.stats span{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.stats strong{display:block;font:700 28px Manrope;margin:12px 0}.stats strong small{font:12px 'DM Sans';color:#77717e}.stats em{font-size:10px;color:#99909c;font-style:normal}.content{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.panelhead{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 15px;gap:10px}.panelhead h2{font-size:20px}.primary{background:var(--orange);color:var(--plum);border:0;border-radius:8px;padding:12px 16px;font-weight:700;font-size:11px;min-height:42px}.secondary{background:transparent;border:1px solid #d7cfdc;border-radius:8px;padding:12px;width:100%;color:var(--plum);font-size:11px}#filters{padding:5px 25px 20px;display:flex;gap:6px;flex-wrap:wrap}#filters button{border:1px solid var(--line);border-radius:20px;background:white;color:#89818e;padding:8px 13px;font-size:10px}#filters button.active{background:#f0edf3;color:var(--plum);border-color:#e5dfea}.row{display:flex;gap:14px;align-items:center;padding:17px 25px;border-top:1px solid #f0eff3;min-height:74px}.check{border:1.5px solid #d9d3de;background:white;border-radius:7px;width:23px;height:23px;flex-shrink:0;color:white}.done .check{background:#a5b7ab;border-color:#a5b7ab}.done .name{text-decoration:line-through;color:#a09aa6}.name{font-weight:600;font-size:13px}.row small{display:block;color:#aaa2af;font-size:10px;margin-top:6px}.row .amount{margin-left:auto;color:#8d8494;font-size:11px;white-space:nowrap}.tag{background:#f2eff6;color:#92809f;border-radius:5px;padding:5px 8px;font-size:9px}.edit{border:0;background:transparent;color:#aca3b1;padding:10px}.panelbottom{border-top:1px solid var(--line);padding:17px 25px;font-size:10px;color:#9a929f;display:flex;justify-content:space-between}.railcard{padding:24px;border-radius:14px;background:#efedf3}.railcard h3,.tip h3{font:700 19px Manrope;line-height:1.5;margin:13px 0 8px}.railcard p,.tip p{font-size:11px;line-height:1.8;color:#8a8093}.plate{position:relative;margin:8px auto 18px;border:1px solid #d5cedd;box-shadow:inset 0 0 0 8px #f8f7fa,inset 0 0 0 9px #d5cedd;border-radius:50%;width:100px;height:100px;text-align:center;line-height:95px;font-size:52px;color:#d9b398;transform:rotate(-15deg)}.plate span{font-size:30px;position:absolute;left:29px;top:0}.tip{padding:26px 12px}.tip>span{color:#b8967c;font-size:9px;letter-spacing:1px}.tip h3{font-size:16px}.tip button{border:0;background:none;padding:6px 0;color:var(--plum);font-size:11px}footer{display:flex;gap:16px;margin-top:30px;color:#9c94a3;font-size:10px;align-items:center}footer span{margin-right:auto}footer button{border:0;background:none;color:inherit;font-size:10px}dialog{border:1px solid var(--line);border-radius:18px;max-width:440px;width:calc(100% - 30px);padding:26px;color:var(--plum)}dialog::backdrop{background:#24172c80;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between;align-items:center}.dialoghead h2{font-size:22px}.dialoghead button{border:0;background:none;font-size:20px}label{display:block;margin:16px 0;color:#7b7183;font-size:12px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #ddd7e3;border-radius:8px;padding:12px;background:#fbfafc;color:var(--plum)}textarea{min-height:100px}#error{color:#b04444;font-size:12px}.empty{padding:55px 25px;color:#94899c;text-align:center;line-height:1.8}.empty b{display:block;font:600 19px Manrope;color:var(--plum);margin-bottom:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--plum);color:white;border-radius:10px;padding:14px 22px;display:none;z-index:10}.mealday{min-width:46px;font-size:11px;color:#9988a5}.mealday b{display:block;color:var(--plum);font-size:16px;margin-bottom:5px}@media(min-width:1450px){main{padding:45px 65px}}@media(max-width:1100px){aside{width:205px;padding:30px 18px}main{margin-left:205px;padding:30px 25px}.content{grid-template-columns:1fr}.rail{display:none}.brand{font-size:18px}.stats{gap:10px}.panelhead{padding:20px}}@media(max-width:650px){aside{inset:auto 0 0;width:auto;height:72px;padding:6px;background:white;z-index:5;border-top:1px solid var(--line)}.brand,.house,.sidefoot{display:none}nav{display:flex;justify-content:space-around}nav button{font-size:9px;text-align:center;padding:8px 5px;width:auto;flex:1}nav button span{display:block;margin:0 0 5px;font-size:19px}nav button.active{background:#eee9f2;color:var(--plum)}main{margin:0;padding:25px 18px 90px}header small{font-size:7px}h1{font-size:24px}.intro{padding:23px}.intro h2{font-size:22px}.intro p{line-height:1.7;max-width:215px}.basket{font-size:36px;padding:0}.basket span{font-size:8px}.stats{gap:8px;margin:16px 0 20px}.stats button{padding:13px 10px}.stats span{font-size:7px}.stats strong{font-size:23px}.stats strong small{display:block;font-size:9px;margin-top:5px}.stats em{display:none}.panelhead h2{font-size:18px}.primary{padding:11px;font-size:10px}.row{padding:16px;gap:10px}.tag{font-size:8px}footer{flex-wrap:wrap;font-size:9px}footer span{display:none}}
/* Dark family palette, inspired by the supplied icon reference. */
:root{color-scheme:dark;--plum:#f2edf6;--muted:#aaa1b5;--line:#35303f;--orange:#ffab65}body{background:#111015;color:#f2edf6}aside{background:#19161f;border-color:#302a38}.brand{color:#f6f0fa}.house{background:#24202d;border-color:#37303f}.house small{color:#aaa1b5}nav button{border:1px solid transparent;color:#b6acbf;display:flex;align-items:center;gap:12px;padding:10px}.navicon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;margin:0;background:#302b43;color:#ffab65}.navicon svg{width:23px;height:23px}.navicon.meal{background:#54315b;color:#ffc9ed}.navicon.recipe{background:#304f52;color:#a6e0d3}.navicon.pantry{background:#36424b;color:#d0e3f0}.navicon.wish{background:#4a344e;color:#e3b9ee}.navicon.budget{background:#3b463c;color:#b1ddb5}nav button.active{background:#302639;color:#fff;box-shadow:none;border-color:#b98863}h1 span{color:#ffc06e}.avatar{background:#45324d;border-color:#28212e;color:#f5c6ed}.intro{background:linear-gradient(110deg,#382a44,#30273f 65%,#46304b);border:1px solid #51405f}.intro .eyebrow{color:#d2aadf}.intro p{color:#c5b6ce}.basket{color:#ffab65}.stats button{background:#211b2a;border-color:#3c2e4a;color:#f5eefe}.stats button:nth-child(2){background:#291e2d;border-color:#4d3353}.stats button:nth-child(3){background:#19292b;border-color:#2b4448}.stats strong{color:#ffb477}.stats button:nth-child(2) strong{color:#efb9e0}.stats button:nth-child(3) strong{color:#afe1d4}.stats span{color:#b9adca}.stats strong small{color:#d1c8da}.stats em{color:#a99ab8}.panel{background:#1d1923;border-color:#37303f}.primary{background:#ffab65;color:#2c1931}.secondary{border-color:#57445f;color:#f0e4f5;background:#35263f}#filters button{background:#25202c;border-color:#3b3245;color:#c1b2cc}#filters button.active{background:#51405e;color:#fff;border-color:#70527e}.row{border-color:#332c3b}.row small{color:#a79aaf}.row .amount{color:#cbbbd4}.check{background:#282130;border-color:#655271}.done .check{background:#42766a;border-color:#589380}.done .name{color:#8e8299}.tag{background:#3b304b;color:#dcc8ee}.edit{color:#d6bce4}.panelbottom{border-color:#37303f;color:#b5a2c3}.railcard{background:#34243b;border:1px solid #523b5c}.railcard .eyebrow{color:#daa7e4}.railcard p,.tip p{color:#b8a7c4}.plate{background:#273a35;color:#b5d79f;border-color:#698b78;box-shadow:inset 0 0 0 8px #3c5148,inset 0 0 0 9px #7c9d88}.tip>span{color:#ffc17f}.tip button{color:#efb8f3}.empty{color:#baa8c7}.empty b{color:#f2e8f7}footer{color:#9c8eaa}dialog{background:#231b2c;border-color:#584064;color:#f2e8fa;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#100b16bb;backdrop-filter:blur(3px)}label{color:#c6b6d1}input,textarea,select{background:#19131f;border-color:#5a4568;color:#fff}.authhint{color:#beaccb;font-size:12px;line-height:1.8}dialog p{line-height:1.7}dialog .secondary{margin:8px 0}#submit{width:100%;font-size:13px;min-height:48px}.authicon{width:60px;height:60px;padding:14px;border-radius:18px;background:#45304f;color:#ffbc7e;margin:18px 0}.authicon svg{width:32px;height:32px}summary{cursor:pointer;color:#c6b2d2;padding:10px 0}#demoBanner{margin:-10px 0 24px;padding:12px 16px;background:#273b38;color:#b9e6d7;border:1px solid #3d635c;border-radius:10px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}#demoBanner[hidden]{display:none}#demoBanner button{border:0;background:none;color:#ffd0a6;font-size:11px;font-weight:700;min-height:34px}#toast{background:#f0d9fb;color:#392341}@media(max-width:650px){aside{background:#19141f;border-color:#45324f}nav button{display:block;padding:3px 2px;color:#c3b1d0}nav button .navicon{display:flex;margin:0 auto 4px;width:29px;height:29px;border-radius:8px}nav button .navicon svg{width:19px;height:19px}nav button.active{background:#38263f;color:white;box-shadow:none}#demoBanner{font-size:9px;align-items:flex-start}#demoBanner button{font-size:9px;max-width:100px}.stats span{font-size:7px}}

nav button.active{border:1px solid #b98863;box-shadow:none}.avatar{border-width:1px}#customStore[hidden]{display:none}#filters{gap:8px}#filters button{min-height:36px}#filters button.active{background:#3b3048;border:1px solid #bb8e67}
.weekboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:26px;background:radial-gradient(#55495e 1px,transparent 1px) 0 0/18px 18px,#231d2b}.daycard{position:relative;min-height:160px;background:#3a3045;border:1px solid #695376;border-radius:6px;padding:24px 18px 16px;box-shadow:0 5px 9px #0003;transform:rotate(-1deg);display:flex;flex-direction:column;gap:14px}.daycard:nth-child(2n){background:#29433f;border-color:#52746c;transform:rotate(1deg)}.daycard:nth-child(3n){background:#463344;border-color:#805876}.daycard .mealday{display:flex;gap:10px;align-items:baseline}.daycard .name{font-size:17px;line-height:1.6;font-weight:500}.daycard .edit{margin-top:auto;align-self:flex-end;min-width:44px;min-height:44px}.magnet{position:absolute;top:8px;left:calc(50% - 5px);width:10px;height:10px;background:#ffb46d;border-radius:50%;box-shadow:0 2px 4px #0005}.stocksummary,.prepsummary{margin:16px 22px;padding:18px;border:1px solid #51405e;border-radius:10px;background:#2a2132;font-size:12px;line-height:1.8}.stocksummary small,.prepsummary small{display:block;color:#b3a4bd;font-size:10px}.prepsummary{background:#1d3433;border-color:#395d59}.prepsummary h3{font-size:20px;margin:10px 0}.prepsummary a{color:#b4e8d9}.prepsummary button{margin:12px 0}.photoDetails{display:block;background:none;border:0;color:#d7b5e9;font-size:11px;padding:12px 0;text-align:left;min-height:40px}.instructions{white-space:pre-wrap}.photoGallery img{max-width:100%;border-radius:8px;margin:8px 0}.photoGallery a{display:block}#photoPreview{display:flex;gap:10px;flex-wrap:wrap}#photoPreview img{width:95px;height:95px;object-fit:cover;border-radius:6px}#photoPreview button{display:block;background:none;border:0;color:#f2bed1;font-size:11px;padding:8px}#cameraInput[hidden]{display:none}.navicon.prep{background:#29443d;color:#b9e3c3}@media(max-width:650px){.weekboard{padding:16px;gap:12px}.daycard{min-height:150px;padding:23px 13px 12px}.daycard .name{font-size:14px}.stocksummary,.prepsummary{margin:14px;padding:15px}nav button{font-size:8px}nav button .navicon{width:26px;height:26px}}
/* One work area, without repeated sidebar prompts. */
.content{grid-template-columns:minmax(0,1fr)}.rail{display:none}.primary,.secondary,nav button{border-radius:13px}.avatar{border-radius:15px}input,select,textarea{border-radius:12px}#filters button{border-radius:12px}.check{border-radius:8px}.basket{transform:none;padding-right:24px}.basket svg{display:block;width:90px;height:90px;color:#ffab65}.basket span{margin-top:5px}.weekboard{grid-template-columns:repeat(3,minmax(0,1fr))}.daycard{min-height:170px;border-radius:12px}.budgetOverview{display:flex;gap:55px;align-items:center;padding:35px}.budgetChart{width:230px;height:230px;border-radius:50%;flex-shrink:0}.budgetNumbers{flex:1}.budgetNumbers h3{font-size:16px;font-weight:500}.budgetNumbers h3 strong{display:block;font-size:30px;margin:12px 0}.budgetNumbers p{display:flex;justify-content:space-between;max-width:320px;gap:20px;color:#b9a9c4}.budgetNumbers p b{color:#f6ecfc}.storeTotals,.expenseList{padding:10px 35px 25px}.storeTotals h3,.expenseList h3{font-size:15px}.storeTotals p{color:#b3a4bd;font-size:12px}.storeTotal{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.storeTotal>span{width:12px;height:12px;border-radius:4px}.storeTotal strong{margin-left:auto}.expenseRow{width:100%;border:0;border-top:1px solid var(--line);background:none;display:flex;justify-content:space-between;gap:15px;color:#d8cadf;padding:16px 0;text-align:left}.expenseRow b{white-space:nowrap}@media(max-width:850px){.weekboard{grid-template-columns:repeat(2,minmax(0,1fr))}.budgetOverview{gap:25px;padding:25px}.budgetChart{width:170px;height:170px}}@media(max-width:650px){.primary,.secondary,nav button{border-radius:12px}.basket{padding-right:0}.basket svg{width:60px;height:60px}.budgetOverview{flex-direction:column;align-items:stretch}.budgetChart{width:190px;height:190px;align-self:center}.budgetNumbers h3 strong{font-size:26px}.storeTotals,.expenseList{padding:10px 23px 23px}}
.intro[hidden],.stats[hidden]{display:none}
/* Compact everyday flow: list and capture come first. */
main{padding-top:24px}header{margin-bottom:22px}.appcontext{display:flex;align-items:center;gap:12px;font:700 17px Manrope,sans-serif}.appcontext img{width:33px;height:33px}.appcontext small{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:0;margin-top:4px;color:var(--muted)}.house{margin:26px 0 20px;padding:13px 12px}.sidefoot small{display:block;margin-top:12px}.panelhead{padding:22px 25px 12px}.panelhead .eyebrow{display:none}.panelhead h2{margin:0;font-size:24px}.panelhead #add{background:transparent;border:1px solid #695373;color:#d8c8e4;font-weight:500}.quickAdd{display:grid;grid-template-columns:minmax(0,1fr) 110px 48px;gap:10px;margin:10px 25px 20px;align-items:center}.quickAdd input{margin:0;min-width:0;height:50px;background:#241c2d;border:1px solid #695274;font-size:15px}.quickAdd #quickSave{height:50px;font-size:24px;padding:0}.quickAdd[hidden]{display:none}#quickError{grid-column:1/-1;color:#ed9b9b;font-size:12px;margin:0}#quickError:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#filters{padding-bottom:16px}.row{min-height:70px}.panelbottom{padding-top:13px;padding-bottom:13px}footer{margin-top:22px;font-size:10px;justify-content:flex-end}footer>button:first-of-type{margin-left:auto}@media(max-width:650px){main{padding-top:18px}header{margin-bottom:18px}.appcontext{font-size:16px}.avatar{width:42px;height:42px}.panelhead{padding:18px 16px 12px;gap:8px}.panelhead h2{font-size:21px}.panelhead #add{font-size:10px;min-height:40px}.quickAdd{grid-template-columns:minmax(0,1fr) 72px 44px;gap:7px;margin:5px 16px 17px}.quickAdd input{font-size:16px;height:48px;padding:10px}.quickAdd #quickSave{height:48px}#filters{padding-left:16px;padding-right:16px}footer{margin-top:18px}}
.panelhead #add{background:var(--orange);border:1px solid transparent;color:#2c1931;font-weight:700;min-height:44px}.panelhead{padding-bottom:16px}.row{padding:12px 20px;min-height:64px;gap:12px}.row .name{font-size:14px}.row small{margin-top:4px;font-size:11px}.row .amount{font-size:12px}.tag{font-size:10px;padding:5px 8px}.check{width:26px;height:26px;position:relative}.check::after{content:'';position:absolute;inset:-9px}.edit{min-width:44px;min-height:44px}#filters button{min-height:44px;padding:10px 14px}.weekboard{padding:20px;gap:14px}.daycard{min-height:150px;padding-top:22px}.stocksummary,.prepsummary{margin:12px 20px;padding:15px}.budgetOverview{padding:24px 28px}.storeTotals,.expenseList{padding:6px 28px 20px}.storeTotal{padding:12px 0}.panelbottom{padding-left:20px;padding-right:20px}.panelhead h2{font-size:22px}@media(max-width:650px){.row{padding:10px 16px;min-height:64px;gap:10px}.row .amount{font-size:12px}.row .name{font-size:14px}.panelhead h2{font-size:19px}.panelhead #add{min-height:44px}.weekboard{padding:14px;gap:12px}#filters{gap:7px;padding-bottom:12px}.panelbottom{padding-left:16px;padding-right:16px}.panelbottom span:last-child{display:none}}
.row>div:first-of-type{min-width:0}.row .name{overflow-wrap:anywhere}.row .amount{flex-shrink:0}@media(max-width:650px){.row .amount{max-width:110px;white-space:normal;text-align:right}.row .amount .tag{display:inline-block;margin-top:3px}}
.brand span{font:10px 'DM Sans',sans-serif;letter-spacing:.3px;text-transform:none}.dashboard{padding:0 22px 22px}.dashboardWelcome{display:flex;align-items:center;justify-content:space-between;background:#30263b;border:1px solid #51405f;border-radius:14px;padding:22px 25px;margin-bottom:18px}.dashboardWelcome h2{font-size:25px;margin:8px 0}.dashboardWelcome p{color:#c5b6ce;font-size:12px;margin:0}.dashboardBasket svg{width:65px;height:65px;color:#ffab65}.dashboardStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.dashboardStats button{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:6px 12px;text-align:left;border:1px solid #45354f;border-radius:13px;background:#241d2d;padding:18px;color:#f3edf7}.dashboardStats .navicon{grid-row:1/3}.dashboardStats strong{font:700 28px Manrope;color:#ffb477}.dashboardStats button>span:last-child{font-size:11px;color:#c5b6ce}.dashboardSections{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dashboardSections>section{border:1px solid #45354f;border-radius:13px;padding:19px}.dashSectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px}.dashSectionHead h3{font-size:14px}.dashSectionHead button{background:none;border:0;color:#d4b6e2;font-size:11px;min-height:44px}.dashItem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #39303f}.dashItem span{font-size:13px}.dashItem small{font-size:11px;color:#b5a4c1;text-align:right}.dashboardSections p{font-size:12px;color:#b5a4c1;line-height:1.7}.dashboardSections .primary{margin-top:16px}.navicon.home{background:#3d2e47;color:#ffbc7e}@media(max-width:650px){.dashboard{padding:0 14px 14px}.dashboardWelcome{padding:16px;margin-bottom:12px}.dashboardWelcome h2{font-size:21px}.dashboardBasket svg{width:45px;height:45px}.dashboardStats{gap:7px;margin-bottom:12px}.dashboardStats button{display:flex;flex-direction:column;align-items:flex-start;padding:12px;gap:8px}.dashboardStats button>span:last-child{font-size:10px}.dashboardStats strong{font-size:24px}.dashboardSections{grid-template-columns:1fr;gap:12px}.dashboardSections>section{padding:14px}nav{overflow-x:auto;justify-content:flex-start;gap:3px}nav button{flex:0 0 53px;min-height:56px}.dashboardWelcome p{font-size:11px}}
/* Local preview: inset accent on the selected navigation entry. */
nav button{position:relative}nav button.active{border-color:transparent;box-shadow:none;padding-left:22px;background:#392b40}nav button.active::before{content:'';position:absolute;left:7px;top:12px;bottom:12px;width:4px;border-radius:4px;background:#ffab65}@media(max-width:650px){nav button.active{padding-left:2px}nav button.active::before{left:5px;top:9px;bottom:9px;width:3px}}
nav button .navlabel{min-width:0;flex:1;margin:0;font-size:14px;line-height:1.4}nav button .navlabel small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bbadca;font-size:10px;font-weight:400;margin-top:4px}nav button.active{min-height:62px}#filters button{position:relative;min-width:86px;min-height:44px;padding:10px 20px;border:1px solid #3b3245;border-radius:12px;box-shadow:none}#filters button.active{border-color:#3b3245;background:#3b3048;box-shadow:none}#filters button.active::after{content:'';position:absolute;right:7px;top:11px;bottom:11px;width:3px;border-radius:3px;background:#ffab65}@media(max-width:650px){nav button .navlabel{font-size:8px}nav button .navlabel small{display:none}nav button.active{min-height:56px}#filters{gap:8px}#filters button{min-width:80px;padding:10px 18px}}
.accountActions{display:flex;gap:8px}.accountButton{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 13px;background:#292130;border:1px solid #4b3c57;border-radius:12px;color:#e7d7ef;font-size:12px}.accountButton svg{width:20px;height:20px}.accountButton[hidden],#supportReportLabel[hidden]{display:none}aside nav{margin-top:30px}@media(max-width:650px){.accountActions{gap:6px}.accountButton{font-size:10px;padding:9px;gap:5px}.accountButton svg{width:18px}.appcontext{font-size:14px}.appcontext img{width:28px;height:28px}aside nav{margin-top:0}}
.accountIcon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#43304e;color:#ffab65;flex-shrink:0}.accountIcon svg{width:21px;height:21px}#logout.accountButton{padding:6px 12px 6px 6px;gap:9px}@media(max-width:650px){.accountIcon{width:30px;height:30px}#logout.accountButton{padding:6px 9px 6px 6px}}
.spaceTools{display:flex;gap:12px;align-items:center;margin:0 0 18px;font-size:12px;color:#bbaaca}.spaceTools select{margin:0;width:auto;max-width:260px;min-height:44px}.spaceTools .secondary{width:auto;min-height:44px;margin-left:auto}#readingTools{display:flex;align-items:center;gap:10px;padding:0 25px 15px}#readingTools .secondary{width:auto;min-height:44px;margin:0}#readingTools[hidden],#stopReading[hidden]{display:none}#readingStatus{font-size:11px;color:#c2b0cf}.budgetSource,.budgetConnection{font-size:11px;color:#bca8c7;line-height:1.6}label:has(input[type=checkbox]){display:flex;gap:10px;align-items:center}input[type=checkbox]{width:22px;height:22px;margin:0}@media(max-width:650px){.spaceTools{flex-wrap:wrap;gap:8px;margin-bottom:12px}.spaceTools>label{display:none}.spaceTools select{max-width:180px;flex:1;font-size:12px}.spaceTools .secondary{font-size:10px;padding:10px}#readingTools{padding:0 16px 12px;flex-wrap:wrap}}
.accountButton{border-color:transparent;background:#44334e;padding:7px 12px;min-height:46px}.accountButton .accountIcon{background:#594060;color:#ffb477}#chooseHousehold{gap:10px;padding:7px 14px 7px 7px}#householdLabel{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.householdChevron{padding-left:5px;color:#e3c6f1;font-size:18px}.householdChoices{display:grid;gap:10px}.householdChoice{display:flex;align-items:center;gap:12px;position:relative;min-height:64px;padding:12px 16px;border:0;border-radius:12px;background:#32243d;color:#f4e8fc;text-align:left}.householdChoice>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.householdChoice small{display:block;color:#bca9c9;font-size:11px;margin-top:4px}.householdChoice.selected{background:#4a3556;padding-left:22px}.householdChoice.selected::before{content:'';position:absolute;left:8px;top:14px;bottom:14px;width:3px;border-radius:3px;background:#ffab65}.avatarChoices{display:flex;gap:10px;flex-wrap:wrap}.avatarChoices button{width:46px;height:46px;border:0;border-radius:12px;background:#493451;color:#ffc081;font-size:24px}.listActions{display:flex;gap:10px;align-items:center}.listActions .secondary{width:auto;margin:0;min-height:44px;font-size:11px}#checkout[hidden]{display:none}.checkoutItems{border:1px solid #564360;border-radius:12px;padding:10px 14px}.checkoutItems label{font-size:14px;margin:12px 0}.checkoutItems small{margin-left:auto;color:#ad9eb7}.checkoutItems input{flex-shrink:0}@media(max-width:650px){.appcontext>span{display:none}.accountActions{margin-left:auto}.accountButton{padding:6px;gap:6px}#chooseHousehold{padding:6px 9px 6px 6px;gap:7px}#householdLabel{max-width:103px;font-size:11px}.householdChevron{padding-left:2px}.accountActions #family>span{display:none}.accountActions #family{width:44px}.listActions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.listActions .secondary{font-size:10px;padding:9px}.panelhead{align-items:flex-start}.panelhead h2{padding-top:10px}}
/* LÄUFT. palette. Supplied logo and decorative artwork remain pending. */
:root{--plum:#E9F0EF;--orange:#A5E6D0;--muted:#9bacad;--line:#34464a;color-scheme:dark}html,body{background:#13191C;color:#E9F0EF}aside{background:#172125;border-color:#304044}.brand{padding-left:0;color:#E9F0EF;font-size:26px;letter-spacing:1px}.brand span{letter-spacing:0;font-size:11px}.appcontext{color:#E9F0EF;font-size:20px}.panel{background:#192529;border-color:#34464a}.primary,.panelhead #add{background:#A5E6D0;color:#153c3b}.secondary,.accountButton{background:#23454a;color:#E9F0EF;border-color:#3b5c61}nav button.active{background:#25464b;color:#E9F0EF}nav button.active::before,#filters button.active::after,.householdChoice.selected::before{background:#A5E6D0}.navicon,.accountIcon,.accountButton .accountIcon,.navicon.home,.navicon.meal,.navicon.recipe,.navicon.pantry,.navicon.wish,.navicon.prep,.navicon.budget{background:#075B62;color:#A5E6D0}nav button .navlabel small{color:#b8ccca}#filters button{background:#1f3035;border-color:#34464a;color:#c5d4d1}#filters button.active{background:#075B62;border-color:#075B62;color:#E9F0EF}.row{border-color:#304045}.row small,.row .amount,.panelbottom{color:#aabebc}.tag{background:#26474b;color:#A5E6D0}.check{background:#20353a;border-color:#567573}.done .check{background:#075B62;border-color:#5eaa97}.edit,.photoDetails{color:#A5E6D0}.dashboardWelcome{background:#163a40;border-color:#30565c}.dashboardStats button{background:#1b3035;border-color:#345158}.dashboardStats strong{color:#A5E6D0}.dashboardStats button>span:last-child,.dashboardWelcome p{color:#bbceca}.dashboardSections>section{border-color:#345158}.dashItem{border-color:#34464a}.dashSectionHead button,.dashItem small{color:#abc8c2}.daycard{background:#203a40;border-color:#456269;box-shadow:none}.daycard:nth-child(2n){background:#24453f;border-color:#486b62}.daycard:nth-child(3n){background:#30454a;border-color:#536b70}.magnet{background:#A5E6D0}.weekboard{background:#15282e}.stocksummary,.prepsummary{background:#203b3e;border-color:#3b5f61}.householdChoice{background:#213c42}.householdChoice.selected{background:#075B62}.avatarChoices button{background:#075B62;color:#A5E6D0}dialog{background:#1b2b30;border-color:#47646a;color:#E9F0EF}input,select,textarea{background:#14272d;border-color:#456369;color:#E9F0EF}.authhint,label{color:#b9cdca}.authicon{background:#075B62;color:#A5E6D0}#toast{background:#A5E6D0;color:#133f3c}.budgetNumbers p b{color:#E9F0EF}.budgetNumbers p,.budgetSource,.budgetConnection{color:#b6cbc7}.brand img{display:none}@media(max-width:650px){aside{background:#172125}nav button.active{background:#075B62}}
#listTools{display:flex;gap:8px;padding:0 25px 14px;flex-wrap:wrap}#listTools .secondary{width:auto;min-height:44px;margin:0;font-size:11px}#chooseList{flex:1;text-align:left;min-width:180px}#selectionBar{display:flex;align-items:center;gap:8px;padding:12px 25px;background:#075B62;flex-wrap:wrap}#selectionBar .secondary{width:auto;min-height:44px;margin:0;font-size:11px}#selectionCount{font-size:12px;margin-right:auto}#selectionBar[hidden],#listTools[hidden],#shareList[hidden],#previewAccount[hidden]{display:none}.itemSelection{width:22px;height:22px;min-width:22px;margin:0;accent-color:#A5E6D0}.accountButton svg{width:20px;height:20px}.householdChoice small{color:#b8cfca}input[type=radio]{width:20px;height:20px;display:inline-block;vertical-align:middle;margin:0 10px 0 0;accent-color:#A5E6D0}fieldset{border:1px solid #456369;border-radius:10px;margin:12px 0}button:disabled{opacity:.45;cursor:default}.brand{font-family:Manrope,sans-serif;font-weight:800}.budgetChart{background-color:#34464a}@media(max-width:650px){#listTools{padding:0 16px 12px;gap:7px}#chooseList{flex-basis:100%}#selectionBar{position:sticky;top:0;padding:12px 16px;z-index:3}#previewAccount{font-size:9px;max-width:78px}.accountActions{gap:4px}#householdLabel{max-width:70px}.accountButton{font-size:9px}header{gap:8px}.brand span{font-size:10px}}
.selectHit{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;margin:0;padding:0;cursor:pointer}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permissionGrid fieldset{margin:0}.permissionGrid label{font-size:12px}.memberRow{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #34464a;padding:12px 0}.memberRow small{display:block;color:#9fbab5;font-size:11px;margin-top:4px}.memberRow .secondary{width:auto;margin:0}.empty b{color:#E9F0EF}.empty{color:#b5c9c4}@media(max-width:650px){.appcontext>span{display:block;max-width:64px;font-size:14px}.appcontext small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}#householdLabel{max-width:58px}.permissionGrid{grid-template-columns:1fr}}

/* Persönliche Ansichten: vorhandene Farben und Komponenten beibehalten. */
.personalNav{display:grid;gap:6px;margin-top:12px}.personalNav button{text-align:left;min-height:44px;background:#203438;color:#E9F0EF;border:0;border-radius:10px;padding:10px 14px}
.personalDashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.personalDashboard>.dashboardStats{grid-column:1/-1}.personalDashboard>section{background:#1b282c;border-radius:14px;padding:18px;min-width:0}
.dashboardOrderRow{display:flex;align-items:center;gap:8px;margin:8px 0}.dashboardOrderRow label{display:flex;align-items:center;gap:10px;flex:1;margin:0;min-height:44px}.dashboardOrderRow input{width:22px;height:22px}.dashboardOrderRow button{min-width:44px;min-height:44px}
.stockShelf{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stockShelf>.stocksummary{grid-column:1/-1}.stockShelf>.row{display:flex;flex-wrap:wrap;align-content:space-between;min-height:170px;background:#203438;border-bottom:7px solid #46615d;border-radius:12px;padding:16px}.stockShelf>.row>div:nth-child(1){flex:1 1 100%}.stockShelf .amount{white-space:normal}
.weekboard.dayList{display:grid;grid-template-columns:1fr}.dayList .daycard{min-height:80px;display:flex;align-items:center;gap:16px}.dayList .name{flex:1}
body[data-font="handwriting"] .content{font-family:"Segoe Print","Bradley Hand","Chalkboard SE",cursive}
@media(max-width:760px){.personalNav{display:flex;margin:6px 0;gap:8px;flex-wrap:wrap}.personalNav button{flex:1;white-space:nowrap}.personalDashboard{grid-template-columns:1fr}.stockShelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stockShelf>.row{padding:12px;min-height:160px}.dayList .daycard{gap:10px}}
body[data-font="handwriting"] .content h2,body[data-font="handwriting"] .content h3{font-family:inherit}
@media(max-width:650px){aside{height:128px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.personalNav{margin:4px 2px 0;flex-wrap:nowrap}.personalNav button{font-size:11px;padding:8px;min-height:44px}main{padding-bottom:146px}.stockShelf .stocksummary{min-width:0}}
@media(min-width:651px){aside{overflow-y:auto}.personalNav{flex-shrink:0}}

@media(max-width:650px){aside{height:calc(128px + env(safe-area-inset-bottom))}main{padding-bottom:calc(146px + env(safe-area-inset-bottom))}}
/* Moodboard, Variante 3: dunkle Karten; Mint gezielt statt flächig. */
:root{--line:#303c40}
aside{background:#13191C;border-color:#303c40}
.panel{background:#161e22;border-color:#303c40}
.dashboardWelcome{background:#182125;border-color:#303c40;padding:20px 24px;margin-bottom:16px}
.dashboardWelcome .eyebrow{color:#A5E6D0}
.dashboardWelcome .secondary{width:auto;min-height:44px;margin-top:14px;padding:10px 14px;background:#202e32}
.dashboardStats{margin-bottom:0;gap:12px}
.dashboardStats button{background:#1c2529;border:1px solid #344045;border-radius:12px;box-shadow:none}
.dashboardStats strong{color:#E9F0EF}
.dashboardStats .navicon{background:transparent;color:#A5E6D0}
.personalDashboard{gap:12px}
.personalDashboard>section{background:#1b2428;border:1px solid #344045;border-radius:12px;padding:18px}
.dashSectionHead h3{color:#E9F0EF}
.dashItem{border-color:#303c40;min-height:44px}
.primary,.panelhead #add{background:#A5E6D0;color:#132b29;border-radius:10px;box-shadow:none}
.secondary,.accountButton,.personalNav button{background:#202c30;color:#E9F0EF;border-color:#36464a}
nav button.active{background:#174448;color:#E9F0EF;border-color:transparent}
nav button.active::before{background:#A5E6D0}
.row{border-color:#303c40}
.daycard,.daycard:nth-child(2n),.daycard:nth-child(3n){background:#1d292d;border-color:#3a4a4e}
.weekboard{background:#161e22}
.stocksummary,.prepsummary{background:#1d2c30;border-color:#34474b}
.stockShelf>.row{background:#1d292d;border-bottom-color:#42645e}
@media(max-width:650px){.dashboardWelcome{padding:16px}.personalDashboard>section{padding:14px}.dashboardStats button{padding:12px}nav button.active{background:#174448}}
/* Dashboard and personal views: restrained surfaces, existing palette. */
main[data-view="home"] .panel{background:transparent;border:0;overflow:visible}
main[data-view="home"] .panelhead,main[data-view="home"] .panelbottom{display:none}
main[data-view="home"] .dashboard{padding:0}
.dashboardWelcome{background:transparent;border:0;padding:4px 0 20px;gap:16px;align-items:center;margin:0}
.dashboardWelcome h2{margin:0 0 7px;font-size:28px;line-height:1.25}.dashboardWelcome .secondary{margin:0;flex-shrink:0;font-size:11px}
.personalDashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.dashboardStats button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:18px;min-height:140px}
.dashboardStats strong{font-size:28px;margin:0}.dashboardStats .navicon{width:30px;height:30px;border-radius:0;background:none}
.personalDashboard>.dashBlock{min-width:0;padding:18px;background:#1b2428;border:1px solid #344045;border-radius:12px}
.personalDashboard>.dash-stock,.personalDashboard>.dash-wishes,.personalDashboard>.dash-week{background:transparent;border:0;border-top:1px solid #303c40;border-radius:0;padding:16px 0}
.dashSectionHead{gap:12px}.dashSectionHead h3{margin:0;font-size:15px}.dashSectionHead button{min-height:44px;flex-shrink:0}
.dashItem{gap:14px}.dashItem small{text-align:right;overflow-wrap:anywhere}.dash-shopping>.primary{margin-top:14px;min-height:44px}
.todayDish{display:flex;flex-direction:column;gap:10px;margin-top:12px}.todayDish img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px}.todayDish strong{font-size:17px}.quiet{font-size:12px;color:#aabebc;line-height:1.6}
nav button .navicon,.accountButton .accountIcon{background:transparent;color:#A5E6D0}
.weekboard,.weekboard.dayList{display:block;padding:0 18px 18px;background:transparent}
.weekControls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 16px}.weekControls .secondary{width:auto;min-width:44px;min-height:44px;margin:0}.weekControls strong{font-size:14px;margin-right:auto}
.calendarDays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch}
.calendarDay{min-width:0;display:flex;flex-direction:column;padding:12px 9px;background:#1c282c;border:1px solid #344045;border-radius:10px;min-height:200px}
.calendarDay.isToday{background:#203337;border-color:#A5E6D0}
.calendarDate{display:flex;flex-direction:column;gap:6px;padding-bottom:12px}.calendarDate b{font-size:12px;overflow-wrap:anywhere}.calendarDate span{font-size:12px;color:#aabebc}
.dayMeals{flex:1}.calendarMeal{display:flex;gap:4px;align-items:flex-start;border-top:1px solid #344045;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.calendarMeal>span{flex:1;min-width:0}.calendarMeal .edit{padding:8px 4px;min-height:44px;min-width:32px}
.dayAdd{min-height:44px;border:0;border-radius:8px;background:#203c3f;color:#A5E6D0;font-size:12px;width:100%;margin-top:12px}
.dayList .calendarDays{grid-template-columns:1fr}.dayList .calendarDay{display:grid;grid-template-columns:120px minmax(0,1fr) 100px;gap:16px;min-height:90px;align-items:start;padding:14px}.dayList .dayAdd{margin:0}.dayList .calendarMeal:first-child{border:0;padding-top:0}
.stockShelf{display:block;padding:0 20px 20px}.stockShelf>.stocksummary{margin:8px 0 18px}
.shelfLevel{margin:0 0 26px}.shelfLevel h3{font-size:14px;margin:10px 0 14px;color:#A5E6D0}
.shelfProducts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-bottom:8px solid #42645e;padding:0 6px 14px;box-shadow:0 5px 0 #203337}
.shelfProduct{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:155px;padding:8px 10px;background:#1d292d;border-radius:9px 9px 0 0}
.shelfProduct strong{font-size:14px;overflow-wrap:anywhere}.shelfProduct>span,.shelfProduct small{font-size:12px;color:#b9cdca;overflow-wrap:anywhere}
.productPhoto{background:transparent;border:0;padding:0;width:100%;min-height:44px}.productPhoto img{display:block;width:100%;height:100px;object-fit:contain;border-radius:6px}.productActions{display:flex;justify-content:space-between;align-items:center}.productActions button{min-height:44px;margin:0}
body[data-font="handwriting"] .content,body[data-font="handwriting"] .content button,body[data-font="handwriting"] #fields,body[data-font="handwriting"] #fields input,body[data-font="handwriting"] #fields select,body[data-font="handwriting"] #fields textarea{font-family:"Segoe Print","Bradley Hand","Chalkboard SE",cursive}
@media(max-width:1100px){.calendarDays{gap:5px}.calendarDay{padding:10px 6px}.calendarDate b{font-size:11px}.shelfProducts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.personalDashboard{grid-template-columns:1fr}.dashboardWelcome{padding-bottom:16px;align-items:flex-start}.dashboardWelcome h2{font-size:24px}.dashboardWelcome .secondary{max-width:120px}.dashboardStats button{min-height:120px;padding:12px 8px}.dashboardStats strong{font-size:25px}.calendarDays{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendarDay{min-height:160px;padding:12px}.calendarDate{flex-direction:row;align-items:center;justify-content:space-between}.calendarDate b{font-size:12px}.calendarDay:last-child{grid-column:1/-1}.dayList .calendarDay{display:flex;min-height:110px;gap:8px}.dayList .calendarDay:last-child{grid-column:auto}.dayList .dayAdd{width:auto;align-self:flex-start;padding:10px 14px}.shelfProducts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stockShelf{padding:0 14px 18px}.weekboard{padding:0 14px 18px}.weekControls{gap:7px}.weekControls strong{font-size:12px;order:-1;flex-basis:100%}}
.calendarMeal .edit{min-width:44px}
/* Additional supplied reference: compact metrics and a visible weekly strip. */
.personalDashboard{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.personalDashboard>.dashboardStats{grid-column:span 12;grid-template-columns:repeat(4,minmax(0,1fr))}
.personalDashboard>.dash-cook,.personalDashboard>.dash-week{grid-column:span 6}
.personalDashboard>.dash-shopping,.personalDashboard>.dash-stock,.personalDashboard>.dash-wishes{grid-column:span 4}
.dashboardStats button{display:grid;grid-template-columns:34px 1fr;gap:5px 14px;text-align:left;align-content:center;justify-items:start;min-height:98px;padding:16px}
.dashboardStats .navicon{grid-column:1;grid-row:1/3}.dashboardStats strong{grid-column:2;font-size:27px}.dashboardStats button>span:last-child{grid-column:2;font-size:12px}
.personalName{color:#A5E6D0}.dashboardWelcome{padding:6px 0 22px}.dashboardWelcome h2{font-size:32px}
.todayDish{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.todayDish:has(img){grid-template-columns:46% minmax(0,1fr);column-gap:16px}.todayDish img{grid-column:1;grid-row:1/4;aspect-ratio:1;min-height:130px}.todayDish strong{align-self:end}.todayDish .photoDetails{align-self:start}
.dashboardWeek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.miniDay{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;min-width:0;min-height:125px;background:#1c2b2f;color:#E9F0EF;border:0;border-radius:9px;text-align:center}.miniDay b{font-size:12px}.miniDay small{color:#aabebc;font-size:10px}.miniDay span{font-size:10px;overflow-wrap:anywhere;line-height:1.4}.miniDay img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}
nav button .navicon{width:27px;height:30px;border-radius:0}nav button .navicon svg{width:23px;height:23px}
@media(max-width:1100px){.personalDashboard>.dashBlock{grid-column:span 6}.dashboardStats button{gap:5px 8px;padding:12px}.dashboardStats button>span:last-child{font-size:11px}.dashboardStats .navicon{width:26px}.dashboardWeek{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.personalDashboard>.dashBlock{grid-column:span 12}.personalDashboard>.dashboardStats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboardStats button{min-height:85px;grid-template-columns:30px 1fr;padding:12px}.dashboardWelcome h2{font-size:26px}.dashboardWeek{grid-template-columns:repeat(7,minmax(58px,1fr));overflow-x:auto;padding-bottom:6px}.miniDay{min-height:120px}.todayDish:has(img){grid-template-columns:40% minmax(0,1fr)}.todayDish img{min-height:110px}nav button .navicon{width:26px;height:26px}}

/* Freigegebenes Logo, V2: echter Textclaim für Lesbarkeit bei schmaler Navigation. */
.brand{display:block;padding:0;letter-spacing:0}.brand img.brandLogo{display:block;position:static;width:100%;height:auto;max-width:198px}.brand span.brandClaim{display:block;font:12px 'DM Sans',sans-serif;letter-spacing:.15px;margin:8px 0 0;color:#E9F0EF;white-space:nowrap}.brandClaim em{color:#F18AA7;font-style:normal}
.appcontext{gap:12px;min-width:0}.appcontext img.headerLogo{display:block;position:static;width:106px;height:auto;flex-shrink:0}.appcontext>span{font-size:14px;max-width:150px}.appcontext small{color:#aabebc}
@media(max-width:1100px){.brand img.brandLogo{max-width:169px}.brand span.brandClaim{font-size:11px}}
@media(max-width:650px){.brand{display:none}.appcontext{gap:0}.appcontext img.headerLogo{width:76px;height:auto}.appcontext>span{display:none}header{gap:6px}.accountActions{flex-wrap:wrap;justify-content:flex-end}}

/* Größeres Navigationslogo: weniger Datei-Leerraum, Navigation bleibt gleich breit. */
@media(min-width:651px){.brand{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.brand img.brandLogo{width:100%;max-width:none}.brand span.brandClaim{margin-left:12px;margin-top:10px}}
@media(max-width:650px){.appcontext img.headerLogo{width:96px}}
/* Magnettafel: persönliche Vorschau, unveränderte App-Navigation und Farbwelt. */
.magneticSurface{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:20px 14px;background:#13191C;border:1px solid #344045;border-radius:14px;align-items:stretch}
.magnetDay{min-width:0;display:flex;flex-direction:column;min-height:300px;border-right:1px solid #303c40;padding-right:10px}.magnetDay:last-child{border:0;padding-right:0}.magnetDay .calendarDate b{font-size:12px}.dayMagnets{flex:1;padding:12px 2px}.dishMagnet{position:relative;border-radius:8px;padding:17px 10px 8px;margin:0 0 16px;box-shadow:0 3px 5px #0005;transform:rotate(-1.6deg);overflow-wrap:anywhere}.dishMagnet:nth-child(even){transform:rotate(1.4deg)}.dishMagnet::before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;top:6px;left:calc(50% - 3px);background:currentColor;opacity:.6}.dishMagnet strong{font-size:13px;line-height:1.5;display:block}.dishMagnet small,.savedMagnet small{display:block;font-size:10px;margin-top:8px}
.color-mint{background:#A5E6D0;color:#13191C}.color-petrol{background:#075B62;color:#E9F0EF}.color-pink{background:#F18AA7;color:#13191C}.color-gray{background:#E9F0EF;color:#13191C}.color-anthracite{background:#203337;color:#E9F0EF}
.magnetActions{display:flex;flex-wrap:wrap;margin:6px -4px 0}.magnetActions button{background:none;border:0;color:inherit;min-width:44px;min-height:44px;padding:6px;font-size:18px}.magnetEmpty{font-size:11px;color:#aabebc;line-height:1.6}.magnetLibrary{padding:18px 0 0}.magnetLibrary .secondary{width:auto;min-height:44px}.magnetTray{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.savedMagnet{display:flex;align-items:center;border-radius:9px;min-width:140px;max-width:240px}.savedMagnet>button{color:inherit;background:none;border:0;min-height:64px;padding:12px;text-align:left}.savedMagnet>button:first-child{flex:1}.savedMagnet .magnetEdit{min-width:44px}.recipeMagnet{border:1px solid #344045;background:#203337;color:#E9F0EF;border-radius:9px;padding:12px;min-height:44px}.magnetBoard [draggable=true]{cursor:grab}.magnetBoard [data-drop-day]:hover{background:#192529;border-radius:8px}
@media(max-width:1150px) and (min-width:761px){.magneticSurface{grid-template-columns:repeat(4,minmax(0,1fr))}.magnetDay{min-height:220px}}
@media(max-width:760px){.magneticSurface{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 12px}.magnetDay{min-height:190px;padding:0;border:0}.magnetDay:last-child{grid-column:1/-1}.magnetDay .calendarDate{flex-direction:column;align-items:flex-start;gap:5px}.dishMagnet{padding:20px 12px 8px}.magnetLibrary .dashSectionHead{flex-wrap:wrap}.savedMagnet{max-width:100%;flex:1 1 140px}.magnetActions button{min-height:44px;min-width:44px}}

.magnetPreviewNotice{background:#203337;border-radius:10px;padding:12px 16px;margin-bottom:12px;color:#E9F0EF;font-size:12px;line-height:1.6}.magnetPreviewNotice strong{color:#A5E6D0;margin-right:10px}#toggleMagnetSamples[aria-pressed="true"]{background:#075B62;color:#E9F0EF}
/* Ruhige digitale Magnettafel – Farblogik und Datenmodell unverändert. */
main[data-view="meal"]:has(.magnetBoard) .panelhead{padding-bottom:6px}main[data-view="meal"]:has(.magnetBoard) #readingTools{padding-top:0;padding-bottom:6px}
.boardToolbar{display:flex;align-items:center;gap:10px;margin:0 0 12px;position:relative;z-index:20;flex-wrap:wrap}.boardWeek{display:flex;align-items:center;gap:10px;margin-right:auto}.boardWeek strong{font-size:15px;font-weight:600;white-space:nowrap}.boardToolbar .secondary{width:auto;min-height:44px;margin:0;padding:9px 12px}
.boardTools>summary{list-style:none;min-height:44px;display:flex;align-items:center;cursor:pointer;border:1px solid #344045;border-radius:10px;padding:9px 14px;color:#E9F0EF;font-size:12px}.boardTools summary::-webkit-details-marker,.magnetMenu summary::-webkit-details-marker{display:none}.boardTools>div{position:absolute;right:0;top:calc(100% + 6px);min-width:230px;padding:8px;border:1px solid #344045;border-radius:12px;background:#192529;box-shadow:0 12px 24px #0006;display:grid;gap:6px}.boardTools>div .secondary{width:100%;text-align:left}
.boardPreviewLabel{font-size:11px;color:#aabebc;margin:0 0 10px}
.magneticSurface{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:24px 14px 20px;border-radius:18px;border:1px solid #344045;background-color:#172125;background-image:radial-gradient(#E9F0EF09 .65px,transparent .8px),linear-gradient(135deg,#075B6214,transparent 65%);background-size:5px 5px,100% 100%;box-shadow:inset 0 1px 0 #E9F0EF12,inset 0 -8px 16px #0002;align-items:stretch;overflow:visible}
.magnetDay,.magnetDay:last-child{border:0;padding:0 10px;min-height:350px;position:relative}.magnetDay+.magnetDay::before{content:'';position:absolute;left:0;top:0;bottom:8px;width:1px;background:#E9F0EF0c}.magnetDay .calendarDate{padding:0 2px 16px;border-bottom:1px solid #E9F0EF18;gap:7px}.magnetDay .calendarDate b{font-size:11px;font-weight:600;letter-spacing:.1px}.magnetDay .calendarDate span{font-size:11px}.weekendDay .calendarDate b{color:#A5E6D0}.dayMagnets{padding:20px 2px 10px}
.dishMagnet{isolation:isolate;min-height:145px;padding:25px 12px 14px;border-radius:3px 9px 5px 6px;border:1px solid #13191C18;background-image:linear-gradient(125deg,#E9F0EF18,transparent 52%,#13191C0a),repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#13191C04 4px,transparent 5px);box-shadow:0 1px 1px #0003,1px 6px 8px -3px #0005,inset 0 1px 0 #E9F0EF35;transform:rotate(-1.4deg);margin-bottom:20px}
.magnetDay:nth-child(3n+2) .dishMagnet{transform:rotate(1.7deg);border-radius:7px 4px 8px 3px}.magnetDay:nth-child(3n) .dishMagnet{transform:rotate(-.6deg);margin-top:7px}.dishMagnet:nth-child(even){transform:rotate(1deg);margin-left:3px}.dishMagnet::before{width:9px;height:9px;top:8px;left:calc(50% - 4px);background:currentColor;opacity:.7;box-shadow:0 1px 2px #0004,inset 0 1px 0 #E9F0EF66}.dishMagnet strong{font-size:14px;font-weight:600;line-height:1.5}.dishMagnet>small{font-size:10px;opacity:.85;line-height:1.5;margin-top:13px;letter-spacing:.15px}
.magnetMenu{margin:5px -7px -10px;display:flex;justify-content:flex-end;position:relative}.magnetMenu>summary{list-style:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;color:inherit;font-size:22px;cursor:pointer}.magnetMenu>div{position:absolute;z-index:30;right:0;top:44px;background:#192529;border:1px solid #344045;border-radius:10px;box-shadow:0 10px 24px #0006;min-width:180px;padding:6px;display:grid}.magnetMenu button{min-height:44px;padding:10px 12px;text-align:left;border:0;border-radius:6px;background:transparent;color:#E9F0EF;font-size:12px}.magnetMenu button:hover{background:#075B62}.dishMagnet:has(.magnetMenu[open]){z-index:31}.magnetDay:has(.magnetMenu[open]){z-index:32}
.magnetBoard .dayAdd{background:transparent;color:#aabebc;border:1px dashed #E9F0EF25;border-radius:8px;font-size:11px;min-height:44px;margin-top:8px}.magnetBoard [data-drop-day]:hover{background:#075B620c;border-radius:0}.magnetEmpty{font-size:11px;line-height:1.7;opacity:.7;margin:6px 0 20px}
.magnetLibrary{margin-top:18px;padding:16px 0 0;border-top:1px solid #344045;scroll-margin-top:20px}.magnetLibrary .quiet{margin:4px 0}.savedMagnet{background-image:linear-gradient(130deg,#E9F0EF18,transparent 65%);box-shadow:0 3px 5px #0003;border-radius:5px 9px 5px 7px}.magnetLibrary:focus{outline:none}
@media(min-width:1200px){.magneticSurface{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1199px){.magneticSurface{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:18px}.magnetDay{min-height:230px}.magnetDay:nth-child(6){grid-column:2/4}.magnetDay:nth-child(7){grid-column:4/6}.magnetDay:nth-child(6)::before{display:none}.magnetDay .calendarDate{flex-direction:column;align-items:flex-start}.magnetDay:nth-child(n+6) .dayMagnets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:760px){.magneticSurface{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px 8px;row-gap:16px;border-radius:14px}.magnetDay,.magnetDay:last-child{min-height:210px;padding:0 10px}.magnetDay:nth-child(odd)::before{display:none}.magnetDay:last-child{grid-column:1/-1}.magnetDay:last-child .dayMagnets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dishMagnet{min-height:135px;padding:25px 14px 14px}.boardToolbar{gap:8px}.boardWeek{flex-basis:100%;justify-content:space-between;margin:0}.boardWeek strong{font-size:14px}.boardToolbar>#openMagnetLibrary{flex:1}.boardTools>div{min-width:230px;max-width:calc(100vw - 64px)}.magnetDay .calendarDate{flex-direction:row;align-items:center;flex-wrap:wrap;gap:5px}.magnetMenu>div{min-width:165px}.magnetDay:nth-child(odd) .magnetMenu>div{left:0;right:auto}}
@media(prefers-reduced-motion:reduce){.dishMagnet{transition:none}}
main[data-view="meal"]:has(.magnetBoard) .panel{border:0;background:transparent;overflow:visible}
@media(min-width:761px) and (max-width:1199px){.magneticSurface{grid-template-columns:repeat(10,minmax(0,1fr))}.magnetDay{grid-column:span 2}.magnetDay:nth-child(6){grid-column:2/6}.magnetDay:nth-child(7){grid-column:6/10}}
@media(max-width:480px){.magneticSurface{grid-template-columns:1fr;padding:12px;row-gap:0}.magnetDay,.magnetDay:last-child{grid-column:auto;display:grid;grid-template-columns:70px minmax(0,1fr);column-gap:12px;min-height:0;padding:16px 0}.magnetDay+.magnetDay{border-top:1px solid #E9F0EF18}.magnetDay+.magnetDay::before{display:none}.magnetDay .calendarDate{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:8px 0 0;border:0}.magnetDay .dayMagnets,.magnetDay:last-child .dayMagnets{grid-column:2;display:block;padding:0 3px 0 0}.magnetDay .dayAdd{grid-column:2;margin-top:0}.dishMagnet{min-height:115px;margin-bottom:15px}.magnetDay:nth-child(3n) .dishMagnet{margin-top:0}.magnetMenu>div,.magnetDay:nth-child(odd) .magnetMenu>div{left:auto;right:0}.magnetEmpty{margin:8px 0 18px}.boardToolbar .secondary{font-size:11px}}
/* Verbindliche Graphit-/Schieferreferenz: Navigation + Wochenplan, keine Dateneingriffe. */
aside{background:#13191C;background-image:linear-gradient(160deg,#075B6210,transparent 55%);border-right:1px solid #E9F0EF12;padding-top:28px;padding-bottom:22px}
aside nav{margin-top:28px}aside nav button{min-height:50px;border:0;border-radius:11px;margin:2px 0;padding:11px 14px;gap:13px;color:#c5d4d1;background:transparent;box-shadow:none;text-align:left}
aside nav button .navicon,aside nav button .navicon.home,aside nav button .navicon.item,aside nav button .navicon.meal,aside nav button .navicon.recipe,aside nav button .navicon.pantry,aside nav button .navicon.prep,aside nav button .navicon.wish,aside nav button .navicon.budget{background:transparent;color:#E9F0EF;border:0;border-radius:0;width:25px;height:27px;box-shadow:none;margin:0;flex-shrink:0}
aside nav .navicon svg{width:24px;height:24px;stroke-width:1.6}aside nav button .navlabel{font-size:14px;font-weight:500;letter-spacing:.1px}aside nav button .navlabel small{font-size:10px;color:#b9cdca;margin-top:3px}
aside nav button.active{min-height:54px;padding-left:18px;background:linear-gradient(110deg,#075B62a8,#075B6255);color:#E9F0EF;border:0;box-shadow:inset 0 1px 0 #A5E6D012}aside nav button.active .navicon{color:#A5E6D0}aside nav button.active::before{left:7px;top:12px;bottom:12px;width:3px;background:#A5E6D0;border-radius:3px}
aside .personalNav{margin-top:auto;padding-top:20px;border-top:1px solid #E9F0EF15;gap:4px}aside .personalNav button{min-height:46px;background:transparent;border:0;color:#c5d4d1;padding:10px 14px;font-size:13px;border-radius:9px}aside .personalNav button:hover{background:#075B622a}aside .sidefoot{margin-top:16px;padding:0 14px;font-size:10px}aside .sidefoot small{margin-top:6px}
main[data-view="meal"]:has(.magnetBoard){background-image:linear-gradient(145deg,#075B620b,transparent 55%)}
main[data-view="meal"]:has(.magnetBoard) .panelhead{padding:4px 18px 8px;align-items:center}main[data-view="meal"]:has(.magnetBoard) #title{font-size:30px;letter-spacing:-.6px;font-weight:600;line-height:1.25}main[data-view="meal"]:has(.magnetBoard) .listActions #add{background:#A5E6D0;color:#13191C;border:0;border-radius:12px;min-height:44px;padding:10px 18px}
main[data-view="meal"]:has(.magnetBoard) #readingTools{padding-bottom:6px}
.boardToolbar{gap:10px;margin:0 0 12px}.boardWeek{border:1px solid #E9F0EF20;border-radius:14px;background:#13191C77;padding:2px;gap:6px}.boardWeek .secondary{background:transparent;border:0;padding:8px;min-width:44px;border-radius:11px}.boardWeek strong{font-size:13px;padding:0 4px;letter-spacing:.1px}.boardToolbar>#newMagnet,.boardToolbar>#openMagnetLibrary,.boardTools>summary{background:#13191C77;border:1px solid #E9F0EF20;border-radius:12px;color:#E9F0EF;min-height:44px;font-size:12px}
.magneticSurface{background-color:#13191C;background-image:url('/assets/material/graphite-grain.svg'),linear-gradient(130deg,#20333760,transparent 55%);background-size:180px 180px,100% 100%;border:1px solid #E9F0EF2a;border-radius:16px;padding:22px 12px 18px;box-shadow:inset 0 1px 0 #E9F0EF30,inset 0 -10px 20px #0004,0 12px 28px -20px #0009;outline-offset:5px;overflow:visible}
.magnetDay,.magnetDay:last-child{min-height:320px;padding:0 12px;border:0}.magnetDay+.magnetDay::before{background:linear-gradient(transparent,#E9F0EF20 12%,#E9F0EF12 88%,transparent);width:1px}.magnetDay .calendarDate{border:0;align-items:flex-start;padding:0 4px 14px;gap:5px;flex-direction:column}.magnetDay .calendarDate b{font-size:28px;line-height:1.1;letter-spacing:1px;font-weight:700;color:#A5E6D0}.magnetDay:nth-child(3n+2) .calendarDate b{color:#F18AA7}.magnetDay:nth-child(3n) .calendarDate b{color:#E9F0EF}.magnetDay .calendarDate span{font-size:12px;font-weight:500;color:#E9F0EF;letter-spacing:.6px}
.dayMagnets{padding:16px 2px 8px}.dishMagnet{min-height:140px;padding:26px 13px 16px;border-radius:4px 6px 4px 6px;border:1px solid #13191C1a;box-shadow:1px 2px 2px #0004,2px 8px 10px -3px #0007,inset 0 1px 0 #E9F0EF45;background-image:linear-gradient(120deg,#E9F0EF24,transparent 60%,#13191C0a),repeating-linear-gradient(88deg,transparent,transparent 4px,#13191C03 5px,transparent 6px);transform:rotate(-1.2deg);margin:0 0 18px}
.magnetDay:nth-child(3n+2) .dishMagnet{transform:rotate(.9deg);border-radius:5px 3px 5px 4px}.magnetDay:nth-child(3n) .dishMagnet{transform:rotate(-.5deg);margin-top:4px}.dishMagnet:nth-child(even){transform:rotate(.7deg)}.dishMagnet::before{top:7px;width:10px;height:10px;left:calc(50% - 5px);background:#13191C;opacity:.9;box-shadow:0 2px 3px #0006,inset 0 1px 1px #E9F0EF60}.dishMagnet.color-anthracite::before,.dishMagnet.color-petrol::before{background:#E9F0EF}.dishMagnet strong{font-size:15px;font-weight:600;line-height:1.55;hyphens:auto;overflow-wrap:anywhere;white-space:normal;max-height:none;display:block}.dishMagnet small{font-size:10px;line-height:1.5;letter-spacing:.1px}.magnetBoard .dayAdd{min-height:52px;margin-top:0;background:#13191C30;border:1px dashed #E9F0EF30;color:#b9cdca;border-radius:9px}
.magnetLibrary{margin-top:20px;padding:18px 0 0;border-top:1px solid #E9F0EF1f}.magnetLibrary h3{font-size:19px;font-weight:600;letter-spacing:-.3px}.magnetTray{gap:14px}.savedMagnet{border:1px solid #13191C20;border-radius:6px;box-shadow:1px 4px 6px #0004}.recipeMagnet{background:#13191C80;border-color:#E9F0EF20;border-radius:10px}
body[data-font="handwriting"] .magnetBoard .calendarDate b,body[data-font="handwriting"] .magnetBoard .dishMagnet strong,body[data-font="handwriting"] main[data-view="meal"] #title{font-family:"Segoe Print","Bradley Hand","Chalkboard SE",cursive;font-weight:500;letter-spacing:0}
@media(min-width:1200px){.magneticSurface{grid-template-columns:repeat(7,minmax(0,1fr))}.magnetDay,.magnetDay:nth-child(6),.magnetDay:nth-child(7){grid-column:auto}.magnetDay:nth-child(n+6) .dayMagnets{display:block}}
@media(min-width:761px) and (max-width:1199px){.magneticSurface{grid-template-columns:repeat(7,minmax(140px,1fr));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:14px;row-gap:0;padding-bottom:24px}.magnetDay,.magnetDay:nth-child(6),.magnetDay:nth-child(7){grid-column:auto;min-height:300px;scroll-snap-align:start}.magnetDay:nth-child(n+6) .dayMagnets{display:block}.magnetDay:nth-child(6)::before{display:block}}
@media(max-width:650px){aside{padding:6px 6px max(6px,env(safe-area-inset-bottom));background:#13191C}aside nav{margin:0;gap:3px}aside nav button,aside nav button.active{min-height:56px;padding:5px 3px;border-radius:10px;gap:4px;text-align:center;flex:0 0 56px}aside nav button .navicon{width:25px;height:26px;margin:0 auto 3px}aside nav button .navlabel{font-size:8px;letter-spacing:0}aside nav button .navlabel small{display:none}aside nav button.active::before{left:5px;top:9px;bottom:9px;width:2px}aside .personalNav{margin:4px 2px 0;border:0;padding:0;gap:8px}aside .personalNav button{padding:8px;min-height:44px;font-size:11px;background:#20333780}aside .sidefoot{display:none}}
@media(max-width:760px){.magneticSurface{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px 8px;row-gap:12px;overflow:visible}.magnetDay,.magnetDay:nth-child(6),.magnetDay:nth-child(7){grid-column:auto;min-height:210px;padding:0 10px}.magnetDay:last-child{grid-column:1/-1}.magnetDay .calendarDate{flex-direction:row;align-items:baseline;gap:9px}.magnetDay .calendarDate b{font-size:25px}.magnetDay .calendarDate span{font-size:11px}.dishMagnet{min-height:125px}.boardToolbar{gap:8px}.boardWeek{flex-basis:100%;justify-content:space-between}.boardWeek strong{font-size:13px}main[data-view="meal"]:has(.magnetBoard) #title{font-size:25px}main[data-view="meal"]:has(.magnetBoard) .panelhead{padding:0 14px 8px}.magnetDay:last-child .dayMagnets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:480px){.magneticSurface{grid-template-columns:1fr;padding:8px 14px;row-gap:0}.magnetDay,.magnetDay:nth-child(6),.magnetDay:nth-child(7),.magnetDay:last-child{grid-column:auto;display:grid;grid-template-columns:54px minmax(0,1fr);column-gap:16px;min-height:0;padding:18px 0}.magnetDay .calendarDate{flex-direction:column;align-items:flex-start;padding:7px 0 0;gap:6px}.magnetDay .calendarDate b{font-size:25px}.magnetDay .dayMagnets,.magnetDay:last-child .dayMagnets{display:block;padding:0 3px 0 0}.dishMagnet{min-height:115px;margin-bottom:14px}.magnetDay:nth-child(3n) .dishMagnet{margin-top:0}.boardToolbar>#newMagnet,.boardToolbar>#openMagnetLibrary{flex:1 1 auto}.boardTools>summary{font-size:11px;padding:9px 10px}.magnetBoard .dayAdd{min-height:44px}}
@media(prefers-reduced-motion:reduce){.magneticSurface{scroll-behavior:auto;scroll-snap-type:none}}
@media(min-width:761px) and (max-width:1199px){.magnetDay:has(.magnetMenu[open]){padding-bottom:180px}}
/* Wochenende ohne versteckten horizontalen Scrollbereich. */
@media(min-width:761px) and (max-width:1199px){.magneticSurface{grid-template-columns:repeat(10,minmax(0,1fr));overflow:visible;scroll-snap-type:none;row-gap:20px}.magnetDay{grid-column:span 2;min-width:0;min-height:240px}.magnetDay:nth-child(6){grid-column:2/6}.magnetDay:nth-child(7){grid-column:6/10}.magnetDay:nth-child(n+6){padding-top:16px;border-top:1px solid #E9F0EF20}.magnetDay:nth-child(6)::before{display:none}.magnetDay:nth-child(n+6) .dayMagnets{display:block}}