:root{--ink:#23332d;--muted:#6f786f;--forest:#173c33;--forest-2:#255448;--sage:#6c8b74;--sage-soft:#dfe8dc;--cream:#f5f0e6;--paper:#fffdf8;--paper-2:#faf7ef;--clay:#d96b45;--clay-dark:#b74f2f;--gold:#dda94b;--line:#e7e0d3;--danger:#a83d36;--shadow:0 16px 45px #2a373014;--shadow-soft:0 5px 22px #2a373012;--radius-lg:24px;--radius-md:16px;--radius-sm:11px}*{box-sizing:border-box}html{background:var(--cream);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}::selection{color:var(--ink);background:#f3cf9d}.app-frame{min-height:100vh}.sidebar{background:var(--forest);color:#eff5ed;z-index:40;flex-direction:column;width:254px;padding:25px 19px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{justify-content:space-between;align-items:center;padding:0 9px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:25px;font-weight:700;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--forest);background:#f4c36e;border-radius:12px 12px 17px;place-items:center;display:grid;transform:rotate(-2deg)}.brand-mark svg{transform:rotate(2deg)}.side-nav{gap:5px;margin-top:45px;display:grid}.nav-label{color:#91aa9f;letter-spacing:.14em;text-transform:uppercase;margin:0 0 9px;padding:0 13px;font-size:11px;font-weight:700}.nav-item{color:#bdcdc6;border-radius:12px;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-size:14px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#f8e7c421;box-shadow:inset 3px 0 #f1b958}.nav-item.active svg{color:#f3be61}.sidebar-card{background:linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff17;border-radius:16px;margin-top:auto;padding:17px}.sidebar-card-icon{float:right;color:#f4c36e}.sidebar-card .eyebrow{color:#f4c36e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:800}.sidebar-card p:not(.eyebrow){color:#d8e1dc;margin:0 0 12px;font-size:12px;line-height:1.5}.sidebar-card a{color:#fff;font-size:12px;font-weight:700}.household-card{align-items:center;gap:11px;margin-top:18px;padding:3px 4px;display:flex}.household-card strong,.household-card span{display:block}.household-card strong{font-size:12px}.household-card div>span{color:#91aa9f;margin-top:2px;font-size:10px}.avatar-stack{min-width:65px;display:flex}.avatar-stack .avatar+.avatar{margin-left:-9px}.avatar{border:2px solid var(--paper);border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.avatar-sage{color:#16372e;background:#9db79e}.avatar-clay{color:#612c1e;background:#e7a083}.avatar-cream{color:#564b38;background:#f3e6c9}.app-main{min-height:100vh;margin-left:254px}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f0e6e0;border-bottom:1px solid #dad1c1a6;align-items:center;gap:18px;height:72px;padding:0 38px;display:flex;position:sticky;top:0}.topbar-search{border:1px solid var(--line);color:#889087;background:#ffffffb8;border-radius:12px;align-items:center;gap:10px;width:min(455px,48vw);height:40px;padding:0 12px;font-size:13px;display:flex}.topbar-search span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-search kbd{color:#92978f;background:#fff;border:1px solid #ded8cd;border-radius:5px;margin-left:auto;padding:3px 6px;font-size:10px}.topbar-actions{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.sync-dot{background:#56a16c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #56a16c1f}.sync-dot.offline{background:var(--gold)}.offline-banner{text-align:center;color:#4e3b18;background:#f0ca78;padding:8px 20px;font-size:12px;font-weight:700}.demo-banner{color:#5b441c;background:#f7dfa9;border-bottom:1px solid #e7c77f;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 18px;font-size:11px;font-weight:700;display:flex}.content{width:min(1280px,100%);margin:0 auto;padding:38px 38px 80px}.bottom-nav{display:none}.mobile-only{display:none!important}.icon-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:11px;place-items:center;width:40px;height:40px;padding:0;display:inline-grid}.icon-button:hover{background:#f6f1e7}h1,h2,h3,p{margin-top:0}.page-header{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:31px;display:flex}.page-title h1{letter-spacing:-.045em;margin:0 0 8px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(34px,4vw,49px);line-height:1}.page-title p{color:var(--muted);margin:0;font-size:14px}.page-actions{align-items:center;gap:10px;display:flex}.eyebrow{color:var(--clay);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:13px;font-weight:750;transition:all .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#fff;background:var(--forest);box-shadow:0 7px 18px #173c3329}.button-primary:hover{background:var(--forest-2)}.button-clay{color:#fff;background:var(--clay);box-shadow:0 7px 18px #d96b452e}.button-secondary{color:var(--ink);background:var(--paper);border-color:var(--line)}.button-ghost{color:var(--muted);background:0 0;border-color:#0000}.button-danger{color:var(--danger);background:#fff4f1;border-color:#f1d0c9}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:27px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8b8;align-items:flex-start;gap:14px;min-height:106px;padding:18px;display:flex}.stat-icon{width:39px;height:39px;color:var(--forest);background:var(--sage-soft);border-radius:12px;flex:none;place-items:center;display:grid}.stat-card:nth-child(2) .stat-icon{color:#714818;background:#f6dfb1}.stat-card:nth-child(3) .stat-icon{color:#7b3623;background:#f4d6c9}.stat-card:nth-child(4) .stat-icon{color:#425a78;background:#dfe8f2}.stat-card strong{margin-bottom:3px;font-family:Iowan Old Style,Georgia,serif;font-size:25px;line-height:1;display:block}.stat-card span{color:var(--muted);font-size:11px;line-height:1.35}.toolbar{align-items:center;gap:10px;margin-bottom:23px;display:flex}.search-field{background:var(--paper);border:1px solid var(--line);min-width:190px;height:43px;color:var(--muted);border-radius:12px;flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.search-field:focus-within{border-color:#98aa9d;box-shadow:0 0 0 3px #6c8b741f}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.select-field{height:43px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:0 34px 0 12px;font-size:12px;font-weight:600}.view-toggle{border:1px solid var(--line);background:var(--paper);border-radius:11px;padding:3px;display:flex}.view-toggle button{color:#9a9f99;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;display:grid}.view-toggle button.active{color:var(--forest);background:var(--sage-soft)}.chip-row{scrollbar-width:none;gap:8px;margin:-9px 0 23px;padding-bottom:3px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fffdf8bd;border-radius:999px;flex:none;padding:8px 12px;font-size:11px;font-weight:650}.chip.active{color:#fff;background:var(--forest);border-color:var(--forest)}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.recipe-grid.list-view{grid-template-columns:1fr}.recipe-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-soft);transition:all .2s;position:relative;overflow:hidden}.recipe-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.recipe-card-image{aspect-ratio:1.55;background:#e9e4d9;display:block;position:relative;overflow:hidden}.recipe-card-image img{object-fit:cover;transition:transform .45s}.recipe-card:hover .recipe-card-image img{transform:scale(1.035)}.image-placeholder{color:#9ca59c;background:linear-gradient(145deg,#e4eadf,#f3eadb);place-items:center;width:100%;height:100%;display:grid}.recipe-category{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;background:#183029cc;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;position:absolute;bottom:13px;left:14px}.favorite-button{z-index:2;width:37px;height:37px;color:var(--forest);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 3px 13px #1b2a2324}.favorite-button.selected{color:var(--clay)}.recipe-card-body{padding:18px 18px 16px;display:block}.recipe-card-heading{align-items:flex-start;gap:10px;display:flex}.recipe-card h3{letter-spacing:-.02em;margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:20px;line-height:1.1}.rating{color:#b37821;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:800}.recipe-card-body>p{height:38px;color:var(--muted);margin:9px 0 15px;font-size:12px;line-height:1.5;overflow:hidden}.recipe-meta{color:#6e776f;align-items:center;gap:13px;font-size:10px;font-weight:650;display:flex}.recipe-meta span{align-items:center;gap:5px;display:flex}.difficulty-dot{margin-left:auto}.dot{background:var(--sage);border-radius:50%;width:7px;height:7px;display:inline-block}.dot-intermediaire{background:var(--gold)}.dot-avance{background:var(--clay)}.list-view .recipe-card{grid-template-columns:210px 1fr;display:grid}.list-view .recipe-card-image{aspect-ratio:auto}.list-view .favorite-button{left:160px;right:auto}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-soft)}.panel-padding{padding:25px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:25px}.section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.divider{background:var(--line);height:1px}.empty-state{text-align:center;color:var(--muted);padding:55px 22px}.empty-state svg{color:var(--sage);margin-bottom:13px}.empty-state h2{color:var(--ink);font-family:Iowan Old Style,Georgia,serif}.empty-state p{max-width:430px;margin:0 auto 18px;font-size:13px;line-height:1.6}.empty-state-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;display:flex}.toast{z-index:100;color:#fff;background:var(--forest);cursor:pointer;border:0;border-radius:14px;align-items:center;gap:10px;max-width:380px;min-height:49px;padding:10px 17px;font-size:13px;font-weight:650;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 17px 40px #173c3347}.toast span{width:24px;height:24px;color:var(--forest);background:#d7ead9;border-radius:50%;place-items:center;display:grid}.detail-back{color:var(--muted);align-items:center;gap:7px;margin-bottom:17px;font-size:12px;font-weight:650;display:inline-flex}.detail-hero{background:var(--forest);min-height:430px;box-shadow:var(--shadow);border-radius:28px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.detail-hero img{object-fit:cover}.detail-hero:after{content:"";background:linear-gradient(#0000,#091c16e6);position:absolute;inset:20% 0 0}.detail-hero-content{z-index:2;color:#fff;justify-content:space-between;align-items:flex-end;gap:30px;width:100%;padding:37px;display:flex;position:relative}.detail-hero h1{letter-spacing:-.05em;max-width:720px;margin:5px 0 12px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(38px,5.5vw,66px);line-height:.96}.detail-hero p{color:#e1e8e3;max-width:680px;margin:0;font-size:14px;line-height:1.6}.hero-badges{flex-wrap:wrap;gap:7px;display:flex}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750}.hero-actions{flex:none;gap:8px;display:flex}.hero-actions .icon-button{color:#fff;background:#ffffff21;border-color:#ffffff40}.detail-stats{z-index:4;background:var(--paper);border:1px solid var(--line);width:calc(100% - 70px);box-shadow:var(--shadow);border-radius:17px;grid-template-columns:repeat(5,1fr);margin:-28px auto 31px;display:grid;position:relative}.detail-stat{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:10px;min-height:72px;padding:12px;display:flex}.detail-stat:last-child{border:0}.detail-stat svg{color:var(--clay)}.detail-stat strong,.detail-stat span{display:block}.detail-stat strong{font-size:13px}.detail-stat span{color:var(--muted);margin-top:2px;font-size:10px}.detail-grid{grid-template-columns:minmax(0,.86fr) minmax(350px,1.14fr);align-items:start;gap:21px;display:grid}.servings-control{background:var(--paper-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:5px;display:inline-flex}.servings-control button{cursor:pointer;background:#fff;border:0;border-radius:9px;width:31px;height:31px;box-shadow:0 2px 6px #00000012}.servings-control strong{text-align:center;min-width:48px;font-size:12px}.ingredient-groups{gap:22px;display:grid}.ingredient-group h3{color:var(--clay-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px}.ingredient-row{border-bottom:1px solid #eee9df;grid-template-columns:88px 1fr;align-items:baseline;gap:12px;min-height:42px;font-size:13px;display:grid}.ingredient-row:last-child{border-bottom:0}.ingredient-quantity{color:var(--forest);font-weight:800}.ingredient-row small{color:var(--muted);margin-left:5px}.step-list{counter-reset:steps;gap:19px;display:grid}.step{counter-increment:steps;grid-template-columns:39px 1fr;gap:13px;display:grid}.step-number{color:#fff;background:var(--forest);border-radius:50%;place-items:center;width:37px;height:37px;font-family:Iowan Old Style,Georgia,serif;font-size:16px;display:grid}.step p{color:#46534c;margin:2px 0 5px;font-size:13px;line-height:1.65}.step-duration{color:var(--clay);align-items:center;gap:4px;font-size:10px;font-weight:750;display:inline-flex}.nutrition-panel{margin-top:21px}.nutrition-head{align-items:center;gap:17px;display:flex}.nutrition-refresh{flex:none;margin-left:auto}.coverage-ring{--coverage:80;background:conic-gradient(var(--sage) calc(var(--coverage) * 1%), #e6e6dd 0);border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid;position:relative}.coverage-ring:after{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:6px}.coverage-ring strong{z-index:1;font-size:11px;position:relative}.nutrition-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.nutrient{text-align:center;background:var(--paper-2);border-radius:11px;padding:12px 8px}.nutrient strong,.nutrient span{display:block}.nutrient strong{font-family:Iowan Old Style,Georgia,serif;font-size:18px}.nutrient span{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:9px}.notice{color:#715b2a;background:#fbf1d8;border-radius:10px;gap:9px;margin-top:14px;padding:11px;font-size:10px;line-height:1.45;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.field{gap:7px;display:grid}.field-full{grid-column:1/-1}.field label{font-size:11px;font-weight:750}.field input,.field textarea,.field select{width:100%;min-height:43px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;padding:10px 12px;font-size:13px}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ea391;box-shadow:0 0 0 3px #6c8b741f}.field-help{color:var(--muted);font-size:10px;line-height:1.45}.import-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:21px;display:grid}.import-tabs{background:#f0ece3;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:21px;padding:6px;display:grid}.import-tab{min-height:67px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;gap:5px;padding:8px;font-size:10px;font-weight:700;display:grid}.import-tab.active{color:var(--forest);background:#fff;box-shadow:0 3px 10px #26332d14}.dropzone{text-align:center;background:#fbfdf8;border:1.5px dashed #b8c4b6;border-radius:17px;place-items:center;min-height:250px;padding:25px;display:grid}.dropzone-icon{width:59px;height:59px;color:var(--forest);background:var(--sage-soft);border-radius:18px;place-items:center;margin:0 auto 15px;display:grid}.dropzone h3{margin-bottom:6px;font-family:Iowan Old Style,Georgia,serif;font-size:21px}.dropzone p{color:var(--muted);margin-bottom:17px;font-size:12px}.dropzone input{max-width:100%;font-size:11px}.file-list{gap:8px;margin-top:13px;display:grid}.file-item{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:10px;padding:11px;font-size:11px;display:flex}.file-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-item small{color:var(--muted);white-space:nowrap;margin-left:auto}.privacy-card{color:#dfeae4;background:var(--forest);border-radius:var(--radius-lg);padding:20px}.privacy-card h3{color:#fff;margin:12px 0 8px;font-family:Iowan Old Style,Georgia,serif;font-size:21px}.privacy-card p{margin:0 0 15px;font-size:11px;line-height:1.55}.privacy-card ul{gap:9px;margin:0;padding:0;font-size:10px;list-style:none;display:grid}.privacy-card li{gap:7px;display:flex}.privacy-card li svg{color:#f3be61;flex:none}.progress-steps{grid-template-columns:repeat(3,1fr);margin-bottom:25px;display:grid}.progress-step{color:var(--muted);justify-items:center;gap:7px;font-size:10px;font-weight:700;display:grid;position:relative}.progress-step:before{content:"";background:var(--line);width:100%;height:2px;position:absolute;top:14px;left:-50%}.progress-step:first-child:before{display:none}.progress-step span{z-index:1;width:29px;height:29px;color:var(--muted);background:#e8e5dc;border-radius:50%;place-items:center;display:grid;position:relative}.progress-step.done span,.progress-step.active span{color:#fff;background:var(--forest)}.progress-step.done:before,.progress-step.active:before{background:var(--forest)}.planning-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;display:flex}.week-switcher{align-items:center;gap:9px;display:flex}.week-switcher strong{text-align:center;min-width:180px;font-family:Iowan Old Style,Georgia,serif;font-size:18px}.calendar-grid{grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;padding-bottom:10px;display:grid;overflow-x:auto}.day-column{border:1px solid var(--line);background:#fffdf8ad;border-radius:17px;min-height:475px;padding:12px}.day-column.today{box-shadow:inset 0 3px var(--sage);border-color:#8fab91}.day-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:11px;display:flex}.day-heading strong{text-transform:capitalize;font-family:Iowan Old Style,Georgia,serif;font-size:15px}.day-heading span{width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:10px;display:grid}.today .day-heading span{color:#fff;background:var(--forest)}.meal-slot{min-height:88px;margin-bottom:9px}.meal-slot-label{color:#9b9f97;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:9px;font-weight:750}.meal-card{color:#304139;background:#e3eadf;border-radius:11px;padding:10px;font-size:10px;position:relative}.meal-card.clay{background:#f3ddd3}.meal-card.gold{background:#f6e8c7}.meal-card strong{padding-right:12px;line-height:1.3;display:block}.meal-card span{opacity:.68;margin-top:4px;display:block}.meal-remove{opacity:.5;cursor:pointer;background:0 0;border:0;width:20px;height:20px;padding:0;position:absolute;top:5px;right:5px}.add-meal-button{color:#9b9d97;cursor:pointer;background:0 0;border:1px dashed #d6d0c4;border-radius:10px;width:100%;min-height:46px}.shopping-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:21px;display:grid}.shopping-progress{align-items:center;gap:12px;margin-bottom:20px;display:flex}.progress-bar{background:#ebe7de;border-radius:999px;flex:1;height:7px;overflow:hidden}.progress-bar i{border-radius:inherit;background:var(--sage);height:100%;display:block}.shopping-progress span{color:var(--muted);font-size:11px;font-weight:700}.aisle-section+.aisle-section{margin-top:22px}.aisle-title{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.aisle-title span{width:22px;height:22px;color:var(--forest);background:var(--sage-soft);border-radius:7px;place-items:center;display:grid}.shopping-item{border-bottom:1px solid #eee8dd;grid-template-columns:29px 1fr auto 28px;align-items:center;gap:9px;min-height:51px;display:grid}.shopping-item.checked .shopping-label{color:#9a9e98;text-decoration:line-through}.check-button{color:#fff;cursor:pointer;background:#fff;border:1.5px solid #b9c1b8;border-radius:7px;place-items:center;width:23px;height:23px;padding:0;display:grid}.checked .check-button{border-color:var(--sage);background:var(--sage)}.shopping-label strong,.shopping-label span{display:block}.shopping-label strong{font-size:12px}.shopping-label span{color:var(--muted);margin-top:2px;font-size:9px}.shopping-quantity{font-size:11px;font-weight:750}.remove-item{color:#aaa;cursor:pointer;background:0 0;border:0;width:28px;height:28px}.summary-card{position:sticky;top:91px}.summary-stat{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:11px;display:flex}.summary-stat:last-child{border:0}.summary-stat span{color:var(--muted)}.settings-grid{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:21px;display:grid}.settings-nav{padding:8px}.settings-nav button{width:100%;min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.settings-nav button.active{color:var(--forest);background:var(--sage-soft)}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.member-row:last-child{border:0}.member-row div:nth-child(2){flex:1}.member-row strong,.member-row span{display:block}.member-row strong{font-size:12px}.member-row span{color:var(--muted);margin-top:3px;font-size:10px}.status-pill{background:var(--sage-soft);border-radius:999px;padding:5px 8px;font-weight:800;color:var(--forest)!important;font-size:9px!important}.integration-card{border:1px solid var(--line);border-radius:12px;align-items:center;gap:13px;padding:14px;display:flex}.integration-logo{color:#fff;background:var(--forest);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.integration-card div:nth-child(2){flex:1}.integration-card strong,.integration-card span{display:block}.integration-card strong{font-size:12px}.integration-card span{color:var(--muted);margin-top:3px;font-size:10px}.mode-card.demo-active{background:#fffbef;border-color:#e3c57d}.mode-selector{border:1px solid var(--line);min-width:136px;min-height:40px;color:var(--muted);cursor:pointer;background:#f4f3ee;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.mode-selector>span{color:#8c928c;margin:0;font-size:9px;font-weight:850}.mode-selector>span.active{color:var(--forest)}.mode-selector i{background:var(--sage);border-radius:999px;flex:none;width:34px;height:20px;transition:all .18s;position:relative}.mode-selector i b{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #14282140}.mode-selector.demo-active{background:#fff7e4;border-color:#e3c57d}.mode-selector.demo-active>span.active{color:#714818}.mode-selector.demo-active i{background:var(--gold)}.mode-selector.demo-active i b{transform:translate(14px)}.auth-page{background:var(--paper);grid-template-columns:1.04fr .96fr;min-height:100vh;display:grid}.auth-visual{color:#fff;background:linear-gradient(150deg,#14372fbd,#14372ff2),url(https://images.unsplash.com/photo-1556911220-bff31c812dba?auto=format&fit=crop&w=1400&q=82) 50%/cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:50px;display:flex;position:relative;overflow:hidden}.auth-brand{align-items:center;gap:11px;font-family:Iowan Old Style,Georgia,serif;font-size:27px;font-weight:700;display:flex}.auth-quote{max-width:520px}.auth-quote h1{letter-spacing:-.045em;margin-bottom:18px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(42px,5vw,67px);line-height:.98}.auth-quote p{color:#d9e4de;max-width:440px;line-height:1.7}.auth-content{place-items:center;padding:35px;display:grid}.auth-card{width:min(420px,100%)}.auth-card h2{letter-spacing:-.04em;margin-bottom:9px;font-family:Iowan Old Style,Georgia,serif;font-size:36px}.auth-card>p{color:var(--muted);margin-bottom:27px;font-size:13px;line-height:1.6}.auth-card .button{width:100%;margin-top:12px}.demo-divider{color:#aaa;align-items:center;gap:12px;margin:21px 0;font-size:10px;display:flex}.demo-divider:before,.demo-divider:after{content:"";background:var(--line);flex:1;height:1px}.demo-note{color:#5c664e;background:#f2f0df;border-radius:11px;padding:13px;font-size:10px;line-height:1.5}.cooking-page{color:#f6f2e8;background:var(--forest);min-height:100vh}.cooking-header{border-bottom:1px solid #ffffff1f;align-items:center;gap:15px;height:76px;padding:0 28px;display:flex}.cooking-header a,.cooking-header button{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.cooking-header strong{font-family:Iowan Old Style,Georgia,serif;font-size:18px}.cooking-progress{background:#ffffff24;border-radius:99px;flex:1;max-width:300px;height:5px;margin-left:auto;overflow:hidden}.cooking-progress i{background:#f1bd64;height:100%;display:block}.cooking-body{grid-template-columns:300px 1fr;min-height:calc(100vh - 76px);display:grid}.cooking-sidebar{background:#00000014;border-right:1px solid #ffffff1f;padding:28px}.cooking-sidebar h2{color:#9fbaaf;letter-spacing:.12em;text-transform:uppercase;margin-bottom:19px;font-size:10px}.cooking-ingredients{gap:12px;display:grid}.cooking-ingredient{grid-template-columns:64px 1fr;gap:9px;font-size:11px;line-height:1.4;display:grid}.cooking-ingredient strong{color:#f3c373}.cooking-main{flex-direction:column;padding:clamp(35px,7vw,90px);display:flex}.cooking-step-label{color:#f3c373;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.cooking-step-text{letter-spacing:-.035em;max-width:850px;margin:25px 0 42px;font-family:Iowan Old Style,Georgia,serif;font-size:clamp(34px,5vw,62px);line-height:1.15}.cooking-controls{align-items:center;gap:11px;margin-top:auto;display:flex}.cooking-controls .button-secondary{color:#fff;background:0 0;border-color:#fff3}.timer-box{background:#ffffff17;border-radius:12px;align-items:center;gap:10px;margin-left:auto;padding:9px 13px;display:flex}.timer-box strong{color:#f3c373;font-variant-numeric:tabular-nums;min-width:55px}.active-timers{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.timer-chip{color:#e8eee9;background:#ffffff17;border-radius:11px;align-items:center;gap:8px;padding:8px 9px 8px 11px;font-size:10px;display:flex}.timer-chip strong{color:#f3c373;font-variant-numeric:tabular-nums;font-size:12px}.timer-chip button{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:7px;place-items:center;width:25px;height:25px;padding:0;display:grid}.timer-chip.expired{color:#fff;background:#d96b4580;animation:1s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{box-shadow:0 0 0 4px #f3c37321}}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12221d7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border-radius:22px;width:min(430px,100%);padding:26px;position:relative;box-shadow:0 30px 80px #10231c4d}.modal-card h2{letter-spacing:-.03em;margin:5px 0 22px;font-family:Iowan Old Style,Georgia,serif;font-size:28px}.modal-close{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:16px;right:16px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.shopping-layout,.import-layout{grid-template-columns:1fr}.summary-card{position:static}}@media (max-width:820px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:18px 0 50px #0e231d3d}.sidebar-open{transform:translate(0)}.menu-backdrop{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12221d6b;border:0;position:fixed;inset:0}.app-main{margin-left:0}.topbar{height:64px;padding:0 17px}.topbar-search{display:none}.mobile-brand{align-items:center;gap:7px;font-family:Iowan Old Style,Georgia,serif;font-size:20px;font-weight:700;display:flex!important}.mobile-only{display:inline-grid!important}.desktop-only{display:none!important}.content{padding:28px 18px 95px}.bottom-nav{z-index:32;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8ed;border:1px solid #ddd6c9e6;border-radius:18px;grid-template-columns:repeat(4,1fr);height:64px;padding:5px;display:grid;position:fixed;inset:auto 10px 9px;box-shadow:0 10px 35px #1f2f2829}.bottom-nav a{color:#8a918b;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;font-weight:700;display:flex}.bottom-nav a.active{color:var(--forest)}.page-header{align-items:flex-start}.page-actions .button-secondary{display:none}.detail-hero{min-height:390px;margin:0 -7px}.detail-hero-content{padding:25px;display:block}.hero-actions{margin-top:20px}.detail-stats{grid-template-columns:repeat(3,1fr);width:calc(100% - 12px)}.detail-stat{border-bottom:1px solid var(--line)}.detail-stat:nth-child(3){border-right:0}.detail-stat:nth-child(n+4){border-bottom:0}.detail-stat:nth-child(5){grid-column:span 2}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto}.settings-nav button{min-width:max-content}.auth-page{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:28px}.auth-quote h1{font-size:42px}.auth-quote p{display:none}.auth-content{padding:35px 20px}.cooking-body{grid-template-columns:1fr}.cooking-sidebar{display:none}}@media (max-width:620px){.demo-banner{align-items:flex-start;font-size:10px}.page-header{display:block}.page-actions{margin-top:18px}.page-actions .button{flex:1}.page-title h1{font-size:39px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{gap:9px;min-height:90px;padding:13px}.stat-icon{width:34px;height:34px}.stat-card strong{font-size:21px}.toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.select-field{flex:1;min-width:0}.recipe-grid{grid-template-columns:1fr}.list-view .recipe-card{display:block}.list-view .recipe-card-image{aspect-ratio:1.55}.list-view .favorite-button{left:auto;right:13px}.detail-hero h1{font-size:39px}.detail-hero p{font-size:12px}.detail-stats{margin-top:-17px}.detail-stat{min-height:61px;padding:8px}.detail-stat svg{display:none}.panel-padding{padding:19px}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.nutrition-head{flex-wrap:wrap;align-items:flex-start}.nutrition-refresh{width:100%;margin-left:0}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.import-tabs{grid-template-columns:repeat(2,1fr)}.planning-toolbar{align-items:flex-start}.week-switcher strong{min-width:125px;font-size:14px}.shopping-item{grid-template-columns:29px 1fr auto 24px}.cooking-header{padding:0 15px}.cooking-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.cooking-main{padding:38px 22px 25px}.cooking-step-text{font-size:35px}.cooking-controls{flex-wrap:wrap}.timer-box{justify-content:center;width:100%;margin:5px 0 0}.toast{bottom:84px;left:14px;right:14px}}@media print{.sidebar,.topbar,.bottom-nav,.page-actions,.detail-back,.hero-actions,.toast{display:none!important}.app-main{margin:0}.content{padding:0}.detail-hero{color:#000;min-height:auto;box-shadow:none;background:#fff}.detail-hero img,.detail-hero:after{display:none}.detail-hero-content{color:#000;padding:0}.detail-hero p{color:#333}.detail-stats{width:100%;box-shadow:none;margin:20px 0}.detail-grid{grid-template-columns:1fr 1fr}.panel{box-shadow:none;break-inside:avoid}}