:root{--bg:#0b0f1e;--bg-alt:#0f1528;--surface:#141929;--surface-2:#1a2035;--surface-3:#212640;--glass:#ffffff0e;--glass-hover:#ffffff17;--glass-border:#ffffff1c;--primary:#ff6b35;--primary-dark:#e8501e;--primary-glow:#ff6b354d;--purple:#8b5cf6;--purple-glow:#8b5cf64d;--teal:#06d6a0;--gold:#f59e0b;--rose:#f43f5e;--text:#fff;--text-2:#b8c0e0;--text-muted:#7b85a8;--text-faint:#4a5070;--success:#10b981;--error:#f43f5e;--warning:#f59e0b;--info:#3b82f6;--border:#ffffff17;--border-2:#ffffff24;--radius-xs:6px;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--nav-height:70px;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 32px #0000008c;--shadow-lg:0 24px 64px #000000a6;--shadow-xl:0 40px 100px #000000bf}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%}button{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.3px;font-family:Playfair Display,Georgia,serif}.skip-link{z-index:9999;background:var(--primary);color:#fff;border-radius:0 0 var(--radius) var(--radius);padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-link:focus{top:0}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--nav-height);flex:1}body:before{content:"";z-index:0;pointer-events:none;opacity:.025;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");position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(50% 40% at 8% 85%,#8b5cf612 0%,#0000 70%),radial-gradient(45% 35% at 92% 65%,#ff6b350d 0%,#0000 70%),radial-gradient(40% 30% at 50% 100%,#06d6a00a 0%,#0000 70%);position:fixed;inset:0}.navbar{height:var(--nav-height);z-index:200;-webkit-backdrop-filter:blur(24px)saturate(200%);border-bottom:1px solid var(--border);background:#0b0f1ee0;transition:border-color .3s,background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#0b0f1ef7;border-bottom-color:#ffffff1a;box-shadow:0 1px #ffffff0a,0 4px 40px #0009}.nav-container{justify-content:space-between;align-items:center;gap:24px;max-width:1380px;height:100%;margin:0 auto;padding:0 32px;display:flex}.nav-brand{letter-spacing:-.5px;flex-shrink:0;align-items:center;gap:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800;display:flex}.brand-icon{font-size:24px}.brand-name{background:linear-gradient(90deg,#ff6b35 0%,#fbbf24 40%,#f43f5e 70%,#ff6b35 100%) 0 0/250%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shimmer}.nav-brand:after{content:"";background:#06d6a0;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:2px;animation:2.5s ease-in-out infinite liveDot;display:inline-block;box-shadow:0 0 10px #06d6a0e6,0 0 20px #06d6a066}@keyframes liveDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}@keyframes shimmer{0%{background-position:0%}to{background-position:250%}}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spinBorder{to{--border-angle:360deg}}.nav-links{align-items:center;gap:2px;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;transition:all .18s;display:flex}.nav-link:hover{background:var(--glass-hover);color:var(--text)}.nav-link.active{color:var(--primary);background:#ff6b3521}.nav-icon{font-size:14px}.nav-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;border-radius:var(--radius-xl);box-shadow:0 0 0 0 var(--primary-glow);white-space:nowrap;flex-shrink:0;padding:9px 22px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:700;transition:all .2s;animation:4s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{box-shadow:0 4px 16px #ff6b3559}50%{box-shadow:0 4px 24px #ff6b358c,0 0 0 4px #ff6b351a}}.nav-cta:hover{transform:translateY(-2px)scale(1.02)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--text-2);border-radius:2px;width:22px;height:2px;display:block}.hero{min-height:auto;padding:calc(var(--nav-height) + 4px) 24px 36px;text-align:center;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(ellipse 70% 60% at 10% 40%, #8b5cf633 0%, transparent 70%), radial-gradient(ellipse 60% 50% at 90% 20%, #ff6b3529 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 50% 90%, #06d6a01a 0%, transparent 70%), radial-gradient(ellipse 40% 30% at 80% 70%, #f43f5e14 0%, transparent 70%), var(--bg-alt);position:absolute;inset:0}.hero-bg:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 90%,#000 30%,#0000 75%)}.orb{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#8b5cf640,#0000 70%);width:700px;height:700px;animation:18s ease-in-out infinite orbit1;top:-250px;left:-150px}.orb-2{background:radial-gradient(circle,#ff6b3533,#0000 70%);width:600px;height:600px;animation:22s ease-in-out infinite orbit2;top:-100px;right:-100px}.orb-3{background:radial-gradient(circle,#06d6a01f,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite orbit3;bottom:-80px;left:35%}.orb-4{background:radial-gradient(circle,#f43f5e1a,#0000 70%);width:300px;height:300px;animation:14s ease-in-out infinite reverse orbit1;bottom:20%;right:10%}@keyframes orbit1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(60px,-40px)scale(1.1)}66%{transform:translate(-30px,30px)scale(.9)}}@keyframes orbit2{0%,to{transform:translate(0)}33%{transform:translate(-50px,30px)}66%{transform:translate(40px,-20px)}}@keyframes orbit3{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.2)}}.food-float{z-index:1;pointer-events:none;opacity:0;filter:blur();font-size:36px;animation:12s ease-in-out infinite floatFood;position:absolute}.food-float.f1{font-size:40px;animation-duration:14s;animation-delay:0s;top:15%;left:8%}.food-float.f2{font-size:32px;animation-duration:16s;animation-delay:-3s;top:25%;right:8%}.food-float.f3{font-size:28px;animation-duration:13s;animation-delay:-6s;top:60%;left:5%}.food-float.f4{font-size:36px;animation-duration:17s;animation-delay:-9s;top:70%;right:7%}.food-float.f5{font-size:24px;animation-duration:15s;animation-delay:-2s;top:45%;left:15%}.food-float.f6{font-size:30px;animation-duration:11s;animation-delay:-7s;top:35%;right:15%}.food-float.f7{font-size:34px;animation-duration:19s;animation-delay:-4s;bottom:20%;left:20%}.food-float.f8{font-size:26px;animation-duration:13s;animation-delay:-11s;bottom:25%;right:20%}@keyframes floatFood{0%{opacity:0;transform:translateY(20px)rotate(-5deg)scale(.9)}15%{opacity:.35}50%{opacity:.22;transform:translateY(-30px)rotate(8deg)scale(1.05)}85%{opacity:.35}to{opacity:0;transform:translateY(20px)rotate(-5deg)scale(.9)}}.hero-content{z-index:2;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:min(1400px,88vw);margin:0 auto;animation:.9s cubic-bezier(.34,1.56,.64,1) forwards heroReveal;display:flex;position:relative}@keyframes heroReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{color:var(--text-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.3px;background:#ffffff12;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:10px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--teal);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulseDot;box-shadow:0 0 12px #06d6a0cc}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-title{letter-spacing:-2px;color:var(--text);font-family:Playfair Display,Georgia,serif;font-size:clamp(32px,4.5vw,56px);font-weight:900;line-height:1}.hero-title .gradient-text{background:linear-gradient(135deg,#ff6b35 0%,#fbbf24 40%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-title .italic-block{color:#ffffff8c;letter-spacing:-1px;margin-top:4px;font-size:.72em;font-style:italic;font-weight:700;display:block}.hero-subtitle{color:var(--text-2);max-width:520px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.65}.hero-search-row{align-items:center;gap:12px;width:100%;max-width:720px;display:flex}.hero-search{border-radius:100px;flex:1;position:relative}.hero-search:before{content:"";background:conic-gradient(from var(--border-angle), #ff6b35 0%, #8b5cf6 25%, #06d6a0 50%, #f43f5e 75%, #ff6b35 100%);z-index:0;border-radius:102px;animation:4s linear infinite spinBorder;position:absolute;inset:-2px;box-shadow:0 0 24px #8b5cf640,0 0 48px #ff6b351f,0 8px 40px #0000008c}.hero-search search-bar{z-index:1;background:#07090f;border-radius:100px;display:block;position:relative}.search-scan{pointer-events:none;z-index:3;border-radius:100px;position:absolute;inset:2px;overflow:hidden}.search-scan:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff12 35%,#ffffff1f 50%,#ffffff12 65%,#0000 100%);width:40%;animation:3.2s ease-in-out infinite searchScanLine;position:absolute;top:0;bottom:0}@keyframes searchScanLine{0%{left:-40%}to{left:110%}}.hero-quick-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.quick-tag-label{color:var(--text-muted);font-size:14px;font-weight:600}.quick-tag{color:var(--text-2);cursor:pointer;background:#ffffff12;border:1px solid #ffffff24;border-radius:100px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.quick-tag:hover{color:var(--primary);background:#ff6b351f;border-color:#ff6b3559;transform:translateY(-1px)}.hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff12;border-radius:100px;align-items:center;gap:0;padding:4px;display:flex}.hero-stat{border-right:1px solid #ffffff17;flex-direction:column;align-items:center;gap:2px;padding:8px 24px;display:flex}.hero-stat:last-child{border-right:none}.hero-stat-num{background:linear-gradient(135deg,#ff6b35,#fbbf24);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px #ff6b35a6)drop-shadow(0 0 20px #ff6b354d);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:20px;font-weight:900}.hero-stat-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:600}.scroll-bl,.scroll-br{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:0;text-decoration:none;animation:1.5s 1.4s forwards scrollFadeIn;display:flex;position:absolute;bottom:44px}.scroll-bl{left:10%}.scroll-br{right:10%}@keyframes scrollFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chev-d{filter:drop-shadow(0 0 10px #ff6b3599);border-bottom:4px solid #ff6b35e6;border-right:4px solid #ff6b35e6;border-radius:3px;width:38px;height:38px;margin:-13px 0;animation:1.7s ease-in-out infinite chevDownCascade;display:block;transform:rotate(45deg)}.scroll-bl .chev-d.d1,.scroll-br .chev-d.d1{border-color:#ff6b35;animation-delay:0s}.scroll-bl .chev-d.d2,.scroll-br .chev-d.d2{border-color:#ff6b3599;animation-delay:.22s}.scroll-bl .chev-d.d3,.scroll-br .chev-d.d3{border-color:#ff6b3547;animation-delay:.44s}@keyframes chevDownCascade{0%{opacity:.05;transform:rotate(45deg)translate(-4px,-4px)}40%,55%{opacity:1;transform:rotate(45deg)translate(0)}to{opacity:.05;transform:rotate(45deg)translate(4px,4px)}}@media (width<=860px){.scroll-bl,.scroll-br{display:none}}.section-divider{background:linear-gradient(90deg,#0000,#ff6b354d 30%,#8b5cf64d 70%,#0000);height:1px;margin:0}.browse-section{background:var(--bg)}.browse-layout{grid-template-columns:248px 1fr;align-items:start;gap:28px;display:grid}.filter-sidebar{top:calc(var(--nav-height) + 16px);position:sticky}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.results-count{color:var(--primary);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:100px;padding:4px 14px;font-size:13px;font-weight:700}.category-bar{scrollbar-width:none;-ms-overflow-style:none;padding:24px 0;overflow-x:auto}.category-bar::-webkit-scrollbar{display:none}.category-pills{gap:8px;width:max-content;padding:0 4px;display:flex}.category-pill{background:var(--surface);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.category-pill:hover{color:var(--primary);background:#ff6b3512;border-color:#ff6b3573;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3526}.category-pill.active{color:var(--primary);background:#ff6b351f;border-color:#ff6b3573;box-shadow:0 4px 16px #ff6b3533}.cat-emoji{font-size:16px}.page{max-width:1380px;margin:0 auto;padding:44px 32px}.page-header{margin-bottom:36px}.page-title{color:var(--text);letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.15}.page-subtitle{color:var(--text-muted);margin-top:8px;font-size:16px}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.recipes-grid>*{animation:.5s cubic-bezier(.34,1.56,.64,1) both cardReveal}.recipes-grid>:first-child{animation-delay:50ms}.recipes-grid>:nth-child(2){animation-delay:.1s}.recipes-grid>:nth-child(3){animation-delay:.15s}.recipes-grid>:nth-child(4){animation-delay:.2s}.recipes-grid>:nth-child(5){animation-delay:.25s}.recipes-grid>:nth-child(6){animation-delay:.3s}.recipes-grid>:nth-child(7){animation-delay:.35s}.recipes-grid>:nth-child(8){animation-delay:.4s}.recipes-grid>:nth-child(9){animation-delay:.45s}.recipes-grid>:nth-child(10){animation-delay:.5s}.recipes-grid>:nth-child(11){animation-delay:.55s}.recipes-grid>:nth-child(12){animation-delay:.6s}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.section{margin-bottom:52px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--text);font-family:Playfair Display,serif;font-size:24px;font-weight:800}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:110px 24px;display:flex}.empty-icon{filter:drop-shadow(0 12px 24px #ff6b3540);font-size:80px;animation:4s ease-in-out infinite floatEmoji}@keyframes floatEmoji{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-18px)rotate(4deg)}}.empty-state h3{color:var(--text);font-size:26px;font-weight:800}.empty-state p{color:var(--text-muted);max-width:420px;font-size:15.5px;line-height:1.7}.btn{border-radius:var(--radius-xl);cursor:pointer;letter-spacing:.1px;border:none;align-items:center;gap:8px;padding:11px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 18px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff6b3580}.btn-secondary{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-3);color:var(--text)}.btn-danger{color:var(--error);background:#f43f5e1a;border:1px solid #f43f5e33}.btn-danger:hover{background:#f43f5e2e}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--glass);color:var(--text)}.btn-lg{padding:15px 36px;font-size:16px}.btn-sm{padding:7px 16px;font-size:13px}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.card-body{padding:24px}.input{background:var(--glass);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#ff6b3573;box-shadow:0 0 0 3px #ff6b351a}.input::placeholder{color:var(--text-faint)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:22px 26px;transition:all .2s;display:flex}.stat-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{background:linear-gradient(135deg, var(--primary), var(--gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:34px;font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.meal-picker-modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-xl), 0 0 0 1px var(--border-2);animation:.3s cubic-bezier(.34,1.56,.64,1) modalPop;overflow:hidden}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-header h3{color:var(--text);font-size:18px;font-weight:800}.modal-close{background:var(--glass);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.modal-close:hover{background:var(--glass-hover);color:var(--text)}.modal-body{flex-direction:column;gap:22px;padding:24px 28px;display:flex}.recipe-name{color:var(--text-2);background:var(--glass);border-radius:var(--radius);border:1px solid var(--border);padding:12px 16px;font-size:14px;font-weight:600;line-height:1.4}.picker-group{flex-direction:column;gap:10px;display:flex}.picker-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.9px;font-size:11px;font-weight:700}.day-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-btn{border:1.5px solid var(--border);cursor:pointer;background:var(--glass);color:var(--text-muted);text-align:center;border-radius:10px;padding:9px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.day-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 10px var(--primary-glow)}.day-btn:hover:not(.selected){color:var(--primary);border-color:#ff6b3566}.meal-type-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.meal-type-btn{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--glass);color:var(--text-muted);text-transform:capitalize;align-items:center;gap:9px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.meal-type-btn.selected{color:var(--primary);background:#ff6b351f;border-color:#ff6b3566}.modal-footer{border-top:1px solid var(--border);background:#ffffff03;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.app-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);background:var(--surface);padding:32px;font-size:14px}.app-footer a{color:var(--primary);font-weight:600}.app-footer a:hover{text-decoration:underline}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:28px;right:28px}.toast{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius);box-shadow:var(--shadow-xl);pointer-events:auto;max-width:360px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.35s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-info{border-left:3px solid var(--info)}.toast-icon{flex-shrink:0;font-size:16px}.toast-msg{flex:1;line-height:1.4}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0 4px;font-family:inherit;font-size:18px;font-weight:700;line-height:1;transition:color .15s,background .15s}.toast-close:hover{color:var(--text);background:var(--glass-hover)}@keyframes slideUp{0%{opacity:0;transform:translate(100%)translateY(10px)}to{opacity:1;transform:translate(0)translateY(0)}}.loading-wrapper{justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1024px){.browse-layout{grid-template-columns:220px 1fr}}@media (width<=768px){.mobile-menu-btn{display:flex}.nav-links{top:var(--nav-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);background:#060810fa;flex-direction:column;gap:4px;padding:16px;display:none;position:fixed;left:0;right:0}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-link{justify-content:flex-start;padding:12px 16px;font-size:15px}.nav-cta{text-align:center;border-radius:var(--radius);margin-top:8px;padding:13px;display:block}.browse-layout{grid-template-columns:1fr}.filter-sidebar{position:static}.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.page{padding:20px 16px}.hero{padding:calc(var(--nav-height) + 20px) 16px 60px}.hero-title{letter-spacing:-2px}.hero-stats{border-radius:var(--radius-lg);flex-wrap:wrap}.hero-stat{border-bottom:1px solid #ffffff12;border-right:none;width:50%}.hero-stat:nth-child(3){border-bottom:none;width:100%}.food-float{opacity:.7;font-size:18px}}@media (width<=480px){.day-grid{grid-template-columns:repeat(4,1fr)}.toast-container{bottom:16px;left:16px;right:16px}.toast{max-width:100%}}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:40px;padding:8px 0;display:flex}.page-btn{background:var(--surface-2);border:1.5px solid var(--border-2);color:var(--text-2);cursor:pointer;border-radius:100px;align-items:center;gap:6px;padding:10px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.page-btn:hover:not(:disabled){color:var(--primary);background:#ff6b351a;border-color:#ff6b3566;transform:translateY(-1px);box-shadow:0 4px 14px #ff6b3526}.page-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.page-info{color:var(--text-muted);text-align:center;min-width:110px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.voice-btn{background:var(--surface-2);border:1.5px solid var(--border-2);width:54px;height:54px;color:var(--text-2);cursor:pointer;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 20px #00000073}.voice-btn:hover{color:var(--primary);background:#ff6b351a;border-color:#ff6b3580;transform:scale(1.08);box-shadow:0 6px 24px #ff6b3533}.voice-btn.listening{color:var(--rose);border-color:var(--rose);background:#f43f5e1f;animation:1.4s ease-in-out infinite voicePulse}@keyframes voicePulse{0%{box-shadow:0 0 #f43f5e80}70%{box-shadow:0 0 0 18px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}.voice-waves{align-items:center;gap:3px;height:22px;display:flex}.voice-waves span{background:var(--rose);border-radius:3px;width:3px;animation:.75s ease-in-out infinite alternate voiceBar;display:block}.voice-waves span:first-child{height:8px;animation-delay:0s}.voice-waves span:nth-child(2){height:20px;animation-delay:.12s}.voice-waves span:nth-child(3){height:14px;animation-delay:.24s}.voice-waves span:nth-child(4){height:10px;animation-delay:.36s}@keyframes voiceBar{0%{opacity:.6;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.voice-status{color:var(--rose);letter-spacing:.2px;margin-top:-4px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;animation:.3s both voiceStatusFade}@keyframes voiceStatusFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pwa-banner{z-index:300;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#141929f7;border-top:1px solid #ff6b3540;align-items:center;gap:14px;padding:14px 24px;font-family:Plus Jakarta Sans,sans-serif;animation:.4s cubic-bezier(.34,1.56,.64,1) both bannerSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #0009}@keyframes bannerSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.pwa-banner-icon{filter:drop-shadow(0 0 8px #ff6b3566);flex-shrink:0;font-size:28px}.pwa-banner-text{color:var(--text-2);flex:1;font-size:14px;line-height:1.45}.pwa-banner-text strong{color:var(--text);font-weight:700}.pwa-banner-install{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:100px;flex-shrink:0;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;box-shadow:0 4px 16px #ff6b3559}.pwa-banner-install:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3580}.pwa-banner-dismiss{background:var(--glass);border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex}.pwa-banner-dismiss:hover{background:var(--glass-hover);color:var(--text)}@media (width<=480px){.pwa-banner{flex-wrap:wrap;gap:10px;padding:14px 16px}.pwa-banner-text{order:1;width:100%;font-size:13px}.pwa-banner-icon{order:0}.pwa-banner-install{text-align:center;flex:1;order:2}.pwa-banner-dismiss{order:3}.hero-search-row{gap:8px}.voice-btn{width:46px;height:46px}}