*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;max-width:100vw;overflow-x:clip}body{background:var(--bg);max-width:100vw;color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:DM Sans,sans-serif;overflow-x:hidden}:root{--bg:#fdfaf6;--surface:#fff;--surface-2:#f8f3ee;--accent:#c8622a;--accent-hover:#b5551e;--gold:#c8982a;--green:#5a8a3c;--text:#2c1a0e;--text-2:#5c3c22;--muted:#8a6a50;--border:#e8ddd0;--border-med:#d4c4b0;--green-bg:#5a8a3c1a;--red:#b03020;--red-bg:#b0302014;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--shadow-xs:0 1px 4px #2c1a0e0d;--shadow-sm:0 2px 10px #2c1a0e12;--shadow-md:0 6px 24px #2c1a0e1a;--shadow-lg:0 16px 48px #2c1a0e24;--nav-h:60px;--touch:44px}.app-loading{min-height:100dvh;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.sidebar{width:100%;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--surface);border-top:1px solid var(--border);z-index:200;min-height:unset;border-right:none;flex-direction:row;align-items:stretch;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -4px 24px #2c1a0e14}.sidebar-header,.sidebar-user{display:none}.nav-tabs{flex-direction:row;flex:1;align-items:stretch;gap:0;padding:0;display:flex;overflow:visible}.nav-tab{padding:var(--sp-2) var(--sp-1);height:var(--nav-h);min-height:var(--nav-h);color:var(--muted);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;line-height:1.2;transition:background .15s,color .15s;display:flex;position:relative}.nav-tab:after{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:0;transition:height .18s;position:absolute;top:0;left:15%;right:15%}.nav-tab.active{color:var(--accent);font-weight:500}.nav-tab.active:after{height:2.5px}.nav-tab .tab-icon{font-size:22px;line-height:1;display:block}.nav-badge{background:linear-gradient(135deg, var(--accent), #a04a18);color:#fff;border-radius:20px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500}.sidebar-footer{border-left:1px solid var(--border);flex-direction:row;flex-shrink:0;align-items:stretch;gap:0;padding:0;display:flex}.btn-logout,.btn-admin-link{padding:var(--sp-2) var(--sp-2);min-width:56px;height:var(--nav-h);min-height:var(--nav-h);border:none;border-left:1px solid var(--border);color:var(--muted);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:DM Sans,sans-serif;font-size:9px;line-height:1.2;transition:background .15s,color .15s;display:flex}.btn-logout>span,.btn-admin-link>span{font-size:18px;line-height:1;display:block}.btn-logout:active{background:var(--red-bg);color:var(--red)}.btn-admin-link:active{background:var(--surface-2)}.main-content{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--sp-4));padding-top:env(safe-area-inset-top,0px);width:100%;min-height:100dvh;margin-left:0}@media (width>=768px){.sidebar{border-top:none;border-right:1px solid var(--border);flex-direction:column;align-items:stretch;width:240px;height:100vh;padding-bottom:0;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:2px 0 16px #2c1a0e0d}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:1.5rem 1.25rem 1rem;display:block}.sidebar-logo{color:var(--text);align-items:center;gap:10px;font-family:Playfair Display,serif;font-size:1.05rem;display:flex}.sidebar-logo-icon{border-radius:10px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.sidebar-logo-icon img{border-radius:10px;width:32px;height:32px;display:block}.sidebar-user{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:1.1rem 1.25rem;display:flex}.sidebar-avatar{border:2px solid var(--border);background:#f0e8e0;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.sidebar-avatar svg{width:40px;height:40px}.sidebar-username{color:var(--text);font-size:13px;font-weight:500;display:block}.sidebar-username-id{color:var(--muted);font-size:11px;display:block}.nav-tabs{flex-direction:column;flex:1;gap:2px;padding:1rem .75rem .5rem;overflow:hidden auto}.nav-tab{width:100%;height:36px;min-height:unset;text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;flex-direction:row;flex:none;justify-content:flex-start;align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:400;line-height:1.2;overflow:hidden}.nav-tab:after{display:none}.nav-tab:hover{color:var(--text);background:var(--surface-2)}.nav-tab.active{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:#c8622a1a;font-weight:600}.nav-tab .tab-icon{flex-shrink:0;font-size:16px;line-height:1}.sidebar-footer{border-left:none;border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;padding:.875rem .75rem}.btn-logout,.btn-admin-link{width:100%;min-width:unset;height:auto;min-height:unset;border:1px solid var(--border);text-align:left;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:normal}.btn-logout>span,.btn-admin-link>span{flex-shrink:0;font-size:15px;display:inline}.btn-logout:hover{background:var(--red-bg);color:var(--red);border-color:#b0302033}.btn-admin-link:hover{background:var(--surface-2);border-color:var(--border-med);color:var(--text-2)}html,body{height:100%;overflow:hidden}.main-content{-webkit-overflow-scrolling:touch;width:auto;height:100vh;margin-left:240px;padding-top:0;padding-bottom:0;overflow-y:auto}}.field{margin-bottom:1rem}.field label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:500;display:block}.field input{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);-webkit-appearance:none;background:#ffffffbf;outline:none;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder{color:#8a6a5073}.field input:focus{border-color:var(--accent);background:#fffffff2;box-shadow:0 0 0 3px #c8622a1a}.profile-arrow,.profile-submenu{display:none}.profile-mobile-overlay{-webkit-backdrop-filter:blur(6px);z-index:300;background:#2c1a0e66;align-items:flex-end;display:flex;position:fixed;inset:0}.profile-mobile-drawer{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;padding:2rem var(--sp-4) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='4'%3E%3Crect width='40' height='4' rx='2' fill='rgba(138,106,80,0.2)'/%3E%3C/svg%3E");background-position:50% 10px;background-repeat:no-repeat;border-bottom:none;animation:.3s cubic-bezier(.22,1,.36,1) both sheetIn;box-shadow:0 -12px 48px #2c1a0e2e}.profile-mobile-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.profile-mobile-title{color:var(--text);font-family:Playfair Display,serif;font-size:1.1rem}.profile-mobile-item{align-items:center;gap:var(--sp-3);width:100%;padding:14px var(--sp-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-2);color:var(--text-2);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;font-family:DM Sans,sans-serif;font-size:15px;transition:all .15s;display:flex}.profile-mobile-item:active{background:#c8622a14;border-color:#c8622a4d}.profile-mobile-item>span{font-size:18px}@media (width>=768px){.profile-mobile-overlay{display:none!important}.profile-arrow{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:14px;line-height:1;transition:transform .2s;display:inline-block}.profile-arrow--open{transform:rotate(90deg)}.profile-submenu{border-left:2px solid #c8622a33;margin:0 0 2px 10px;padding:2px 0;display:block}.nav-tab--sub{height:32px;min-height:unset;color:var(--text-2);padding-left:20px;font-size:12px;font-weight:400}.nav-tab--sub:hover{background:var(--surface-2);color:var(--text)}.credits-widget--sub{margin:4px 0 6px 8px;font-size:11px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-2)}::-webkit-scrollbar-thumb{background:#c8622a33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c8622a59}}.login-page{min-height:100dvh;padding:2rem var(--sp-4);padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));padding-top:calc(2rem + env(safe-area-inset-top,0px));justify-content:center;align-items:center;font-family:DM Sans,sans-serif;display:flex}.bg-image{filter:blur(4px)brightness(.42)saturate(1.1);z-index:0;background-image:url(https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1600&q=80);background-position:50%;background-size:cover;position:fixed;inset:0;transform:scale(1.06)}.bg-overlay{z-index:1;background:linear-gradient(135deg,#2c1a0e40 0%,#643c1e26 100%);position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px;position:fixed;inset:0}.deco{z-index:2;pointer-events:none;position:fixed}.deco-1{opacity:.1;font-size:80px;animation:7s ease-in-out infinite floatA;top:8%;left:4%;transform:rotate(-18deg)}.deco-2{opacity:.09;font-size:62px;animation:9s ease-in-out infinite floatB;bottom:12%;right:5%;transform:rotate(14deg)}.deco-3{opacity:.07;font-size:48px;animation:11s ease-in-out infinite floatA;top:45%;left:2%;transform:rotate(8deg)}.deco-4{opacity:.08;font-size:58px;animation:8s ease-in-out infinite floatB;top:15%;right:6%;transform:rotate(-10deg)}@keyframes floatA{0%,to{transform:rotate(-18deg)translateY(0)}50%{transform:rotate(-14deg)translateY(-10px)}}@keyframes floatB{0%,to{transform:rotate(14deg)translateY(0)}50%{transform:rotate(10deg)translateY(-8px)}}@media (prefers-reduced-motion:reduce){.deco{animation:none}}.card{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(1.3);border-radius:var(--r-2xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg), 0 0 0 1px #c88c5014 inset;background:#fdfaf6eb;border:1px solid #e8ddd0bf;padding:2rem 1.5rem;animation:.65s cubic-bezier(.22,1,.36,1) both cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.card.wide{max-width:440px}@media (width>=480px){.card{padding:2.75rem 2.25rem}}.logo{text-align:center;margin-bottom:1.75rem}.logo-icon-box{border-radius:16px;width:80px;height:80px;margin:0 auto .875rem;display:block;overflow:hidden}.logo-icon-box img{border-radius:16px;width:80px;height:80px;display:block}.logo h1{color:var(--text);font-family:Playfair Display,serif;font-size:1.45rem;line-height:1.25}.logo h1 em{color:var(--accent);font-style:italic}.logo p{color:var(--muted);margin-top:6px;font-size:13px}.separator{background:var(--border);height:1px;margin:1.25rem 0}.error-msg{background:var(--red-bg);color:var(--red);border:1px solid #b0302033;border-radius:11px;margin-bottom:1rem;padding:11px 15px;font-size:13px;animation:.3s shakeIn}@keyframes shakeIn{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.form-panel{animation:.35s cubic-bezier(.22,1,.36,1) both fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.form-panel .field input{padding:14px 16px;font-size:16px}.btn-submit{width:100%;min-height:var(--touch);background:linear-gradient(135deg, var(--accent) 0%, #a04a18 100%);color:#fdfaf6;border-radius:var(--r-md);cursor:pointer;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border:none;margin-top:.5rem;padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:all .25s;box-shadow:0 6px 20px #c8622a4d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 30px #c8622a61}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.toggle-link{text-align:center;color:var(--muted);margin-top:1rem;font-size:13px}.toggle-link a{color:var(--accent);cursor:pointer;text-underline-offset:2px;font-weight:500;text-decoration:underline}.invite-badge{color:#3a6b20;background:#5a8a3c14;border:1px solid #5a8a3c38;border-radius:12px;align-items:center;gap:8px;margin-bottom:1.25rem;padding:10px 14px;font-size:13px;display:flex}.invalid-state{text-align:center;padding:1.5rem 0}.invalid-state .icon{margin-bottom:1rem;font-size:48px;display:block}.invalid-state h2{color:var(--text);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.3rem}.invalid-state p{color:var(--muted);font-size:13px;line-height:1.6}.checking{text-align:center;color:var(--muted);padding:2rem 0;font-size:14px}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:var(--sp-3);opacity:0;box-shadow:var(--shadow-sm);transition:opacity .4s,transform .4s;overflow:hidden;transform:translateY(16px)scale(.99)}.recipe-card.show{opacity:1;transform:translateY(0)scale(1)}@media (width>=768px){.recipe-card:hover{box-shadow:var(--shadow-md)}}.recipe-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);flex-wrap:wrap;padding:1.1rem 1.25rem;display:flex}.recipe-header-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.recipe-header-actions{align-items:flex-start;gap:var(--sp-1);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;margin-top:2px;display:flex}.recipe-num{color:var(--num-color,var(--accent));opacity:.55;flex-shrink:0;font-family:Playfair Display,serif;font-size:2rem;line-height:1}.recipe-name{color:var(--text);margin-bottom:3px;font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.3}.seasonal-badge{color:#3a7a48;margin-bottom:var(--sp-1);background:#508c3c1c;border:1px solid #508c3c38;border-radius:12px;align-items:center;gap:3px;padding:2px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;display:inline-flex}.recipe-meta{color:var(--muted);flex-wrap:wrap;gap:10px;margin-top:2px;font-size:11px;display:flex}.btn-fav,.btn-share{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#fffc;border-radius:10px;align-items:center;gap:4px;min-height:36px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.btn-fav:active{border-color:var(--gold);color:#8a6a18}.btn-fav.saved{color:#8a6a18;cursor:default;background:#c8982a14;border-color:#c8982a66}.btn-share:active{border-color:var(--accent);color:var(--accent)}.btn-share.copied{color:#3a7a48;background:#508c3c17;border-color:#508c3c66}@media (width>=768px){.btn-fav:hover{border-color:var(--gold);color:#8a6a18}.btn-share:hover{border-color:var(--accent);color:var(--accent)}}.rating-buttons{gap:var(--sp-1);display:flex}.btn-rate{border:1px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fffc;border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:36px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:16px;line-height:1;transition:all .15s;display:flex}.btn-rate:active{border-color:var(--border-med);background:var(--surface-2)}.btn-rate.active-like{background:#508c3c17;border-color:#508c3c66}.btn-rate.active-dislike{background:#b0302012;border-color:#b030204d}.recipe-body{padding:1.1rem 1.25rem}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-top:1.1rem;margin-bottom:10px;font-size:10px;font-weight:500}.section-label:first-child{margin-top:0}.ingredients-list{gap:var(--sp-1);flex-wrap:wrap;list-style:none;display:flex}.ingredients-list li{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12.5px;line-height:1.4;animation:.3s both badgeIn;display:flex}.ingredients-list li:before{content:"·";color:var(--accent);flex-shrink:0;font-weight:700}.ingredients-list li.seasonal-ing{color:var(--text);background:#508c3c14;border-color:#508c3c38}.ingredients-list li.seasonal-ing:before{content:none}.seasonal-dot{flex-shrink:0;font-size:11px}.recipe-card.show .ingredients-list li:first-child{animation-delay:80ms}.recipe-card.show .ingredients-list li:nth-child(2){animation-delay:.13s}.recipe-card.show .ingredients-list li:nth-child(3){animation-delay:.18s}.recipe-card.show .ingredients-list li:nth-child(4){animation-delay:.22s}.recipe-card.show .ingredients-list li:nth-child(5){animation-delay:.26s}.recipe-card.show .ingredients-list li:nth-child(6){animation-delay:.3s}.recipe-card.show .ingredients-list li:nth-child(n+7){animation-delay:.33s}@keyframes badgeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.steps-list{gap:var(--sp-3);flex-direction:column;list-style:none;display:flex}.steps-list li{color:var(--text-2);gap:var(--sp-3);align-items:flex-start;font-size:14px;line-height:1.65;display:flex}.step-num{background:linear-gradient(135deg, var(--accent), #a04a18);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;margin-top:2px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px 8px #c8622a40}.step-content{flex:1}.variant-row{gap:var(--sp-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:nowrap;margin-top:1.1rem;display:flex;overflow-x:auto}.variant-row::-webkit-scrollbar{display:none}.btn-variant{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-shrink:0;align-items:center;gap:5px;min-height:40px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.btn-variant:active{border-color:var(--accent);color:var(--accent);background:#c8622a0a}@media (width>=768px){.variant-row{flex-wrap:wrap;overflow-x:visible}.btn-variant:hover{border-color:var(--accent);color:var(--accent);background:#c8622a0a}}.divider{background:var(--border);height:1px;margin:var(--sp-4) 0}.pricing-page{background:var(--bg,#fdfaf6);min-height:100vh;padding:2rem 1rem 5rem}.pricing-header{text-align:center;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.pricing-back{border:1px solid var(--border,#ede3d8);color:var(--muted,#8a6a50);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;align-items:center;gap:6px;margin-bottom:1.5rem;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s;display:inline-flex}.pricing-back:hover{border-color:var(--accent,#c8622a);color:var(--accent,#c8622a)}.pricing-header h1{color:var(--text,#2c1a0e);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:2rem}.pricing-header p{color:var(--muted,#8a6a50);font-size:14px}.billing-toggle{background:var(--surface-2,#f5efe8);border-radius:14px;justify-content:center;gap:4px;width:fit-content;margin:0 auto 2.5rem;padding:4px;display:flex}.billing-btn{cursor:pointer;color:var(--text-2,#5a3e2c);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-family:DM Sans,sans-serif;font-size:14px;transition:all .2s;display:flex}.billing-btn.active{color:var(--text,#2c1a0e);background:#fff;font-weight:500;box-shadow:0 2px 8px #00000014}.save-badge{color:#2e7d32;letter-spacing:.02em;background:#e6f4ea;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:600}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.plan-card{background:var(--surface,#fff);border:1.5px solid var(--border,#ede3d8);border-radius:20px;padding:1.75rem;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 12px #2c1a0e0d}.plan-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #2c1a0e1a}.plan-card.highlighted{border:2px solid var(--accent,#c8622a);transform:scale(1.02);box-shadow:0 6px 28px #c8622a26}.plan-card.highlighted:hover{transform:scale(1.02)translateY(-4px);box-shadow:0 14px 36px #c8622a33}.plan-card.current{border:2px solid #38a169;box-shadow:0 6px 28px #38a16926}.plan-badge{background:var(--accent,#c8622a);color:#fff;white-space:nowrap;letter-spacing:.03em;border-radius:20px;padding:5px 16px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-badge-current{background:#38a169}.plan-name{color:var(--text,#2c1a0e);margin-top:.75rem;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.4rem}.plan-description{color:var(--muted,#8a6a50);margin-bottom:1.25rem;font-size:13px;line-height:1.55}.plan-price-block{margin-bottom:1.25rem}.plan-original-price{color:var(--muted,#8a6a50);margin-bottom:2px;font-size:12px;text-decoration:line-through}.plan-price{align-items:baseline;gap:5px;display:flex}.plan-price-amount{color:var(--text,#2c1a0e);letter-spacing:-.02em;font-size:2.4rem;font-weight:700;line-height:1}.plan-price-period{color:var(--muted,#8a6a50);font-size:14px}.plan-annual-note{color:#38a169;margin-top:5px;font-size:12px;font-weight:500}.plan-credits{color:var(--text-2,#5a3e2c);background:#c8622a0f;border:1px solid #c8622a1f;border-radius:10px;margin-bottom:1.25rem;padding:10px 14px;font-size:14px;font-weight:500}.plan-cta{cursor:pointer;border:1.5px solid var(--border,#ede3d8);width:100%;color:var(--text,#2c1a0e);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:12px;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:all .2s}.plan-cta:hover{border-color:var(--accent,#c8622a);color:var(--accent,#c8622a);background:#c8622a0a}.plan-cta.cta-highlighted{background:var(--accent,#c8622a);border-color:var(--accent,#c8622a);color:#fff;box-shadow:0 4px 18px #c8622a4d}.plan-cta.cta-highlighted:hover{background:#a04a18;border-color:#a04a18;transform:translateY(-1px);box-shadow:0 6px 22px #c8622a66}.plan-cta:disabled{opacity:.55;cursor:default;transform:none!important}.pricing-loading,.pricing-empty{text-align:center;color:var(--muted,#8a6a50);padding:4rem 1rem;font-size:15px}.pricing-manage{text-align:center;margin-top:2.5rem}.pricing-portal-btn{border:1px solid var(--border,#ede3d8);color:var(--muted,#8a6a50);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.pricing-portal-btn:hover{border-color:var(--border-med,#d4c4b0);color:var(--text-2,#5a3e2c)}.pricing-portal-btn:disabled{opacity:.55;cursor:default}@media (width<=600px){.pricing-header h1{font-size:1.6rem}.plans-grid{grid-template-columns:1fr}.plan-card.highlighted{transform:none}.plan-card.highlighted:hover{transform:translateY(-4px)}}.pricing-overlay{z-index:500;-webkit-backdrop-filter:blur(6px);padding:2rem 1rem;padding-top:calc(env(safe-area-inset-top) + 2rem);padding-bottom:calc(env(safe-area-inset-bottom) + 2rem);background:#2c1a0e8c;position:fixed;inset:0;overflow-y:auto}.pricing-modal{background:var(--bg,#fdfaf6);border-radius:24px;max-width:900px;margin:0 auto;animation:.35s cubic-bezier(.22,1,.36,1) both pricingSlideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #2c1a0e47}@keyframes pricingSlideUp{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pricing-modal-close{top:max(1.1rem, calc(env(safe-area-inset-top) + 8px));z-index:20;color:#f0c8aae6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Sans,sans-serif;font-size:16px;transition:all .15s;display:flex;position:absolute;right:1.1rem}.pricing-modal-close:hover{color:#f0a87a;background:#ffffff38}.pricing-modal-header{padding:2rem 2rem 1.75rem;padding-top:max(2rem, calc(env(safe-area-inset-top) + 1.5rem));background:linear-gradient(135deg,#221a0f 0%,#3a2818 100%)}.pricing-modal-hero{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.pricing-modal-sofia{border-radius:12px;flex-shrink:0;width:auto;height:120px}.pricing-modal-titles h1{color:#f0a87a;margin-bottom:.35rem;font-family:Playfair Display,serif;font-size:2rem;line-height:1.2}.pricing-modal-titles p{color:#f0c8aab3;font-size:13px}.pricing-modal-header .billing-toggle{background:#ffffff14;margin:0}.pricing-modal-header .billing-btn{color:#f0c8aab3}.pricing-modal-header .billing-btn.active{color:#f0a87a;background:#ffffff24;box-shadow:0 2px 8px #0003}.pricing-modal-body{padding:2rem}.plan-features{margin:0 0 1.25rem;padding:0;list-style:none}.plan-features li{color:var(--text-2,#5a3e2c);align-items:flex-start;gap:8px;padding:3px 0;font-size:13px;line-height:1.4;display:flex}.plan-check{color:var(--accent,#c8622a);flex-shrink:0;font-weight:700}.pricing-modal-packages{border-top:1px solid var(--border,#ede3d8);margin-top:2.5rem;padding-top:2rem}.packages-title{color:var(--text,#2c1a0e);text-align:center;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.1rem}.packages-grid{flex-direction:column;gap:10px;display:flex}.package-card{border:1px solid var(--border,#ede3d8);background:var(--surface,white);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:.875rem 1.25rem;display:flex}.package-name{color:var(--text,#2c1a0e);font-size:14px;font-weight:500}.package-credits{color:var(--muted,#8a6a50);margin-top:2px;font-size:12px}.package-right{flex-shrink:0;align-items:center;gap:1rem;display:flex}.package-price{color:var(--text,#2c1a0e);font-size:16px;font-weight:700}.package-btn{background:var(--accent,#c8622a);color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.package-btn:hover{background:#a04a18}.package-btn:disabled{opacity:.55;cursor:default}.pricing-modal-footer{text-align:center;color:var(--muted,#8a6a50);border-top:1px solid var(--border,#ede3d8);margin-top:2rem;padding:1rem 1rem 0;font-size:12px}@media (width<=600px){.pricing-overlay{align-items:flex-end;padding:0}.pricing-modal{min-height:85vh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0}.pricing-modal-header{padding:1.5rem 1rem 1.25rem}.pricing-modal-body{padding-bottom:calc(env(safe-area-inset-bottom) + 1.25rem)}.pricing-modal-hero{flex-direction:column;gap:1rem;margin-bottom:1.25rem}.pricing-modal-sofia{height:80px}.pricing-modal-titles h1{text-align:center;font-size:1.5rem}.pricing-modal-titles p{text-align:center}.pricing-modal-body{padding:1.25rem 1rem}.packages-grid{gap:8px}}.section{padding:var(--sp-4)}.section.active{display:block}@media (width>=768px){.section{max-width:760px;padding:2rem}}.hero-banner{border-radius:var(--r-xl);margin-bottom:var(--sp-4);background:linear-gradient(135deg,#fff0e6 0%,#fde4cc 100%);border:1px solid #f0d8c0;padding:1.5rem 1.25rem;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background:radial-gradient(at 85% -10%,#c8622a1f 0%,#0000 60%);position:absolute;inset:0}.hero-banner-inner{align-items:center;gap:1rem;display:flex;position:relative}.hero-banner-text{flex:1;min-width:0}.hero-banner h1{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.5rem;line-height:1.2}.hero-banner h1 em{color:var(--accent);font-style:italic}.hero-banner p{color:var(--muted);font-size:13px;line-height:1.55}.hero-sofia-avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.hero-sofia-avatar img{object-fit:contain;background:0 0;width:100%;height:100%;display:block}@media (width>=480px){.hero-banner{padding:2.25rem 2rem}.hero-banner h1{font-size:1.75rem}}.sofia-thinking{object-fit:cover;border:3px solid #f0d8c0cc;border-radius:50%;width:120px;height:120px;margin:0 auto 1.25rem;animation:1.8s ease-in-out infinite sofiaPulse;display:block}@keyframes sofiaPulse{0%,to{transform:scale(1);box-shadow:0 0 #c8622a1a}50%{transform:scale(1.05);box-shadow:0 0 18px 6px #c8622a2e}}@media (prefers-reduced-motion:reduce){.sofia-thinking{animation:none}}.fridge-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-3);box-shadow:var(--shadow-xs);padding:1.25rem}.fridge-label{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:500;display:flex}textarea.fridge-input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);resize:none;-webkit-appearance:none;outline:none;min-height:100px;padding:14px 15px;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65;transition:border-color .2s,box-shadow .2s}textarea.fridge-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #c8622a14}textarea.fridge-input::placeholder{color:#8a6a5073}.hint{color:var(--muted);margin-top:var(--sp-2);flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.hint-link{cursor:pointer;color:var(--accent);font-size:inherit;text-underline-offset:2px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.hint-link:hover{opacity:.8}@media (width>=480px){textarea.fridge-input{min-height:120px}}.seasonal-banner{border-radius:var(--r-lg);margin-bottom:var(--sp-3);gap:var(--sp-2);background:#508c3c0f;border:1px solid #508c3c2e;flex-direction:column;padding:.875rem 1.1rem;display:flex}.seasonal-banner-title{text-transform:uppercase;letter-spacing:.12em;color:#3a7a48;white-space:nowrap;font-size:11px;font-weight:500}@media (width>=768px){.seasonal-banner{align-items:flex-start;gap:var(--sp-3);flex-direction:row}.seasonal-banner-title{padding-top:5px}}.seasonal-pills{gap:var(--sp-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.seasonal-pills::-webkit-scrollbar{display:none}.seasonal-pill{color:#3a7a48;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#508c3c14;border:1px solid #508c3c40;border-radius:20px;flex-shrink:0;min-height:32px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:background .15s}.seasonal-pill:active{background:#508c3c2e}@media (width>=768px){.seasonal-pills{flex-wrap:wrap;overflow-x:visible}}.filter-pills{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-4);gap:var(--sp-2);flex-direction:column;padding:.875rem 1.1rem;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:11px;font-weight:500}@media (width>=768px){.filter-pills{align-items:flex-start;gap:var(--sp-3);flex-direction:row}.filter-label{padding-top:5px}}.filter-pill-group{gap:var(--sp-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.filter-pill-group::-webkit-scrollbar{display:none}.filter-pill{border:1.5px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:20px;flex-shrink:0;min-height:32px;padding:6px 13px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s}.filter-pill:active{border-color:var(--accent);color:var(--accent)}.filter-pill.active{color:var(--accent);background:#c8622a1a;border-color:#c8622a59;font-weight:500}@media (width>=768px){.filter-pill-group{flex-wrap:wrap;overflow-x:visible}.seasonal-pill,.filter-pill{min-height:unset;border-radius:20px;padding:3px 10px;font-size:11px}}.fridge-label-row{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-bottom:10px;display:flex}.fridge-label-row .fridge-label{margin-bottom:0}.btn-photo{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;min-height:32px;padding:6px 11px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.btn-photo:active{border-color:var(--accent);color:var(--accent);background:#c8622a0a}.btn-photo:disabled{opacity:.6;cursor:default}@media (width>=768px){.btn-photo{padding:4px 10px;font-size:11px}.btn-photo:hover{border-color:var(--accent);color:var(--accent);background:#c8622a0a}}.photo-msg{color:#3a7a48;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:#5a8a3c14;border:1px solid #5a8a3c38;border-radius:9px;font-size:12px;line-height:1.4;animation:.25s slideDown}.photo-thumbnails{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:10px 0 4px;display:flex;overflow-x:auto}.photo-thumbnails::-webkit-scrollbar{display:none}.photo-thumb{border:1.5px solid var(--border);background:var(--surface-2);border-radius:10px;flex-shrink:0;width:58px;height:58px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb-remove{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#2c1a0eb8;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;line-height:1;display:flex;position:absolute;top:3px;right:3px}.photo-analyze-row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.photo-count{color:var(--muted);font-size:12px}.btn-analyze{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;flex-shrink:0;min-height:32px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:12px;transition:background .15s}.btn-analyze:active{background:#a04a18}.btn-analyze:disabled{opacity:.55;cursor:default}@media (width>=768px){.btn-analyze:hover{background:#a04a18}}.btn-cook{width:100%;padding:0 var(--sp-4);background:linear-gradient(135deg, var(--accent) 0%, #a04a18 100%);color:#fdfaf6;border-radius:var(--r-md);cursor:pointer;letter-spacing:.02em;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:9px;height:52px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:all .22s;display:flex;box-shadow:0 6px 20px #c8622a47}.btn-cook:active{transform:scale(.98);box-shadow:0 3px 10px #c8622a33}@media (width>=768px){.btn-cook:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c8622a5c}}.loading-view{text-align:center;padding:3rem var(--sp-4) var(--sp-4)}.loading-view>p{color:var(--text);margin-bottom:5px;font-family:Playfair Display,serif;font-size:1.1rem}.loading-view small{color:var(--muted);margin-bottom:1.25rem;font-size:13px;display:block}.loading-card{border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);text-align:left;transition:opacity .3s;overflow:hidden}.loading-card.fading-out{opacity:0}.loading-emoji-zone{height:180px;position:relative;overflow:hidden}.loading-emoji{cursor:default;-webkit-user-select:none;user-select:none;font-size:44px;line-height:1;position:absolute}@keyframes emojiFadeIn{0%{opacity:0}to{opacity:1}}.loading-tip-zone{opacity:0;border-top:1px solid #e3d9cc;padding:.875rem 1.1rem;transition:opacity .4s}.loading-tip-zone.visible{opacity:1}.loading-tip-zone p{color:#8a7660;text-align:center;margin:0;font-size:12px;font-style:italic;line-height:1.5}.results-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.results-header h2{color:var(--text);font-family:Playfair Display,serif;font-size:1.2rem}.btn-new{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:11px;min-height:36px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.btn-new:active{border-color:var(--accent);color:var(--text-2)}@media (width>=768px){.btn-new:hover{border-color:var(--accent);color:var(--text-2);background:#c8622a0a}.results-header h2{font-size:1.3rem}}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-2);cursor:pointer;box-shadow:var(--shadow-xs);-webkit-tap-highlight-color:transparent;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s}.history-item:active{border-color:var(--border-med);box-shadow:var(--shadow-sm)}@media (width>=768px){.history-item:hover{border-color:var(--border-med);box-shadow:var(--shadow-sm);transform:translateY(-2px)}}.history-date{color:var(--muted);margin-bottom:5px;font-size:11px}.history-ingredients{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4}.history-count{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.fav-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;gap:var(--sp-2);box-shadow:var(--shadow-xs);padding:.875rem 1.1rem;display:flex}.fav-info{flex:1;min-width:0}.fav-name{color:var(--text);font-size:14px;font-weight:500;line-height:1.3}.fav-date{color:var(--muted);margin-top:3px;font-size:11px}.fav-actions{gap:var(--sp-2);flex-shrink:0;align-items:center;display:flex}.fav-rating{gap:var(--sp-1);display:flex}.btn-rate-fav{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;min-height:var(--touch);min-width:var(--touch);-webkit-tap-highlight-color:transparent;border-radius:9px;justify-content:center;align-items:center;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:16px;transition:all .15s;display:flex}.btn-rate-fav:active{border-color:var(--border-med)}.btn-rate-fav.active{background:#c8982a1a;border-color:#c8982a66}.btn-remove-fav{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;min-height:var(--touch);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:9px;align-items:center;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:flex}.btn-remove-fav:active{background:var(--red-bg);color:var(--red);border-color:#b0302033}.empty-icon{opacity:.4;margin-bottom:1rem;font-size:40px;display:block}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:200;background:#2c1a0e66;justify-content:stretch;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl) var(--r-2xl) 0 0;width:100%;max-width:100%;max-height:92dvh;padding:1.5rem var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom,0px));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='4'%3E%3Crect width='40' height='4' rx='2' fill='rgba(138,106,80,0.2)'/%3E%3C/svg%3E");background-position:50% 10px;background-repeat:no-repeat;border-bottom:none;padding-top:2rem;animation:.35s cubic-bezier(.22,1,.36,1) both sheetIn;overflow-y:auto;box-shadow:0 -12px 48px #2c1a0e2e}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=640px){.modal-overlay{justify-content:center;align-items:center;padding:1.5rem}.modal{border-radius:var(--r-xl);border-bottom:1px solid var(--border);background-image:none;max-width:620px;max-height:85dvh;padding:1.75rem;animation:.3s cubic-bezier(.22,1,.36,1) both modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}}.modal-overlay.variant-overlay{z-index:300}.credits-widget{margin:0 var(--sp-3) var(--sp-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;padding:10px 12px;transition:border-color .15s,background .15s}.credits-widget:active{border-color:var(--accent);background:#c8622a0a}.credits-widget--sidebar-desktop{display:none}@media (width>=768px){.credits-widget:hover{border-color:var(--accent);background:#c8622a0a}.credits-widget--sub{cursor:pointer;margin:4px 0 6px 8px}.credits-widget--sidebar-desktop{cursor:pointer;margin-top:12px;display:block}}.credits-widget-header{color:var(--text-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.credits-warn{font-size:13px}.credits-bar{background:var(--border);border-radius:4px;height:5px;overflow:hidden}.credits-fill{border-radius:4px;height:100%;transition:width .4s,background .3s}.credits-low{color:#e53e3e;margin-top:4px;font-size:10px;font-weight:500}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-header h3{color:var(--text);font-family:Playfair Display,serif;font-size:1.15rem}.btn-close{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.btn-close:active{color:var(--text);border-color:var(--border-med)}.weekly-recipe-card{background:linear-gradient(135deg,#fff0e6,#fae8df);border:1.5px solid #d4622a;border-radius:16px;margin-bottom:24px;padding:20px 24px}.weekly-recipe-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.weekly-badge{color:#fff;background:#d4622a;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.weekly-sofia{font-size:24px}.weekly-recipe-title{color:#221a0f;margin-bottom:6px;font-family:Georgia,serif;font-size:18px;font-weight:700}.weekly-recipe-preview{color:#8a7660;margin-bottom:12px;font-size:13px}.btn-weekly-open{color:#d4622a;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:700}.btn-weekly-open:hover{text-decoration:underline}.modal-overlay:has(.modal-box){justify-content:center;align-items:center}.modal-box{background:var(--surface,#fffdf9);border:1px solid var(--border);border-radius:16px;width:90%;max-width:540px;max-height:80vh;padding:28px 24px;animation:none;position:relative;overflow-y:auto;box-shadow:0 12px 48px #2c1a0e2e}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:18px;line-height:1;position:absolute;top:12px;right:14px}.quick-access-widget{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:16px;display:none}.quick-access-title{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:600}.quick-access-btn{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--accent);text-align:left;cursor:pointer;border-radius:10px;margin-bottom:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;display:block}.quick-access-btn:last-child{margin-bottom:0}@media (width<=768px){.quick-access-widget{display:block}}.admin-main{padding:var(--sp-4)}@media (width>=768px){.admin-main{max-width:960px;padding:2rem}}.section-title{margin-bottom:var(--sp-4);color:var(--text);font-family:Playfair Display,serif;font-size:1.4rem}.stats-grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);margin-bottom:2rem;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);padding:1.25rem 1.1rem;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#c8622a14 0%,#0000 70%);width:70px;height:70px;position:absolute;top:0;right:0}.stat-card:nth-child(2n):before{background:radial-gradient(circle at 100% 0,#5a8a3c14 0%,#0000 70%)}.stat-icon{margin-bottom:var(--sp-2);opacity:.5;font-size:20px}.stat-value{color:var(--text);margin-bottom:5px;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;line-height:1}.stat-label{letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500;line-height:1.3}.stat-card:nth-child(2) .stat-value{color:var(--green)}.stat-card:nth-child(3) .stat-value{color:var(--red)}.stat-card:nth-child(4) .stat-value{color:var(--accent)}.stat-card:nth-child(5) .stat-value{color:var(--gold)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);margin-bottom:var(--sp-4);overflow:hidden}.table-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-3);background:var(--surface-2);padding:1rem 1.25rem;display:flex}.table-header h3{color:var(--text-2);font-size:14px;font-weight:500}.user-count{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%}th{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:500}td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-2);padding:11px 14px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}td strong{color:var(--text);font-weight:500}@media (width<=767px){.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{display:block}.table-wrap thead tr{visibility:hidden;position:absolute;top:-9999px;left:-9999px}.table-wrap tbody tr{border:1px solid var(--border);border-radius:var(--r-md);margin:var(--sp-3) var(--sp-3) 0;padding:var(--sp-3);background:var(--surface);box-shadow:var(--shadow-xs)}.table-wrap tbody tr:last-child{margin-bottom:var(--sp-3)}.table-wrap tbody td{padding:var(--sp-1) 0;align-items:baseline;gap:var(--sp-3);border:none;border-bottom:1px solid #e8ddd073;min-height:30px;font-size:13px;display:flex}.table-wrap tbody td:last-child{border-bottom:none;padding-bottom:0}.table-wrap tbody td:before{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex-shrink:0;min-width:86px;padding-top:1px;font-size:10px;font-weight:500}.tw-users tbody td:first-of-type:before{content:"Username"}.tw-users tbody td:nth-of-type(2):before{content:"Email"}.tw-users tbody td:nth-of-type(3):before{content:"Ruolo"}.tw-users tbody td:nth-of-type(4):before{content:"Stato"}.tw-users tbody td:nth-of-type(5):before{content:"Registrato"}.tw-users tbody td:nth-of-type(6):before{content:"Ultimo acc."}.tw-users tbody td:nth-of-type(7):before{content:"Dispensa"}.tw-users tbody td:nth-of-type(8):before{content:"";min-width:0}.tw-invites tbody td:first-of-type:before{content:"Token"}.tw-invites tbody td:nth-of-type(2):before{content:"Stato"}.tw-invites tbody td:nth-of-type(3):before{content:"Scadenza"}.tw-invites tbody td:nth-of-type(4):before{content:"Creato"}.tw-invites tbody td:nth-of-type(5):before{content:"";min-width:0}.table-wrap .empty-state{padding:var(--sp-6);font-size:13px}}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 11px;font-size:11px;font-weight:500;display:inline-flex}.badge.active{background:var(--green-bg);color:#3a6b20;border:1px solid #5a8a3c38}.badge.blocked{background:var(--red-bg);color:var(--red);border:1px solid #b0302033}.badge.admin{color:var(--accent);background:#c8622a1a;border:1px solid #c8622a38}.badge.user{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.actions{gap:var(--sp-1);flex-wrap:wrap;display:flex}.btn-sm{cursor:pointer;border:1px solid var(--border);color:var(--muted);white-space:nowrap;min-height:var(--touch);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:9px;align-items:center;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s;display:inline-flex}.btn-sm:active{color:var(--text-2);border-color:var(--border-med);background:var(--surface-2)}.btn-sm.danger:active{color:var(--red);background:var(--red-bg);border-color:#b0302040}.btn-sm.success:active{color:#3a6b20;background:var(--green-bg);border-color:#5a8a3c40}@media (width>=768px){.btn-sm:hover{color:var(--text-2);border-color:var(--border-med);background:var(--surface-2)}.btn-sm.danger:hover{color:var(--red);background:var(--red-bg);border-color:#b0302040}.btn-sm.success:hover{color:#3a6b20;background:var(--green-bg);border-color:#5a8a3c40}}.invite-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-xs);flex-wrap:wrap;padding:1.25rem;display:flex}.invite-form label{color:var(--muted);white-space:nowrap;font-size:13px}.invite-form select{background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;-webkit-appearance:none;min-height:var(--touch);border-radius:10px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}.invite-form select:focus{border-color:var(--accent)}.btn-primary{min-height:var(--touch);background:linear-gradient(135deg, var(--accent), #a04a18);color:#fdfaf6;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:11px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s;box-shadow:0 4px 14px #c8622a40}.btn-primary:active{transform:scale(.98)}@media (width>=768px){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #c8622a52}}.invite-url-box{border-radius:var(--r-lg);margin-bottom:var(--sp-4);background:#5a8a3c0f;border:1.5px solid #5a8a3c40;padding:1.1rem 1.25rem;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.invite-url-box p{color:#3a6b20;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:500;display:flex}.invite-url-box .url{color:var(--text-2);word-break:break-all;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:10px 12px;font-family:monospace;font-size:12px;line-height:1.5}.btn-copy{min-height:var(--touch);background:var(--green-bg);color:#3a6b20;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #5a8a3c40;border-radius:9px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s}.btn-copy:active{background:#5a8a3c2e}.empty-state{text-align:center;color:var(--muted);padding:2.5rem;font-size:13px}.public-page{background:var(--bg);min-height:100dvh;padding:0 0 5rem}.public-header{text-align:center;padding:calc(var(--sp-8) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-6);background:linear-gradient(#fdfaf600 0%,#0000 100%)}.public-logo{color:var(--accent);margin-bottom:6px;font-family:Playfair Display,serif;font-size:1.5rem}.public-subtitle{color:var(--muted);font-size:13px}.public-content{max-width:680px;padding:0 var(--sp-4);margin:0 auto}.public-info{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-5);gap:var(--sp-2);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:flex-start;display:flex}.public-info-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);flex-shrink:0;padding-top:1px;font-size:11px;font-weight:500}.public-info-text{color:var(--text);font-size:14px;line-height:1.5}.public-cta{text-align:center;margin-top:var(--sp-8);padding:2rem var(--sp-4);border-radius:var(--r-xl);background:linear-gradient(135deg,#fff0e6,#fde4cc);border:1px solid #f0d8c0;margin-bottom:5rem}.public-cta p{color:var(--text);margin-bottom:var(--sp-4);font-family:Playfair Display,serif;font-size:1.1rem}.btn-try-app{background:linear-gradient(135deg, var(--accent), #a04a18);color:#fdfaf6;padding:15px var(--sp-8);border-radius:var(--r-md);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;width:100%;max-width:360px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #c8622a47}.btn-try-app:active{transform:scale(.98)}@media (width<=767px){.btn-try-app{bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));left:var(--sp-4);right:var(--sp-4);z-index:50;max-width:none;position:fixed;box-shadow:0 8px 32px #c8622a59}.public-cta{padding-bottom:var(--sp-4)}}@media (width>=768px){.public-page{-webkit-overflow-scrolling:touch;height:100vh;overflow-y:auto}.btn-try-app:hover{transform:translateY(-2px);box-shadow:0 12px 28px #c8622a5c}.public-header{padding-top:var(--sp-10)}.public-logo{font-size:1.75rem}}.public-state{text-align:center;padding:calc(var(--sp-12) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-12);color:var(--muted);max-width:480px;margin:0 auto}.public-state-icon{margin-bottom:var(--sp-4);font-size:52px;display:block}.pub-wobble{animation:.65s ease-in-out infinite alternate wobble}@keyframes wobble{0%{transform:rotate(-10deg)scale(1)}to{transform:rotate(10deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.pub-wobble{animation:none}}.public-state h2{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:1.3rem}.public-state p{margin-bottom:var(--sp-5);font-size:14px;line-height:1.6}.btn-try-cta{background:var(--accent);color:#fff;min-height:var(--touch);border-radius:12px;align-items:center;gap:6px;padding:13px 24px;font-family:DM Sans,sans-serif;font-size:14px;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn-try-cta:active{opacity:.85}.profile-page{background:var(--bg);min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--sp-4))}.profile-header{padding:calc(var(--sp-6) + env(safe-area-inset-top,0px)) var(--sp-4) var(--sp-4);gap:var(--sp-2);border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex}.profile-back{cursor:pointer;color:var(--accent);text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-self:flex-start;padding:0;font-family:DM Sans,sans-serif;font-size:14px}.profile-title{color:var(--text);margin:0;font-family:Playfair Display,serif;font-size:1.5rem}.autosave-indicator{white-space:nowrap;border-radius:20px;align-self:center;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:opacity .2s}.autosave-indicator--saving{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.autosave-indicator--saved{color:var(--green);background:#5a8a3c1a;border:1px solid #5a8a3c40}.autosave-indicator--error{background:var(--red-bg);color:var(--red);border:1px solid #b0302033}@media (width>=768px){.autosave-indicator{margin-left:auto}}.profile-content{max-width:640px;padding:var(--sp-5) var(--sp-4);gap:var(--sp-5);flex-direction:column;margin:0 auto;display:flex}.profile-loading{text-align:center;padding:var(--sp-12) var(--sp-4);color:var(--muted);font-size:14px}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-xs)}.profile-section-title{color:var(--text);margin:0 0 var(--sp-4);font-family:Playfair Display,serif;font-size:1.1rem}.profile-section-desc{color:var(--muted);margin-bottom:var(--sp-4);font-size:13px;line-height:1.5}.profile-field{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-direction:column;display:flex}.profile-field:last-child{margin-bottom:0}.profile-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.profile-input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text);box-sizing:border-box;outline:none;width:100%;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}.profile-input:focus{border-color:var(--accent)}.profile-input--readonly{color:var(--muted);cursor:default;background:var(--bg)}.profile-input--readonly:focus{border-color:var(--border)}.profile-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238A6A50' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.pantry-grid{gap:var(--sp-1);flex-direction:column;display:flex}.pantry-group-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:var(--sp-2) 0 var(--sp-1);font-size:10px;font-weight:500}.pantry-group-label--optional{margin-top:var(--sp-2)}.pantry-item{align-items:center;gap:var(--sp-2);padding:12px var(--sp-3);border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface-2);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--touch);transition:all .15s;display:flex}.pantry-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.pantry-item--fixed{opacity:.75;cursor:default;background:#c8622a0a;border-color:#c8622a33}.pantry-item--fixed input{cursor:default}.pantry-item--checked{background:#5a8a3c14;border-color:#5a8a3c4d}.pantry-item:not(.pantry-item--fixed):active{background:#5a8a3c1f;border-color:#5a8a3c66}@media (width>=768px){.pantry-item:not(.pantry-item--fixed):hover{background:#5a8a3c0f;border-color:#5a8a3c40}}.pantry-emoji{flex-shrink:0;font-size:18px}.pantry-name{color:var(--text-2);font-size:14px}.profile-save-btn{background:linear-gradient(135deg, var(--accent), #a04a18);color:#fdfaf6;border-radius:var(--r-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;padding:16px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #c8622a47}.profile-save-btn:disabled{opacity:.7;cursor:default}.profile-save-btn:active{transform:scale(.98)}.profile-save-btn--saved{background:linear-gradient(135deg, var(--green), #3a6b20);box-shadow:0 4px 16px #5a8a3c47}@media (width>=768px){.profile-save-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 20px #c8622a5c}.profile-save-btn--saved:not(:disabled):hover{box-shadow:0 8px 20px #5a8a3c5c}.profile-page{-webkit-overflow-scrolling:touch;height:100vh;padding-bottom:var(--sp-8);overflow-y:auto}.profile-header{align-items:center;gap:var(--sp-4);padding-top:var(--sp-6);flex-direction:row}.profile-title{font-size:1.7rem}.pantry-grid{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.pantry-group-label{grid-column:1/-1}}