@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--navbar-bg:#fff9f2fa;--navbar-bg-scrolled:#fff9f2fa;--navbar-text:#2c1810;--navbar-text-light:#5c3d2e;--navbar-border:#d2691e26;--navbar-shadow:0 4px 20px #5a2e1714;--navbar-shadow-scrolled:0 4px 20px #5a2e171f;--navbar-height:80px;--navbar-height-mobile:70px}@media (prefers-color-scheme:dark){:root{--navbar-bg:#1a120bfa;--navbar-bg-scrolled:#1a120bfa;--navbar-text:#fff5e8;--navbar-text-light:#f0e4d4;--navbar-border:#d2691e40}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f2fa;background:var(--navbar-bg);border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:1000}.navbar.scrolled{background:#fff9f2fa;background:var(--navbar-bg-scrolled);box-shadow:0 4px 20px #5a2e171f;box-shadow:var(--navbar-shadow-scrolled);height:70px}.navbar-container{align-items:center;display:flex;height:80px;height:var(--navbar-height);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.navbar.scrolled .navbar-container{height:70px;height:var(--navbar-height-mobile)}.navbar-left{align-items:center;cursor:pointer;display:flex;gap:.75rem;z-index:10}.logo-wrapper,.navbar-left{position:relative}.navbar-logo{border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:50%;box-shadow:0 4px 12px #5a2e1733;height:48px;object-fit:cover;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:48px}.logo-wrapper:hover .navbar-logo{transform:scale(1.05) rotate(5deg)}.logo-glow{background:radial-gradient(circle,#d2691e4d 0,#0000 70%);border-radius:50%;height:100%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.logo-wrapper:hover .logo-glow{height:150%;opacity:1;width:150%}.brand-wrapper{display:flex;flex-direction:column;line-height:1.2}.navbar-brand{color:#5a2e17;color:var(--brand-brown);font-size:1.1rem;font-weight:800;letter-spacing:1px}.navbar-brand-sub{color:#d2691e;color:var(--brand-orange);font-size:.75rem;font-weight:600;letter-spacing:2px}.navbar-links-desktop{display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.nav-link{align-items:center;border-radius:999px;color:#2c1810;color:var(--navbar-text);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative}.nav-icon,.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-icon{font-size:1.1rem}.nav-link:hover{background:#d2691e1a;transform:translateY(-2px)}.nav-link.active,.nav-link:hover{color:#d2691e;color:var(--brand-orange)}.nav-link.active{background:#d2691e26;font-weight:600}.nav-link.active:after{background:var(--gradient-primary);border-radius:999px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.navbar-right{align-items:center;display:flex;gap:.75rem}.search-btn{background:none;border:none;border-radius:50%;color:#2c1810;color:var(--navbar-text);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.search-btn:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange);transform:scale(1.1)}.notifications-menu{position:relative}.notifications-btn{background:none;border:none;border-radius:50%;color:#2c1810;color:var(--navbar-text);cursor:pointer;font-size:1.2rem;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.notifications-btn:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange);transform:scale(1.1)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:#d2691e;background:var(--brand-orange);border-radius:999px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0}.notifications-dropdown{animation:fadeInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f2fa;background:var(--navbar-bg);border:1px solid #d2691e26;border:1px solid var(--navbar-border);border-radius:1rem;box-shadow:0 4px 20px #5a2e171f;box-shadow:var(--navbar-shadow-scrolled);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:320px;z-index:100}.notifications-header{align-items:center;border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);display:flex;justify-content:space-between;padding:1rem}.notifications-header h4{color:#2c1810;color:var(--navbar-text);font-size:.9rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;color:#d2691e;color:var(--brand-orange);cursor:pointer;font-size:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mark-all-read:hover{text-decoration:underline}.notifications-list{max-height:350px;overflow-y:auto}.notification-item{border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);cursor:pointer;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.notification-item:hover{background:#d2691e0d}.notification-item.unread{background:#d2691e14;border-left:3px solid #d2691e;border-left:3px solid var(--brand-orange)}.notification-message{color:#2c1810;color:var(--navbar-text);font-size:.8rem;margin-bottom:.25rem}.notification-time{font-size:.65rem}.no-notifications,.notification-time{color:#5c3d2e;color:var(--navbar-text-light)}.no-notifications{font-size:.8rem;padding:2rem;text-align:center}.user-menu{position:relative}.user-btn{align-items:center;background:none;background:#d2691e0d;border:none;border-radius:999px;cursor:pointer;display:flex;gap:.5rem;padding:.25rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.user-btn:hover{background:#d2691e26;transform:translateY(-2px)}.user-avatar{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);font-size:1rem;font-weight:700;height:35px;width:35px}.user-name{color:#2c1810;color:var(--navbar-text);font-size:.85rem;font-weight:500}.dropdown-arrow{color:#5c3d2e;color:var(--navbar-text-light);font-size:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.user-btn.active .dropdown-arrow{transform:rotate(180deg)}.user-dropdown{animation:fadeInDown .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f2fa;background:var(--navbar-bg);border:1px solid #d2691e26;border:1px solid var(--navbar-border);border-radius:1rem;box-shadow:0 4px 20px #5a2e171f;box-shadow:var(--navbar-shadow-scrolled);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:260px;z-index:100}.dropdown-header{background:#d2691e0d;padding:1rem}.dropdown-user-info{align-items:center;display:flex;gap:.75rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;width:45px}.dropdown-user-name{color:#2c1810;color:var(--navbar-text);font-weight:600}.dropdown-user-role{color:#d2691e;color:var(--brand-orange);font-size:.7rem;text-transform:capitalize}.dropdown-divider{background:#d2691e26;background:var(--navbar-border);height:1px;margin:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#2c1810;color:var(--navbar-text);cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.dropdown-item:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.dropdown-icon{font-size:1rem}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a;color:#ef4444}.auth-buttons{display:flex;gap:.5rem}.btn-login,.btn-register{border-radius:999px;font-size:.85rem;font-weight:500;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-login{background:#0000;border:1px solid #d2691e;border:1px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.btn-login:hover{background:#d2691e;background:var(--brand-orange);box-shadow:0 4px 12px #d2691e4d;color:#fff;transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);border:none;color:#fff}.btn-register:hover{box-shadow:0 4px 12px #d2691e66;transform:translateY(-2px)}.search-bar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9f2fa;background:var(--navbar-bg);border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease-out}.search-bar-container.open{max-height:80px}.search-form{display:flex;gap:.5rem;margin:0 auto;max-width:600px;padding:1rem}.search-input{background:#fff9f2fa;background:var(--navbar-bg);border:2px solid #d2691e26;border:2px solid var(--navbar-border);color:#2c1810;color:var(--navbar-text);flex:1 1;padding:.75rem 1rem}.search-close,.search-submit{border:none;border-radius:999px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.search-submit{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);color:#fff}.search-submit:hover{box-shadow:0 4px 12px #d2691e4d;transform:translateY(-2px)}.search-close{background:#d2691e1a;color:#2c1810;color:var(--navbar-text)}.search-close:hover{background:#d2691e33;transform:translateY(-2px)}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-between;padding:0;width:30px;z-index:1001}.mobile-menu-btn span{background:#5a2e17;background:var(--brand-brown);border-radius:10px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.mobile-menu-btn.active span:first-child{background:#d2691e;background:var(--brand-orange);transform:translateY(10px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){background:#d2691e;background:var(--brand-orange);transform:translateY(-10px) rotate(-45deg)}.mobile-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);visibility:hidden;z-index:998}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9f2fa;background:var(--navbar-bg);box-shadow:-5px 0 30px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:400px;overflow-y:auto;position:fixed;right:-100%;top:0;transition:right .3s ease-out;width:85%;z-index:999}.mobile-menu.open{right:0}.mobile-menu-header{align-items:center;border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);display:flex;justify-content:space-between;padding:1.5rem}.mobile-logo{align-items:center;display:flex;gap:.75rem}.mobile-logo img{border-radius:50%;height:40px;width:40px}.mobile-logo span{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:700}.mobile-close{background:none;border:none;color:#2c1810;color:var(--navbar-text);cursor:pointer;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mobile-close:hover{color:#d2691e;color:var(--brand-orange);transform:rotate(90deg)}.mobile-menu-search{border-bottom:1px solid #d2691e26;border-bottom:1px solid var(--navbar-border);padding:1rem 1.5rem}.mobile-menu-search form{display:flex;gap:.5rem}.mobile-menu-search input{background:#fff9f2fa;background:var(--navbar-bg);border:1px solid #d2691e26;border:1px solid var(--navbar-border);border-radius:999px;color:#2c1810;color:var(--navbar-text);flex:1 1;padding:.75rem}.mobile-menu-search button{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);border:none;border-radius:999px;cursor:pointer;padding:.75rem 1rem}.mobile-nav-links{flex:1 1;list-style:none;margin:0;padding:1rem 0}.mobile-nav-link{align-items:center;color:#2c1810;color:var(--navbar-text);display:flex;font-size:1rem;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mobile-nav-link:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange);padding-left:2rem}.mobile-nav-link.active{background:#d2691e26;border-left:3px solid #d2691e;border-left:3px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.mobile-nav-icon{font-size:1.2rem}.mobile-auth-buttons{border-top:1px solid #d2691e26;border-top:1px solid var(--navbar-border);display:flex;gap:1rem;padding:1rem 1.5rem}.mobile-login-btn,.mobile-register-btn{border-radius:999px;flex:1 1;font-weight:500;padding:.75rem;text-align:center;text-decoration:none}.mobile-login-btn{border:1px solid #d2691e;border:1px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.mobile-register-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);color:#fff}.mobile-user-info{align-items:center;border-top:1px solid #d2691e26;border-top:1px solid var(--navbar-border);display:flex;gap:1rem;padding:1rem 1.5rem}.mobile-user-avatar{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;width:45px}.mobile-user-details{flex:1 1}.mobile-user-name{color:#2c1810;color:var(--navbar-text);font-weight:600}.mobile-user-role{color:#d2691e;color:var(--brand-orange);font-size:.7rem;text-transform:capitalize}.mobile-logout-btn{background:#ef44441a;border:none;border-radius:999px;color:#ef4444;cursor:pointer;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mobile-logout-btn:hover{background:#ef444433}.mobile-menu-footer{border-top:1px solid #d2691e26;border-top:1px solid var(--navbar-border);color:#5c3d2e;color:var(--navbar-text-light);font-size:.7rem;padding:1.5rem;text-align:center}@media (max-width:992px){.navbar-links-desktop{display:none}.mobile-menu-btn{display:flex}.user-name{display:none}.navbar-right{gap:.5rem}}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-brand{font-size:.9rem}.navbar-brand-sub{font-size:.65rem}.navbar-logo{height:38px;width:38px}.brand-wrapper{display:none}.btn-login,.btn-register{font-size:.75rem;padding:.4rem 1rem}.search-bar-container.open{max-height:70px}.search-form{padding:.75rem}.search-input{font-size:.8rem}.search-close,.search-submit{font-size:.8rem;padding:.6rem 1rem}.notifications-dropdown,.user-dropdown{right:-50px;width:300px}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.navbar-logo{height:32px;width:32px}.btn-login,.btn-register{font-size:.7rem;padding:.3rem .8rem}.notifications-btn,.search-btn{font-size:1rem;padding:.4rem}.user-avatar{font-size:.8rem;height:30px;width:30px}.notifications-dropdown,.user-dropdown{right:-60px;width:280px}.mobile-menu{max-width:100%;width:100%}}@media (prefers-reduced-motion:reduce){.dropdown-item,.mobile-menu,.nav-link,.navbar,.navbar *{animation:none!important;transition:none!important}}.dropdown-item:focus-visible,.mobile-menu-btn:focus-visible,.nav-link:focus-visible,.notifications-btn:focus-visible,.search-btn:focus-visible,.user-btn:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media print{.navbar{border-bottom:1px solid #ddd;box-shadow:none;position:static}.mobile-menu-btn,.notifications-menu,.search-btn,.user-menu{display:none}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}:root{--brown:#5a2e17;--brown-dark:#3d1f0f;--brown-mid:#6e3820;--brown-light:#8b4a2a;--brown-pale:#c4896a;--orange:#d2691e;--orange-dark:#b05515;--orange-light:#e07d3a;--orange-pale:#f0a060;--gold:#e6a817;--gold-light:#f5c842;--cream:#fff9f2;--cream-dark:#fdf0e0;--cream-mid:#f5e4cc;--warm-white:#fffcf8;--grad-primary:linear-gradient(135deg,var(--orange) 0%,var(--gold) 100%);--grad-hero:linear-gradient(160deg,var(--brown-dark) 0%,var(--brown) 45%,var(--orange-dark) 100%);--grad-dark:linear-gradient(135deg,var(--brown-dark) 0%,var(--brown) 100%);--grad-warm:linear-gradient(135deg,var(--orange) 0%,var(--orange-light) 100%);--grad-card:linear-gradient(160deg,#5a2e1708,#d2691e0f);--shadow-xs:0 2px 4px #5a2e1714;--shadow-sm:0 4px 12px #5a2e171f;--shadow-md:0 8px 28px #5a2e1729;--shadow-lg:0 16px 48px #5a2e1733;--shadow-xl:0 24px 64px #5a2e1740;--glow-orange:0 0 32px #d2691e59;--glow-gold:0 0 24px #e6a81766;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans","Segoe UI",sans-serif;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--t-fast:all 0.2s var(--ease-out);--t-med:all 0.35s var(--ease-out);--t-slow:all 0.55s var(--ease-out)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.home-container{background:#fff9f2;background:var(--cream);color:#5a2e17;color:var(--brown);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);overflow-x:hidden;width:100%}.reveal-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.hero-section{align-items:center;background:linear-gradient(160deg,#3d1f0f,#5a2e17 45%,#b05515);background:var(--grad-hero);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-particles{inset:0;pointer-events:none;position:absolute;z-index:1}.particle{animation:particleFloat 8s ease-in-out infinite;background:#e6a81799;border-radius:50%;height:4px;position:absolute;width:4px}.particle:nth-child(odd){background:#d2691e80;height:3px;width:3px}.particle:first-child{animation-duration:7s;left:5%;top:20%}.particle:nth-child(2){animation-duration:9s;left:15%;top:65%}.particle:nth-child(3){animation-duration:6s;left:25%;top:40%}.particle:nth-child(4){animation-duration:11s;left:35%;top:80%}.particle:nth-child(5){animation-duration:8s;left:45%;top:15%}.particle:nth-child(6){animation-duration:7s;left:55%;top:55%}.particle:nth-child(7){animation-duration:10s;left:65%;top:30%}.particle:nth-child(8){animation-duration:6s;left:72%;top:70%}.particle:nth-child(9){animation-duration:9s;left:80%;top:20%}.particle:nth-child(10){animation-duration:7s;left:90%;top:50%}.particle:nth-child(11){animation-duration:8s;left:10%;top:85%}.particle:nth-child(12){animation-duration:11s;left:20%;top:10%}.particle:nth-child(13){animation-duration:6s;left:50%;top:90%}.particle:nth-child(14){animation-duration:9s;left:60%;top:5%}.particle:nth-child(15){animation-duration:7s;left:78%;top:45%}.particle:nth-child(16){animation-duration:10s;left:88%;top:80%}.particle:nth-child(17){animation-duration:8s;left:3%;top:50%}.particle:nth-child(18){animation-duration:6s;left:40%;top:60%}.particle:nth-child(19){animation-duration:9s;left:95%;top:30%}.particle:nth-child(20){animation-duration:7s;left:70%;top:10%}@keyframes particleFloat{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.3)}}.hero-overlay{background:radial-gradient(ellipse 80% 60% at 20% 40%,#d2691e26 0,#0000 60%),radial-gradient(ellipse 60% 80% at 80% 60%,#5a2e174d 0,#0000 60%);inset:0;position:absolute;z-index:1}.hero-content{animation:fadeInUp .9s cubic-bezier(.16,1,.3,1) both;animation:fadeInUp .9s var(--ease-out) both;margin:0 auto;max-width:860px;padding:2rem 1.5rem;position:relative;text-align:center;z-index:3}.hero-badge{animation:fadeInDown .7s cubic-bezier(.16,1,.3,1) .1s both;animation:fadeInDown .7s var(--ease-out) .1s both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:var(--radius-pill);padding:.45rem 1.1rem}.badge-text{color:#ffffffe6;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.animate-badge{animation:badgePulse 3s ease-in-out 1s infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 #e6a81700}50%{box-shadow:0 0 0 6px #e6a81726}}.hero-title{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2.8rem,9vw,5rem);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin-bottom:1.25rem}.title-line{color:#ffffffbf;display:block;font-size:.55em;font-style:italic;font-weight:400;letter-spacing:.02em;margin-bottom:.1em}.title-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f5c842 60%,#f0a060);background:linear-gradient(135deg,#fff 0,var(--gold-light) 60%,var(--orange-pale) 100%);-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{color:#ffffffd1;font-size:clamp(1rem,3vw,1.15rem);font-weight:300;letter-spacing:.01em;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:520px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3.5rem}.btn{border-radius:var(--radius-pill);font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);letter-spacing:.02em;padding:.9rem 2rem;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);white-space:nowrap}.btn:after{background:linear-gradient(135deg,#ffffff26,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s}.btn:hover:after{opacity:1}.btn-primary{background:var(--grad-primary);box-shadow:0 4px 20px #d2691e66}.btn-primary:hover{box-shadow:0 0 32px #d2691e59,0 8px 28px #d2691e66;box-shadow:var(--glow-orange),0 8px 28px #d2691e66;transform:translateY(-3px) scale(1.02)}.btn-primary:active{transform:translateY(-1px) scale(1)}.btn-secondary{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1.5px solid #ffffff80}.btn-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 8px 28px #5a2e1729;color:var(--orange);transform:translateY(-3px)}.btn-outline{border:1.5px solid #ffffff80;color:#fff}.btn-outline:hover{box-shadow:0 8px 28px #5a2e1729;box-shadow:var(--shadow-md);color:#d2691e;color:var(--orange)}.btn-large{font-size:.95rem;padding:1rem 2.4rem}.btn-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s var(--ease-bounce)}.btn:hover .btn-icon{transform:translateX(5px)}.hero-stats{align-items:center;animation:fadeInUp .9s cubic-bezier(.16,1,.3,1) .4s both;animation:fadeInUp .9s var(--ease-out) .4s both;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:2rem;border-radius:var(--radius-xl);gap:0;margin:0 auto;max-width:680px;padding:1.25rem 2rem}.stat-item{flex-direction:column;gap:.2rem;padding:.5rem 1.5rem}.stat-icon{color:#f5c842;color:var(--gold-light);font-size:1.1rem;margin-bottom:.1rem}.hero-stats .stat-number{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.7rem;font-weight:700;line-height:1}.hero-stats .stat-label{color:#ffffffa6;font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.stat-divider{background:#fff3;flex-shrink:0;height:40px;width:1px}.hero-wave{bottom:-1px;left:0;line-height:0;position:absolute;right:0;z-index:4}.hero-wave svg{display:block;width:100%}.converter-section{margin:0 auto;max-width:1200px;padding:2.5rem 1.5rem 3rem}.converter-card{align-items:center;background:linear-gradient(135deg,#3d1f0f,#5a2e17);background:var(--grad-dark);border-radius:2rem;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;overflow:hidden;padding:1.75rem 2.5rem;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.converter-card:before{background:#d2691e26;height:300px;right:-10%;top:-50%;width:300px}.converter-card:after,.converter-card:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.converter-card:after{background:#e6a81714;bottom:-60%;height:250px;left:-5%;width:250px}.converter-card:hover{box-shadow:0 24px 64px #5a2e1740;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.converter-icon-wrapper{position:relative;z-index:1}.converter-icon{align-items:center;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;display:flex;font-size:2rem;height:64px;justify-content:center;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);width:64px}.converter-card:hover .converter-icon{background:#fff3;transform:rotate(180deg)}.converter-content{flex:1 1;position:relative;z-index:1}.converter-content h3{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin-bottom:.3rem}.converter-content p{color:#ffffffb8;font-size:.85rem;line-height:1.5;margin:0}.converter-btn{align-items:center;background:#fff;border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #5a2e171f;box-shadow:var(--shadow-sm);color:#d2691e;color:var(--orange);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.02em;padding:.75rem 1.6rem;position:relative;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);white-space:nowrap;z-index:1}.converter-btn:hover{background:#f5c842;background:var(--gold-light);box-shadow:0 0 24px #e6a81766;box-shadow:var(--glow-gold);color:#3d1f0f;color:var(--brown-dark);transform:translateX(4px)}.section-header{margin-bottom:3rem;text-align:center}.section-badge-wrapper{margin-bottom:.75rem}.section-badge-small{background:linear-gradient(135deg,#d2691e1f,#e6a8171f);border:1px solid #d2691e40;border-radius:999px;border-radius:var(--radius-pill);color:#d2691e;color:var(--orange);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;padding:.35rem 1rem;text-transform:uppercase}.section-header h2{color:#5a2e17;color:var(--brown);display:inline-block;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;line-height:1.2;margin-bottom:.75rem;position:relative}.section-header h2:after{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--grad-primary);border-radius:999px;border-radius:var(--radius-pill);content:"";display:block;height:3px;margin:.75rem auto 0;width:50px}.section-subtitle{color:#c4896a;color:var(--brown-pale);font-size:.95rem;line-height:1.6;margin-top:.75rem}.section-badge{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--grad-primary);border-radius:var(--radius-pill);color:#fff;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;padding:.3rem .9rem}.carousel-section{background:var(brown-light);padding:4rem 0 5rem}.carousel-section .section-header{padding:0 1.5rem}.carousel-controls{margin-top:1rem}.carousel-play-btn{align-items:center;background:#f5e4cc;background:var(--cream-mid);border:1.5px solid #d2691e33;border-radius:50%;color:#d2691e;color:var(--orange);cursor:pointer;display:inline-flex;font-size:.85rem;height:40px;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast);width:40px}.carousel-play-btn:hover{background:#d2691e;background:var(--orange);border-color:#d2691e;border-color:var(--orange);box-shadow:0 0 32px #d2691e59;box-shadow:var(--glow-orange);color:#fff;transform:scale(1.1)}.carousel-wrapper{margin:0 auto;max-width:1100px;padding:0 1rem}.carousel-slide,.carousel-wrapper{border-radius:2rem;border-radius:var(--radius-xl);overflow:hidden}.carousel-slide{align-items:center;display:flex;height:480px;position:relative;text-align:left}.carousel-image-wrapper{inset:0;position:absolute}.carousel-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.carousel-overlay{inset:0;position:absolute}.carousel-badges{display:flex;gap:.5rem;position:absolute;right:1.5rem;top:1.5rem;z-index:2}.carousel-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;border-radius:var(--radius-pill);color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.06em;padding:.3rem .75rem;text-transform:uppercase}.carousel-caption{max-width:480px;padding:3rem;position:relative;z-index:3}.caption-badge{border-radius:999px;border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin-bottom:.85rem;opacity:.9;padding:.28rem .85rem;text-transform:uppercase}.carousel-caption h3{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.1;margin-bottom:.35rem}.caption-subtitle{color:#fffc;font-size:.95rem;font-style:italic;margin-bottom:.75rem}.caption-description{color:#ffffffc7;font-size:.88rem;line-height:1.6;margin-bottom:1rem}.caption-meta{display:flex;gap:1rem;margin-bottom:1.25rem}.caption-meta span{align-items:center;color:#ffffffbf;display:flex;font-size:.8rem;gap:.35rem}.caption-link{align-items:center;background:#fff;border-radius:999px;border-radius:var(--radius-pill);box-shadow:0 4px 12px #5a2e171f;box-shadow:var(--shadow-sm);color:#5a2e17;color:var(--brown);display:inline-flex;font-size:.85rem;font-weight:700;gap:.4rem;padding:.65rem 1.4rem;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.caption-link:hover{background:#f5c842;background:var(--gold-light);color:#3d1f0f;color:var(--brown-dark);transform:translateX(4px)}.carousel-dot{background:#5a2e1740;border:none;border-radius:50%;cursor:pointer;display:inline-block;height:8px;margin:0 4px;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);width:8px}.carousel-dot.active{background:#d2691e;background:var(--orange);border-radius:999px;border-radius:var(--radius-pill);width:24px}.carousel .control-dots{bottom:-2rem}.carousel .control-dots .dot{background:#5a2e174d!important;box-shadow:none!important}.carousel .control-dots .dot.selected{background:#d2691e!important;background:var(--orange)!important}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:#5a2e1773!important}.carousel .control-arrow:hover,.carousel.carousel-slider .control-arrow:hover{background:#d2691ebf!important}.carousel .thumb{border:2px solid #c4896a!important;border:2px solid var(--brown-pale)!important}.carousel .thumb.selected,.carousel .thumb:hover{border-color:#d2691e!important;border-color:var(--orange)!important}.carousel *,.carousel :focus{outline:none!important}.carousel .slide{background:#0000!important}.about-preview{background:#fdf0e0;background:var(--cream-dark);padding:5rem 1.5rem}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.about-text h2{color:#5a2e17;color:var(--brown);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2rem,5vw,2.6rem);line-height:1.2;margin-bottom:1rem}.about-text>p{color:#8b4a2a;color:var(--brown-light);font-size:.97rem;line-height:1.75;margin-bottom:2rem}.about-features{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2rem}.about-feature{align-items:center;background:#fff;border:1px solid #d2691e14;border-radius:1rem;border-radius:var(--radius-md);cursor:default;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.about-feature:hover{border-color:#d2691e40;box-shadow:0 4px 12px #5a2e171f;box-shadow:var(--shadow-sm);transform:translateX(6px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#d2691e1a,#e6a81726);border-radius:.5rem;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.feature-icon{color:#d2691e;color:var(--orange);font-size:1.1rem}.feature-text h4{color:#5a2e17;color:var(--brown);font-size:.9rem;font-weight:600;margin-bottom:.2rem}.feature-text p{color:#c4896a;color:var(--brown-pale);font-size:.78rem;line-height:1.4;margin:0}.about-link{align-items:center;border-bottom:1.5px solid #0000;color:#d2691e;color:var(--orange);display:inline-flex;font-size:.9rem;font-weight:600;gap:.45rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast)}.about-link:hover{border-bottom-color:#d2691e;border-bottom-color:var(--orange);color:#b05515;color:var(--orange-dark);gap:.7rem}.about-stats-card{display:flex;flex-direction:column;gap:1.5rem}.stat-circle{background:linear-gradient(135deg,#3d1f0f,#5a2e17);background:var(--grad-dark);border-radius:2rem;border-radius:var(--radius-xl);overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.stat-circle:before{background:#d2691e33;border-radius:50%;content:"";height:250px;position:absolute;right:-30%;top:-40%;width:250px}.stat-circle-number{color:#fff;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:3.5rem;font-weight:800;line-height:1;position:relative;z-index:1}.stat-circle-label{color:#ffffffb3;font-size:.85rem;letter-spacing:.05em;margin-top:.5rem;position:relative;z-index:1}.about-quote{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;border-radius:var(--radius-lg);padding:2rem;position:relative}.quote-icon{color:var(--orange);display:block;font-size:1.5rem;margin-bottom:.75rem;opacity:.4}.about-quote p{color:#5a2e17;color:var(--brown);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1rem;font-style:italic;line-height:1.65;margin-bottom:.75rem}.quote-author{color:#d2691e;color:var(--orange);font-size:.78rem;font-weight:600}.tools-section{margin:0 auto;max-width:1200px;padding:5rem 1.5rem}.tools-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-card{background:#fff;border:1px solid #d2691e14;border-radius:2rem;border-radius:var(--radius-xl);overflow:hidden;padding:2.25rem;position:relative;text-align:center;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.tool-card:before{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--grad-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .35s cubic-bezier(.16,1,.3,1);transition:transform .35s var(--ease-out)}.tool-card:hover{border-color:#d2691e33;box-shadow:0 16px 48px #5a2e1733;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.tool-card:hover:before{transform:scaleX(1)}.tool-icon-wrapper{align-items:center;border-radius:1rem;border-radius:var(--radius-md);display:flex;height:72px;justify-content:center;margin:0 auto 1.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);width:72px}.tool-card:hover .tool-icon-wrapper{transform:scale(1.1) rotate(-5deg)}.tool-icon{font-size:1.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast)}.tool-card h3{color:#5a2e17;color:var(--brown);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin-bottom:.6rem}.tool-card p{color:#c4896a;color:var(--brown-pale);font-size:.85rem;line-height:1.6;margin-bottom:1.25rem}.tool-link{align-items:center;border-bottom:1px solid #0000;color:#d2691e;color:var(--orange);display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast)}.tool-link:hover{border-bottom-color:#d2691e;border-bottom-color:var(--orange);gap:.6rem}.featured-recipes{background:#fdf0e0;background:var(--cream-dark);padding:5rem 1.5rem}.featured-recipes .section-header{margin-left:auto;margin-right:auto;max-width:1200px}.recipes-grid{grid-gap:1.75rem;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recipe-card{background:#fff;border:1px solid #d2691e0f;border-radius:2rem;border-radius:var(--radius-xl);box-shadow:0 2px 4px #5a2e1714;box-shadow:var(--shadow-xs);cursor:pointer;overflow:hidden;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.recipe-card:hover{border-color:#d2691e26;box-shadow:0 16px 48px #5a2e1733;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.recipe-image-wrapper{height:200px;overflow:hidden;position:relative}.recipe-image-wrapper img{height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);transition:transform .6s var(--ease-out);width:100%}.recipe-card:hover .recipe-image-wrapper img{transform:scale(1.07)}.recipe-badge{border-radius:999px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.3rem .75rem;position:absolute;text-transform:uppercase;top:.75rem;z-index:2}.recipe-badge.new{background:#5a2e17;background:var(--brown);color:#fff;left:.75rem}.recipe-badge.popular{background:#d2691e;background:var(--orange);color:#fff;right:.75rem}.recipe-share-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:none;border-radius:50%;bottom:.75rem;color:#d2691e;color:var(--orange);cursor:pointer;display:flex;font-size:.8rem;height:36px;justify-content:center;opacity:0;position:absolute;right:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast);width:36px;z-index:3}.recipe-card:hover .recipe-share-btn{opacity:1}.recipe-share-btn:hover{background:#d2691e;background:var(--orange);color:#fff;transform:scale(1.1)}.recipe-overlay{align-items:center;background:#5a2e178c;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med);z-index:2}.recipe-card:hover .recipe-overlay{opacity:1}.recipe-view-btn{background:#fff;border:none;border-radius:999px;border-radius:var(--radius-pill);color:#5a2e17;color:var(--brown);cursor:pointer;font-family:DM Sans,Segoe UI,sans-serif;font-family:var(--font-body);font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;transform:translateY(10px);transition:all .2s cubic-bezier(.16,1,.3,1);transition:var(--t-fast)}.recipe-card:hover .recipe-view-btn{transform:translateY(0)}.recipe-view-btn:hover{background:#f5c842;background:var(--gold-light);color:#3d1f0f;color:var(--brown-dark)}.recipe-info{padding:1.25rem 1.5rem 1.5rem}.recipe-header{align-items:flex-start;gap:.5rem;margin-bottom:.65rem}.recipe-header h4{color:#5a2e17;color:var(--brown);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.05rem;font-weight:700;line-height:1.3}.recipe-rating{align-items:center;display:flex;flex-shrink:0;gap:.25rem}.star-icon{color:var(--gold);font-size:.8rem}.recipe-rating span{color:#5a2e17;color:var(--brown);font-size:.8rem;font-weight:600}.reviews-count{color:#c4896a!important;color:var(--brown-pale)!important;font-weight:400!important}.recipe-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.recipe-calories,.recipe-culture,.recipe-time{align-items:center;border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;font-size:.73rem;font-weight:500;gap:.3rem;padding:.25rem .65rem}.recipe-culture{background:#5a2e1714;color:#5a2e17;color:var(--brown)}.recipe-time{background:#d2691e1a;color:#b05515;color:var(--orange-dark)}.recipe-calories{background:#e6a8171f;color:#6e3820;color:var(--brown-mid)}.recipe-difficulty{margin-top:.25rem}.difficulty-badge{border-radius:999px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.25rem .7rem;text-transform:capitalize}.difficulty-badge.easy{background:#64a03c1f;color:#3d6e20}.difficulty-badge.medium{background:#d2691e1f;color:#b05515;color:var(--orange-dark)}.difficulty-badge.hard{background:#5a2e171f;color:#5a2e17;color:var(--brown)}.view-all{margin-left:auto;margin-right:auto;margin-top:2.5rem;max-width:1200px;text-align:center}.view-all-btn{align-items:center;background:#0000;border:1.5px solid #d2691e;border:1.5px solid var(--orange);border-radius:999px;border-radius:var(--radius-pill);color:#d2691e;color:var(--orange);display:inline-flex;font-size:.9rem;font-weight:600;gap:.45rem;padding:.85rem 2rem;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.view-all-btn:hover{background:#d2691e;background:var(--orange);box-shadow:0 0 32px #d2691e59;box-shadow:var(--glow-orange);color:#fff;transform:translateY(-3px)}.view-all-btn:hover svg{transform:translateX(4px)}.view-all-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1);transition:transform .3s var(--ease-bounce)}.testimonials-section{background:linear-gradient(135deg,#3d1f0f,#5a2e17);background:var(--grad-dark);overflow:hidden;padding:5rem 1.5rem;position:relative}.testimonials-section:before{background:#d2691e1a;border-radius:50%;content:"";height:500px;left:-10%;pointer-events:none;position:absolute;top:-30%;width:500px}.testimonials-section .section-header h2{color:#fff}.testimonials-section .section-header h2:after{background:linear-gradient(135deg,#fff,#f5c842);background:linear-gradient(135deg,#fff,var(--gold-light))}.testimonials-section .section-badge-small{background:#ffffff1a;border-color:#fff3;color:#ffffffd9}.testimonials-section .section-subtitle{color:#ffffffa6}.testimonials-grid{grid-gap:1.75rem;display:grid;gap:1.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.testimonial-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2rem;border-radius:var(--radius-xl);overflow:hidden;padding:2rem;position:relative;transition:all .35s cubic-bezier(.16,1,.3,1);transition:var(--t-med)}.testimonial-card:hover{background:#ffffff1a;border-color:#ffffff2e;box-shadow:0 16px 48px #00000040;transform:translateY(-6px)}.testimonial-quote-mark{bottom:1rem;color:#ffffff0a;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:6rem;font-weight:800;line-height:1;pointer-events:none;position:absolute;right:1.5rem;-webkit-user-select:none;user-select:none}.testimonial-rating{display:flex;gap:.2rem;margin-bottom:1rem}.star-filled{color:#f5c842;color:var(--gold-light);font-size:.85rem}.testimonial-text{color:#ffffffd9;font-size:.9rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.testimonial-author{align-items:center;display:flex;gap:.85rem}.author-avatar{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--grad-primary);border:2px solid #fff3;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info{flex:1 1}.author-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.1rem}.author-role{color:#f0a060;color:var(--orange-pale);font-size:.75rem;margin-bottom:.1rem}.author-location{color:#ffffff73;font-size:.7rem}.cta-section{background:linear-gradient(160deg,#3d1f0f,#5a2e17 50%,#b05515);background:linear-gradient(160deg,var(--brown-dark) 0,var(--brown) 50%,var(--orange-dark) 100%);overflow:hidden;padding:6rem 1.5rem;position:relative;text-align:center}.cta-particles{inset:0;pointer-events:none;position:absolute}.cta-particle{animation:particleFloat 7s ease-in-out infinite;background:#e6a81780;border-radius:50%;height:3px;position:absolute;width:3px}.cta-particle:first-child{left:8%;top:25%}.cta-particle:nth-child(2){animation-duration:9s;left:18%;top:70%}.cta-particle:nth-child(3){animation-duration:6s;left:30%;top:40%}.cta-particle:nth-child(4){animation-duration:11s;left:45%;top:15%}.cta-particle:nth-child(5){animation-duration:8s;left:55%;top:80%}.cta-particle:nth-child(6){animation-duration:7s;left:65%;top:35%}.cta-particle:nth-child(7){animation-duration:10s;left:75%;top:60%}.cta-particle:nth-child(8){animation-duration:6s;left:85%;top:20%}.cta-particle:nth-child(9){animation-duration:9s;left:92%;top:75%}.cta-particle:nth-child(10){animation-duration:7s;left:3%;top:55%}.cta-particle:nth-child(11){animation-duration:8s;left:40%;top:90%}.cta-particle:nth-child(12){animation-duration:11s;left:60%;top:5%}.cta-particle:nth-child(13){animation-duration:6s;left:70%;top:45%}.cta-particle:nth-child(14){animation-duration:9s;left:22%;top:10%}.cta-particle:nth-child(15){animation-duration:7s;left:50%;top:50%}.cta-content{max-width:680px}.cta-icon{animation:float 3s ease-in-out infinite;display:block;font-size:3rem;margin-bottom:1.25rem}.cta-content h2{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700;line-height:1.2}.cta-content>p{color:#ffffffbf;font-size:.97rem;line-height:1.7;margin-bottom:2.25rem}.cta-buttons{margin-bottom:2rem}.cta-buttons .btn-primary{background:#fff;box-shadow:0 8px 28px #5a2e1729;box-shadow:var(--shadow-md);color:#d2691e;color:var(--orange)}.cta-buttons .btn-primary:hover{background:#f5c842;background:var(--gold-light);box-shadow:0 0 24px #e6a81766;box-shadow:var(--glow-gold);color:#3d1f0f;color:var(--brown-dark);transform:translateY(-3px)}.cta-features{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-features span{color:#ffffffa6;font-size:.8rem;font-weight:500}.stats-section{background:#fff;padding:3rem 1.5rem}.stats-grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:0 auto;max-width:1200px}.stat-card{min-width:140px}.stat-number{color:#d2691e;color:var(--orange);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:2.2rem;font-weight:800;line-height:1;margin-bottom:.3rem}.stat-label{color:#8b4a2a;color:var(--brown-light);font-size:.68rem;font-weight:600;letter-spacing:.1em}.about-link:focus-visible,.btn:focus-visible,.caption-link:focus-visible,.converter-btn:focus-visible,.tool-link:focus-visible,.view-all-btn:focus-visible{border-radius:.5rem;border-radius:var(--radius-sm);outline:2.5px solid #d2691e;outline:2.5px solid var(--orange);outline-offset:3px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about-content{gap:3rem;grid-template-columns:1fr}.about-stats-card{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.carousel-slide{height:420px}}@media (max-width:768px){.hero-content{padding:1.5rem 1rem}.hero-title{font-size:clamp(2rem,10vw,3.5rem)}.hero-stats{border-radius:1.5rem;border-radius:var(--radius-lg);gap:0;padding:1rem}.stat-item{padding:.4rem .9rem}.hero-stats .stat-number{font-size:1.3rem}.stat-divider{height:30px}.hero-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:260px;width:100%}.converter-card{flex-direction:column;padding:1.5rem;text-align:center}.carousel-slide{height:360px}.carousel-caption{padding:1.5rem}.carousel-caption h3{font-size:1.6rem}.caption-description{display:none}.about-stats-card,.recipes-grid,.testimonials-grid,.tools-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-features{flex-direction:column;gap:.5rem}.stats-grid{gap:2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.hero-stats{flex-wrap:wrap;gap:.5rem;padding:1rem}.stat-divider{display:none}.stat-item{min-width:80px;padding:.5rem}.carousel-slide{height:300px}.carousel-caption{max-width:100%;padding:1.25rem}.carousel-caption h3{font-size:1.3rem}.caption-subtitle{display:none}.converter-card{padding:1.25rem}.tool-card{padding:1.5rem}.section-header h2{font-size:1.7rem}.recipe-info{padding:1rem}.testimonial-card{padding:1.5rem}.stat-circle-number{font-size:2.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1;transform:none}}@media (prefers-color-scheme:dark){.home-container{background:#b75c2b}.about-feature,.about-quote,.stats-section,.testimonial-card,.tool-card{background:#5a2e17}.about-text h2,.feature-text h4,.section-header h2,.testimonial-text,.tool-card h3{color:#fff5e8!important}.about-text p,.feature-text p,.section-subtitle,.tool-card p{color:#d4c4a8!important}}:root{--gradient-bg:linear-gradient(135deg,#5a2e17f2,#d2691ed9)}.auth-wrapper{align-items:center;background:linear-gradient(135deg,#5a2e17f2,#d2691ed9);background:var(--gradient-bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-wrapper:before{animation:float 20s ease-in-out infinite;content:"🍛";font-size:200px;right:-50px;top:-50px}.auth-wrapper:after,.auth-wrapper:before{opacity:.05;pointer-events:none;position:absolute}.auth-wrapper:after{animation:float 15s ease-in-out infinite reverse;bottom:-50px;content:"🌶️";font-size:180px;left:-50px}.auth-container{animation:fadeInUp .6s ease-out;background:#fff;border:1px solid #d2691e1a;border-radius:2rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);max-width:480px;padding:2rem;position:relative;width:100%;z-index:1}.auth-back-btn{align-items:center;background:#0000;border:none;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.auth-back-btn:hover{color:#d2691e;color:var(--brand-orange);transform:translateX(-5px)}.auth-header{margin-bottom:2rem;text-align:center}.auth-logo{animation:bounce 2s infinite;font-size:3rem;margin-bottom:.5rem}.auth-title{color:#5a2e17;color:var(--brand-brown);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{align-items:center;position:relative}.input-icon{color:#7a3d1f;color:var(--brand-brown-light);font-size:1rem;left:1rem;pointer-events:none;position:absolute}.input-group input,.input-group textarea,.input-icon{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.input-group input,.input-group textarea{background:#fff9f2;background:var(--brand-cream);border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:1rem;font-family:inherit;font-size:.9rem;padding:.85rem 1rem .85rem 2.8rem;width:100%}.input-group textarea{min-height:80px;resize:vertical}.input-group input:focus,.input-group textarea:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.input-group input:hover,.input-group textarea:hover{border-color:#e07d3a;border-color:var(--brand-orange-light)}.input-group input.error{border-color:#ef4444}.password-toggle{background:none;border:none;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;font-size:1rem;position:absolute;right:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.password-toggle:hover{color:#d2691e;color:var(--brand-orange)}.input-error-icon{color:#ef4444;font-size:1rem;position:absolute;right:1rem}.password-strength{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-top:-.5rem}.strength-bar-container{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:999px;flex:1 1;height:4px;overflow:hidden}.strength-bar{border-radius:999px;height:100%;transition:width .3s ease}.strength-text{font-size:.7rem;font-weight:500}.form-options{font-size:.8rem;justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;gap:.5rem}.checkbox-label input{accent-color:#d2691e;accent-color:var(--brand-orange);cursor:pointer;height:16px;width:16px}.forgot-link{color:#d2691e;color:var(--brand-orange);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.forgot-link:hover{color:#b85a1a;color:var(--brand-orange-dark);text-decoration:underline}.alert-message{align-items:center;animation:fadeInUp .3s ease-out;border-radius:.75rem;display:flex;font-size:.85rem;gap:.5rem;padding:.75rem 1rem}.alert-message.error{background:#ef44441a;border-left:3px solid #ef4444;color:#ef4444}.alert-message.success{background:#10b9811a;border-left:3px solid #10b981;color:#10b981}.submit-btn{border-radius:1rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.submit-btn:disabled{opacity:.7}.social-section{margin-top:1.5rem}.divider{margin:1rem 0;position:relative;text-align:center}.divider:after,.divider:before{background:#fdf0e0;background:var(--brand-cream-dark);content:"";height:1px;position:absolute;top:50%;width:calc(50% - 70px)}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;color:#7a3d1f;color:var(--brand-brown-light);font-size:.75rem;padding:0 1rem}.social-buttons{display:flex;gap:.75rem;margin-top:1rem}.social-btn{align-items:center;background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center;padding:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.social-btn:hover{border-color:#d2691e;border-color:var(--brand-orange);transform:translateY(-2px)}.social-btn.google:hover{background:#db4437;border-color:#db4437;color:#fff}.social-btn.facebook:hover{background:#4267b2;border-color:#4267b2;color:#fff}.social-btn.apple:hover{background:#000;border-color:#000;color:#fff}.auth-footer{border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);margin-top:1.5rem;padding-top:1rem;text-align:center}.auth-footer p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem}.toggle-btn{background:none;border:none;color:#d2691e;color:var(--brand-orange);margin-left:.5rem}.toggle-btn:hover:not(:disabled){color:#b85a1a;color:var(--brand-orange-dark);text-decoration:underline}.toggle-btn:disabled{cursor:not-allowed;opacity:.5}.terms-text{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-top:1rem;text-align:center}.terms-text a{color:#d2691e;color:var(--brand-orange);margin:0 .25rem;text-decoration:none}.terms-text a:hover{text-decoration:underline}@media (max-width:580px){.auth-wrapper{padding:1rem}.auth-container{padding:1.5rem}.auth-title{font-size:1.5rem}.social-buttons{flex-direction:column}.social-btn{padding:.6rem}.form-options{align-items:flex-start;flex-direction:column;gap:.5rem}.divider:after,.divider:before{width:calc(50% - 60px)}}@media (max-width:480px){.auth-container{padding:1.25rem}.auth-logo{font-size:2.5rem}.auth-title{font-size:1.3rem}.input-group input,.input-group textarea{font-size:.85rem;padding:.75rem 1rem .75rem 2.5rem}.input-icon{font-size:.9rem;left:.8rem}.submit-btn{padding:.75rem}.social-btn{font-size:.75rem}}@media (prefers-color-scheme:dark){.auth-container{background:#2d2d44}.auth-title{color:#fff5e8}.auth-footer p,.auth-subtitle,.checkbox-label,.terms-text{color:#d4c4a8}.input-group input,.input-group textarea{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.input-group input::placeholder,.input-group textarea::placeholder{color:#d4c4a8}.divider span{background:#2d2d44;color:#d4c4a8}.divider:after,.divider:before{background:#3d3d5c}.social-btn{background:#1a1a2e;border-color:#3d3d5c;color:#d4c4a8}.social-btn:hover{border-color:#d2691e;border-color:var(--brand-orange)}.auth-footer{border-top-color:#3d3d5c}.password-strength .strength-bar-container{background:#3d3d5c}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.auth-logo{animation:none}}.toggle-btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media print{.auth-wrapper{background:#fff;padding:0}.auth-container{border:1px solid #ddd;box-shadow:none}.auth-back-btn,.social-section,.submit-btn{display:none}}.about-container{background:#fff9f2;background:var(--brand-cream);overflow-x:hidden;width:100%}.about-hero{align-items:center;background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);display:flex;justify-content:center;min-height:85vh;overflow:hidden;position:relative}.about-hero:before{animation:float 20s ease-in-out infinite;bottom:-50px;content:"🍛";font-size:200px;right:-50px}.about-hero:after,.about-hero:before{opacity:.05;pointer-events:none;position:absolute}.about-hero:after{animation:float 15s ease-in-out infinite reverse;content:"🌶️";font-size:180px;left:-50px;top:-50px}.about-hero-overlay{background:linear-gradient(135deg,#5a2e17eb,#d2691ed9);background:var(--gradient-hero);bottom:0;left:0;position:absolute;right:0;top:0}.about-hero-content{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:900px;padding:2rem;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;display:inline-flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{font-size:1rem}.badge-text{color:#fff;font-size:.8rem;font-weight:500;letter-spacing:1px}.about-hero-title{color:#fff;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.about-hero-subtitle{color:#fffffff2;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-stats{border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding-top:2rem}.hero-stat{text-align:center}.hero-stat-number{color:#fff;font-size:clamp(1.5rem,4vw,2rem);font-weight:800}.hero-stat-label{color:#ffffffb3;font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.hero-stat-divider{background:#fff3;height:40px;width:1px}.about-hero-wave{bottom:-2px;left:0;line-height:0;overflow:hidden;position:absolute;width:100%;z-index:1}.about-hero-wave svg{display:block;height:60px;position:relative;width:calc(100% + 1.3px)}.about-nav{background:#fff;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);position:sticky;top:80px;z-index:100}.about-nav-container{display:flex;gap:.5rem;justify-content:center;margin:0 auto;max-width:1200px;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.about-nav-container::-webkit-scrollbar{display:none}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap}.nav-tab.active,.nav-tab:hover{color:#d2691e;color:var(--brand-orange)}.nav-tab.active{border-bottom-color:#d2691e;border-bottom-color:var(--brand-orange)}.about-section{padding:5rem 1rem}.section-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.section-container.reverse{direction:rtl}.section-container.reverse>*{direction:ltr}.section-container.full-width{grid-template-columns:1fr;text-align:center}.section-badge{background:#d2691e1f;border-radius:999px;color:#d2691e;color:var(--brand-orange);display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.section-content h2{color:#5a2e17;color:var(--brand-brown);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.3;margin-bottom:1rem}.section-content p{color:#7a3d1f;color:var(--brand-brown-light);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.section-image{border-radius:1.5rem;box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);overflow:hidden}.image-placeholder{background:linear-gradient(135deg,#7a3d1f,#d2691e);background:linear-gradient(135deg,var(--brand-brown-light) 0,var(--brand-orange) 100%);min-height:400px}.image-placeholder img{height:100%;object-fit:cover;width:100%}.mission-section{background:#fff}.mission-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.mission-card{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.mission-card:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.mission-icon{font-size:2.5rem;margin-bottom:1rem}.mission-card h3{color:#5a2e17;color:var(--brand-brown);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.mission-card p{font-size:.85rem;margin:0}.why-section{background:#fff9f2;background:var(--brand-cream)}.impact-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.impact-stat{flex:1 1;text-align:center}.impact-number{color:#d2691e;color:var(--brand-orange);font-size:2rem;font-weight:800}.impact-label{color:#7a3d1f;color:var(--brand-brown-light);font-size:.75rem;font-weight:500}.video-container{border-radius:1rem;overflow:hidden;position:relative}.about-video{display:block;height:auto;width:100%}.video-play-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:50%;bottom:1rem;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;right:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:50px}.video-play-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:scale(1.1)}.contribute-section{background:#fff}.contribute-subtitle{margin:0 auto 2rem;max-width:600px}.contribute-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.contribute-card{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.contribute-card:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.contribute-icon{font-size:2rem;margin-bottom:1rem}.contribute-card h3{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:.5rem}.contribute-card p{font-size:.8rem;margin-bottom:1rem}.contribute-link{align-items:center;color:#d2691e;color:var(--brand-orange);display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.contribute-link:hover{gap:.6rem}.vision-section{background:#fff9f2;background:var(--brand-cream)}.vision-quote{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);margin-top:1.5rem;padding:1.5rem;position:relative}.quote-icon{color:#d2691e;color:var(--brand-orange);font-size:2rem;margin-bottom:.5rem;opacity:.5}.vision-quote p{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-style:italic;margin-bottom:0}.milestones-timeline{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.milestones-timeline h3{color:#5a2e17;color:var(--brand-brown);font-size:1.2rem;font-weight:700;margin-bottom:1rem;text-align:center}.milestone-item{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;gap:1rem;padding:1rem 0}.milestone-item:last-child{border-bottom:none}.milestone-year{color:#d2691e;color:var(--brand-orange);font-weight:800;min-width:70px}.milestone-content h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:700;margin-bottom:.2rem}.milestone-content p{font-size:.75rem;margin:0}.team-section{background:#fff}.team-subtitle{margin:0 auto 2rem;max-width:600px}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.team-card{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;overflow:hidden;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.team-card:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.team-image{height:250px;overflow:hidden;position:relative}.team-image img{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.team-card:hover .team-image img{transform:scale(1.05)}.team-social{background:linear-gradient(#0000,#000000b3);bottom:-50px;display:flex;gap:1rem;justify-content:center;left:0;padding:1rem;position:absolute;right:0;transition:bottom .3s ease}.team-card:hover .team-social{bottom:0}.team-social a{color:#fff;font-size:1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.team-social a:hover{color:#e6a817;color:var(--brand-gold);transform:scale(1.2)}.team-info{padding:1.5rem;text-align:center}.team-info h3{color:#5a2e17;color:var(--brand-brown);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.team-role{color:#d2691e;color:var(--brand-orange);font-size:.7rem;font-weight:600;margin-bottom:.5rem}.team-bio{color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;margin:0}.values-section{background:#fff9f2;background:var(--brand-cream)}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2rem}.value-card{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.value-card:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-5px)}.value-icon{color:#d2691e;color:var(--brand-orange);font-size:2rem;margin-bottom:1rem}.value-card h3{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:.5rem}.value-card p{font-size:.8rem;margin:0}.about-cta{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);overflow:hidden;padding:5rem 1rem;position:relative;text-align:center}.about-cta:before{bottom:-30px;content:"🍛";font-size:150px;left:-30px;opacity:.05;pointer-events:none;position:absolute}.cta-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.cta-content h2{color:#fff;font-size:clamp(1.8rem,5vw,2.5rem);margin-bottom:1rem}.cta-content p{color:#ffffffe6;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.85rem 1.8rem;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:#fff;color:#d2691e!important;color:var(--brand-orange)!important}.btn-primary:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.btn-outline{border:2px solid #fff;color:#fff!important}.btn-outline:hover{background:#fff;color:#d2691e!important;color:var(--brand-orange)!important;transform:translateY(-3px)}@media (max-width:1024px){.contribute-grid,.mission-cards,.team-grid,.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-hero{min-height:70vh}.hero-stats{gap:1rem}.hero-stat-divider{display:none}.about-nav-container{justify-content:flex-start}.section-container{gap:2rem;grid-template-columns:1fr}.section-container.reverse{direction:ltr}.contribute-grid,.mission-cards,.team-grid,.values-grid{grid-template-columns:1fr}.impact-stats{flex-direction:column;gap:1rem}.about-hero-wave svg{height:40px}.cta-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:250px;width:100%}}@media (max-width:480px){.about-hero-content{padding:1rem}.hero-badge{padding:.3rem .8rem}.section-content h2{font-size:1.5rem}.contribute-card,.mission-card,.value-card{padding:1rem}.team-image{height:200px}.milestone-item{flex-direction:column;gap:.3rem}.milestone-year{min-width:auto}}.btn:focus-visible,.contribute-link:focus-visible,.nav-tab:focus-visible,button:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media (prefers-color-scheme:dark){.about-container{background:#9c4f26}.about-nav,.contribute-section,.mission-section,.team-section{background:#5a2e17}.values-section,.vision-section,.why-section{background:#904720}.contribute-card,.milestones-timeline,.mission-card,.team-card,.value-card,.vision-quote{background:#5a2e17;border-color:#d2691e}.contribute-card h3,.milestone-content h4,.mission-card h3,.team-info h3,.value-card h3,.vision-quote p{color:#fff5e8}.contribute-card p,.mission-card p,.section-content p,.team-bio,.value-card p{color:#d4c4a8}.section-content h2{color:#fff5e8}}.recipes-container{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:0}.recipes-hero{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.recipes-hero:before{animation:float 20s ease-in-out infinite;bottom:-30px;content:"🍛";font-size:150px;right:-30px}.recipes-hero:after,.recipes-hero:before{opacity:.08;pointer-events:none;position:absolute}.recipes-hero:after{animation:float 15s ease-in-out infinite reverse;content:"🌶️";font-size:120px;left:-30px;top:-30px}.recipes-hero-title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:clamp(2rem,5vw,3rem);font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.recipes-hero-subtitle{color:#ffffffe6;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6;margin:0 auto;max-width:600px}.recipes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:-1.5rem auto 0;max-width:1200px;padding:0 1.5rem;position:relative;z-index:2}.search-wrapper{flex:1 1;min-width:250px}.controls-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.sort-wrapper{position:relative}.sort-select{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A2E17' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:999px;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.85rem;font-weight:500;padding:.7rem 2rem .7rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.sort-select:focus{border-color:#d2691e;border-color:var(--brand-orange);outline:none}.filter-toggle{position:relative}.filter-count{background:#d2691e;background:var(--brand-orange);border-radius:999px;color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .4rem;position:absolute;right:-8px;top:-8px}.filters-panel.open{max-height:250px}.filters-grid{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding:1.5rem}.filter-group{flex:1 1}.filter-actions{margin-top:1rem;text-align:center}.clear-filters-btn{font-size:.8rem;padding:.5rem 1.2rem}.recipes-info{margin:1.5rem auto;max-width:1200px;padding:0 1.5rem}.recipes-info p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;font-weight:500}.recipes-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1200px}.recipes-grid,.recipes-list{margin:0 auto;padding:0 1.5rem}.recipes-list{gap:1.5rem;max-width:1000px}.recipe-card-grid{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.recipe-card-grid:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.recipe-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.recipe-card-image-wrapper{background:linear-gradient(135deg,#fff9f2,#fdf0e0);background:linear-gradient(135deg,var(--brand-cream) 0,var(--brand-cream-dark) 100%);height:220px;overflow:hidden;position:relative}.recipe-card-image{height:100%;object-fit:cover;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.recipe-card-image.loaded{opacity:1}.recipe-card-image-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#fff9f2 25%,#fdf0e0 50%,#fff9f2 75%);background:linear-gradient(90deg,var(--brand-cream) 25%,var(--brand-cream-dark) 50%,var(--brand-cream) 75%);background-size:200% 100%;height:100%;left:0;position:absolute;top:0;width:100%}.recipe-card-grid:hover .recipe-card-image{transform:scale(1.05)}.recipe-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;display:flex;font-size:3rem;height:100%;justify-content:center;width:100%}.recipe-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;left:.75rem;position:absolute;top:.75rem;z-index:2}.badge{font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.25rem .7rem;text-transform:uppercase}.badge.new{background:#d2691e;background:var(--brand-orange)}.badge.popular{background:#ef4444}.badge.veg{background:#10b981}.badge.vegan{background:#8b5cf6}.recipe-card-overlay{align-items:center;background:#5a2e17d9;bottom:0;display:flex;gap:1rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:3}.recipe-card-overlay.visible{opacity:1}.overlay-btn{align-items:center;background:#fff;border:none;border-radius:50%;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;opacity:0;transform:translateY(20px);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:45px}.recipe-card-overlay.visible .overlay-btn{opacity:1;transform:translateY(0)}.recipe-card-overlay.visible .overlay-btn:first-child{transition-delay:.05s}.recipe-card-overlay.visible .overlay-btn:nth-child(2){transition-delay:.1s}.recipe-card-overlay.visible .overlay-btn:nth-child(3){transition-delay:.15s}.overlay-btn:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;transform:scale(1.1) translateY(0)}.overlay-btn.liked{background:#ef4444;color:#fff}.overlay-btn.saved{background:#d2691e;background:var(--brand-orange);color:#fff}.recipe-card-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.recipe-card-header{margin-bottom:.75rem}.recipe-card-meta{align-items:center;display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:.5rem}.meta-category{background:#d2691e1a;border-radius:2rem;color:#d2691e;color:var(--brand-orange);font-weight:600;padding:.2rem .6rem}.meta-time{align-items:center;color:#7a3d1f;color:var(--brand-brown-light);display:flex;gap:.25rem}.recipe-card-title{color:#5a2e17;color:var(--brand-brown);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.recipe-card-description,.recipe-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-card-description{color:#7a3d1f;color:var(--brand-brown-light);flex:1 1;font-size:.8rem;line-height:1.5;margin-bottom:1rem}.recipe-card-footer{align-items:center;border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.75rem;padding-top:.75rem}.recipe-card-stats{display:flex;gap:.75rem}.stat-item{align-items:center;color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:.7rem;gap:.25rem}.stat-item .star-icon{color:#e6a817;color:var(--brand-gold)}.stat-item .spice-icon{font-size:.7rem}.stat-count{color:#7a3d1f;color:var(--brand-brown-light);font-size:.65rem}.recipe-card-flag{align-items:center;border-radius:2rem;display:flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.2rem .5rem}.recipe-card-cta{text-align:center}.view-details-btn{align-items:center;color:#d2691e;color:var(--brand-orange);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-card-grid:hover .view-details-btn{color:#b85a1a;color:var(--brand-orange-dark);gap:.6rem}.recipe-card-list{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.recipe-card-list:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateX(5px)}.recipe-card-link.list-view{display:flex;flex-direction:row;height:100%}.recipe-card-image-wrapper.list{flex-shrink:0;height:180px;width:200px}.recipe-card-image-list{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.recipe-card-list:hover .recipe-card-image-list{transform:scale(1.05)}.recipe-card-image-placeholder-list{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.recipe-card-content-list{display:flex;flex:1 1;flex-direction:column;padding:1rem}.recipe-card-header-list{margin-bottom:.5rem}.recipe-card-meta-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.meta-difficulty{align-items:center;border-radius:2rem;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.2rem .6rem}.recipe-card-title-list{color:#5a2e17;color:var(--brand-brown);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.recipe-card-description-list{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#7a3d1f;color:var(--brand-brown-light);display:-webkit-box;font-size:.8rem;line-height:1.5;margin-bottom:.75rem;overflow:hidden}.recipe-card-footer-list{align-items:center;justify-content:space-between;margin-top:auto}.recipe-card-footer-list,.recipe-card-stats-list{display:flex;flex-wrap:wrap;gap:1rem}.recipe-card-actions-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{background:#fff9f2;background:var(--brand-cream);border-radius:50%;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.action-btn:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;transform:scale(1.1)}.action-btn.liked{background:#ef4444;color:#fff}.action-btn.saved{background:#d2691e;background:var(--brand-orange);color:#fff}.view-link{align-items:center;color:#d2691e;color:var(--brand-orange);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-card-list:hover .view-link{gap:.6rem}.pagination{margin:3rem auto;max-width:1200px;padding:0 1.5rem}.page-numbers{align-items:center}.page-number{height:40px;width:40px}.page-dots{color:#7a3d1f;color:var(--brand-brown-light);padding:0 .25rem}.recipes-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.recipes-loading p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem}.recipes-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:4rem 2rem;text-align:center}.recipes-error h3{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.recipes-error p{color:#7a3d1f;color:var(--brand-brown-light);margin-bottom:1.5rem}@media (max-width:1024px){.recipes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.recipes-hero{padding:3rem 1rem}.recipes-controls{align-items:stretch;flex-direction:column;padding:0 1rem}.controls-right{justify-content:space-between}.filters-grid{flex-direction:column}.filter-group{width:100%}.filters-panel.open{max-height:450px}.recipes-grid{grid-template-columns:1fr}.recipes-grid,.recipes-list{padding:0 1rem}.recipe-card-link.list-view{flex-direction:column}.recipe-card-image-wrapper.list{height:180px;width:100%}.page-numbers{justify-content:center;order:3;width:100%}.pagination,.recipe-card-meta-list{flex-wrap:wrap}.recipe-card-footer-list{align-items:flex-start;flex-direction:column}.recipe-card-actions-list{justify-content:space-between;width:100%}}@media (max-width:480px){.hero-icon,.recipes-hero-title{font-size:1.5rem}.controls-right{flex-wrap:wrap}.sort-wrapper{flex:1 1}.sort-select{width:100%}.filter-toggle{font-size:.8rem;padding:.5rem 1rem}.view-btn{font-size:1rem;padding:.4rem .6rem}.recipe-card-content{padding:.75rem}.recipe-card-title,.recipe-card-title-list{font-size:1rem}.page-number{font-size:.85rem;height:35px;width:35px}.page-btn{font-size:.85rem;padding:.5rem 1rem}.overlay-btn{font-size:1rem;height:38px;width:38px}.action-btn{font-size:.8rem;height:28px;width:28px}.view-link{font-size:.7rem}.recipe-card-stats-list{gap:.5rem}}@media (prefers-color-scheme:dark){.recipes-container{background:#1a1a2e}.filter-toggle,.filters-grid,.page-btn,.page-number,.recipe-card-grid,.recipe-card-list,.search-input,.sort-select,.view-toggle{background:#2d2d44;border-color:#3d3d5c;color:#fff5e8}.filter-group label,.meta-time,.recipe-card-description,.recipe-card-description-list,.recipes-info p,.search-icon,.search-input::placeholder,.sort-select,.stat-item{color:#d4c4a8}.recipe-card-title,.recipe-card-title-list{color:#fff5e8}.recipe-card-content,.recipe-card-content-list{background:#2d2d44}.recipe-card-footer,.recipe-card-footer-list{border-top-color:#3d3d5c}.no-results h3,.recipes-error h3{color:#fff5e8}.no-results p,.recipes-error p{color:#d4c4a8}.meta-category{background:#d2691e33}.action-btn{background:#1a1a2e;color:#d4c4a8}.action-btn:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.action-btn,.overlay-btn,.recipe-card-grid,.recipe-card-list,.view-details-btn,.view-link{transition:none}.recipe-card-grid:hover{transform:none}.recipe-card-overlay{transition:none}}.action-btn:focus-visible,.clear-filters-btn:focus-visible,.filter-toggle:focus-visible,.overlay-btn:focus-visible,.page-btn:focus-visible,.page-number:focus-visible,.recipe-card-link:focus-visible,.reset-btn:focus-visible,.retry-btn:focus-visible,.search-input:focus-visible,.sort-select:focus-visible,.view-details-btn:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}.page-wrap{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem 1.5rem}.back-button{align-items:center;background:#0000;border:none;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.back-button:hover{color:#d2691e;color:var(--brand-orange);transform:translateX(-5px)}.recipe-detail-container{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.recipe-header{grid-gap:2rem;background:#fff;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.recipe-image{border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.recipe-image img{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.recipe-image:hover img{transform:scale(1.05)}.recipe-info h1{color:#5a2e17;color:var(--brand-brown);font-family:Playfair Display,serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3;margin-bottom:1rem}.recipe-meta-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.meta-tag{display:inline-block;font-size:.7rem;font-weight:600;padding:.3rem .8rem}.meta-tag.category{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.meta-tag.culture{background:#5a2e171a;color:#5a2e17;color:var(--brand-brown)}.recipe-ratings{flex-wrap:wrap;gap:1rem;margin-top:1rem}.recipe-ratings,.star-rating{align-items:center;display:flex}.star-rating{gap:.5rem}.stars{display:flex;gap:.2rem}.star-btn{background:none;border:none;color:#d1d5db;cursor:pointer;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.star-btn.active{color:#e6a817;color:var(--brand-gold)}.star-btn:hover{transform:scale(1.1)}.star-meta{align-items:center;color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:.8rem;gap:.2rem}.star-icon{color:#e6a817;color:var(--brand-gold)}.nutrition-flag{background:#d2691e1a;border-radius:2rem;color:#d2691e;color:var(--brand-orange);font-size:.7rem;font-weight:600;padding:.3rem .8rem}.nutrition-flag[data-flag=weight-loss]{background:#10b9811a;color:#10b981}.nutrition-flag[data-flag=weight-gain]{background:#ef44441a;color:#ef4444}.rd-section{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);padding:1.5rem 2rem}.rd-section:last-child{border-bottom:none}.section-head{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}.section-head,.section-head h3{align-items:center;display:flex;gap:.5rem}.section-head h3{color:#5a2e17;color:var(--brand-brown);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.section-right{align-items:center;display:flex;gap:.5rem}.advanced-nutrition{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;overflow:hidden}.nutrition-tabs{background:#fff;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;gap:.5rem;padding:.75rem}.nutri-tab{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nutri-tab:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.nutri-tab.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}.nutrition-content{padding:1.5rem}.macro-section{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.macro-pie-container{flex-shrink:0}.macro-stats{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.macro-stat-item{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:.75rem;padding:.75rem;text-align:center}.macro-stat-value{font-size:1.3rem;font-weight:700}.macro-stat-label{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-top:.25rem}.micro-section{width:100%}.micro-bars{display:flex;flex-direction:column;gap:1rem}.micro-bar-item{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.micro-bar-label{color:#5a2e17;color:var(--brand-brown);font-size:.8rem;font-weight:500;width:100px}.micro-bar-bg{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:1rem;flex:1 1;height:8px;overflow:hidden}.micro-bar-fill{border-radius:1rem;height:100%;transition:width .5s ease}.micro-bar-value{color:#7a3d1f;color:var(--brand-brown-light);font-size:.75rem;width:60px}.radar-section{width:100%}.radar-chart-container{display:flex;flex-direction:column;gap:1rem}.radar-item{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.radar-label{color:#5a2e17;color:var(--brand-brown);font-size:.8rem;font-weight:500;width:100px}.radar-bar-bg{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:1rem;flex:1 1;height:8px;overflow:hidden}.radar-bar-fill{border-radius:1rem;height:100%;transition:width .5s ease}.radar-value{color:#d2691e;color:var(--brand-orange);font-size:.75rem;font-weight:600;width:50px}.no-micro-data{color:#7a3d1f;color:var(--brand-brown-light);padding:2rem;text-align:center}.simulator{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;overflow:hidden}.simulator-header{align-items:center;background:#fff;border-bottom:1px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.simulator-header:hover{background:#fff9f2;background:var(--brand-cream)}.simulator-title{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-weight:600;gap:.5rem}.simulator-toggle{background:none;border:none;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.simulator-toggle:hover{color:#d2691e;color:var(--brand-orange)}.sim-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.sim-col .label{color:#5a2e17;color:var(--brand-brown);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.segmented{display:flex;flex-wrap:wrap;gap:.5rem}.seg-btn{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.seg-btn:hover{border-color:#d2691e;border-color:var(--brand-orange)}.seg-btn.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-color:#0000;color:#fff}.health-warning{align-items:center;background:#ef44441a;border-left:3px solid #ef4444;border-radius:.5rem;color:#991b1b;display:flex;font-size:.8rem;gap:.5rem;margin:0 1.5rem 1rem;padding:.75rem 1rem}.adjusted-box{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;margin:0 1.5rem 1.5rem;padding:1rem}.box-head{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem}.ing-list{list-style:none;margin:.5rem 0;padding:0}.ing-list li{border-bottom:1px dashed #fdf0e0;border-bottom:1px dashed var(--brand-cream-dark);color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;padding:.3rem 0}.ing-list li:last-child{border-bottom:none}.ingredients-content,.instructions-content,.story-content{color:#7a3d1f;color:var(--brand-brown-light);line-height:1.7}.instructions-content p{white-space:pre-wrap}.action-buttons{flex-wrap:wrap;gap:1rem}.btn-outline,.btn-primary,.btn-secondary{align-items:center;border-radius:2rem;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.7rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary.saved{background:#10b981}.btn-secondary{background:linear-gradient(135deg,#5a2e17,#d2691e);background:var(--gradient-secondary);border:none;color:#fff}.btn-secondary:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md)}.btn-outline{background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.btn-outline:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:translateY(-2px)}.sharebar{display:flex;flex-wrap:wrap;gap:.5rem}.sharebar a,.sharebar button{align-items:center;background:#fff9f2;background:var(--brand-cream);border:none;border-radius:50%;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:36px}.sharebar a:hover,.sharebar button:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:translateY(-2px)}.comments-section{margin-top:.5rem}.comments-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.comments-header h3{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;gap:.5rem}.comment-count{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:1rem;font-size:.7rem;margin-left:.5rem;padding:.2rem .5rem}.comments-sort{display:flex;gap:.5rem}.comments-sort button{background:#0000;border:none;border-radius:1rem;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;font-size:.7rem;padding:.3rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.comments-sort button:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.comments-sort button.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}.add-comment{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.add-comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:45px;justify-content:center;width:45px}.add-comment-form{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.add-comment-form textarea{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:1rem;font-family:inherit;font-size:.85rem;padding:.75rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.add-comment-form textarea:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.add-comment-form button{align-self:flex-end;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.add-comment-form button:hover:not(:disabled){box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.add-comment-form button:disabled{cursor:not-allowed;opacity:.5}.comments-list{max-height:600px;overflow-y:auto;padding-right:.5rem}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:10px}.comments-list::-webkit-scrollbar-thumb{background:#d2691e;background:var(--brand-orange);border-radius:10px}.comment-item{animation:fadeInUp .3s ease-out;display:flex;gap:.75rem;margin-bottom:1.5rem}.comment-item.comment-reply{margin-left:3rem;margin-top:1rem}.comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.comment-content{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;flex:1 1;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.comment-author{color:#5a2e17;color:var(--brand-brown);font-size:.85rem;font-weight:600}.comment-date{font-size:.65rem}.comment-date,.comment-text{color:#7a3d1f;color:var(--brand-brown-light)}.comment-text{word-wrap:break-word;font-size:.85rem;line-height:1.5;margin-bottom:.75rem}.comment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.comment-delete-btn,.comment-edit-btn,.comment-reply-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-size:.7rem;gap:.25rem;padding:.2rem .4rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.comment-reply-btn:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.comment-edit-btn:hover{color:#e6a817;color:var(--brand-gold)}.comment-delete-btn:hover{color:#ef4444}.comment-reactions{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.reaction-badge{align-items:center;background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;cursor:pointer;display:flex;font-size:.7rem;gap:.2rem;padding:.2rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.reaction-badge:hover{background:#d2691e1a;border-color:#d2691e;border-color:var(--brand-orange)}.reaction-picker-container{position:relative}.reaction-picker{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;bottom:100%;box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);display:flex;gap:.25rem;left:0;margin-bottom:.5rem;padding:.25rem;position:absolute;z-index:10}.reaction-option{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:32px}.reaction-option:hover{background:#fff9f2;background:var(--brand-cream);transform:scale(1.1)}.comment-edit-form{margin-bottom:.75rem}.comment-edit-form textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-family:inherit;font-size:.85rem;padding:.5rem;resize:vertical;width:100%}.comment-edit-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.comment-edit-actions button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;font-size:.7rem;gap:.3rem;padding:.3rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.comment-edit-actions button:first-child{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;color:#fff}.comment-edit-actions button:last-child{background:#0000;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);color:#7a3d1f;color:var(--brand-brown-light)}.reply-form{border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);margin-top:.75rem;padding-top:.75rem}.reply-form textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-family:inherit;font-size:.8rem;padding:.5rem;resize:vertical;width:100%}.reply-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.reply-actions button:first-child{background:#0000;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:.5rem;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;padding:.3rem .8rem}.reply-actions button:last-child{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;padding:.3rem .8rem}.replies-container{border-left:2px solid #fdf0e0;border-left:2px solid var(--brand-cream-dark);margin-top:.75rem;padding-left:.5rem}.comments-loading,.no-comments{color:#7a3d1f;color:var(--brand-brown-light);padding:2rem;text-align:center}.no-comments-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-comments-sub{font-size:.8rem;margin-top:.25rem;opacity:.7}.recipe-tags{align-items:center;border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);margin-top:1rem;padding-top:1rem}.recipe-tag{background:#d2691e1a;font-size:.7rem;padding:.2rem .6rem}.nutrition-actions{margin-top:1rem;text-align:right}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh;text-align:center}.error-container h2{color:#5a2e17;color:var(--brand-brown)}.error-container p{color:#7a3d1f;color:var(--brand-brown-light)}.modal-mask{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleIn .3s ease-out;background:#fff;border-radius:1.5rem;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h3{font-size:1.1rem;margin:0}.modal-close{background:none;font-size:1.2rem}.modal-field{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-size:.85rem;margin:1rem 1.5rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:calc(100% - 3rem)}.modal-field:focus{border-color:#d2691e;border-color:var(--brand-orange);outline:none}.modal-actions{border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}@media (max-width:968px){.recipe-header{grid-template-columns:1fr}.recipe-image{max-height:300px}.sim-row{grid-template-columns:1fr}.macro-section{flex-direction:column;text-align:center}.macro-stats{width:100%}}@media (max-width:768px){.page-wrap,.rd-section,.recipe-header{padding:1rem}.action-buttons{flex-direction:column}.action-buttons .btn-outline,.action-buttons .btn-primary,.action-buttons .btn-secondary{justify-content:center;width:100%}.sharebar{justify-content:center}.section-head{align-items:flex-start;flex-direction:column}.comment-item.comment-reply{margin-left:1.5rem}.comments-header{align-items:flex-start}.add-comment,.comments-header{flex-direction:column}.add-comment-avatar{align-self:flex-start}.modal{margin:1rem;max-width:calc(100% - 2rem)}.micro-bar-item,.nutrition-tabs,.radar-item{flex-wrap:wrap}.micro-bar-label,.radar-label{width:100%}.micro-bar-value,.radar-value{width:auto}}@media (max-width:480px){.recipe-info h1{font-size:1.3rem}.recipe-meta-tags{gap:.3rem}.meta-tag{font-size:.6rem;padding:.2rem .6rem}.comment-item.comment-reply{margin-left:.75rem}.comment-avatar{font-size:.8rem;height:32px;width:32px}.comment-content{padding:.5rem .75rem}.comment-actions{flex-wrap:wrap}.reaction-picker{left:-40px}.segmented{width:100%}.seg-btn{flex:1 1;text-align:center}.macro-stat-value{font-size:1rem}.nutrition-tabs{gap:.25rem}.nutri-tab{font-size:.7rem;padding:.3rem .6rem}}@media print{.page-wrap{background:#fff;padding:0}.action-buttons,.back-button,.comments-section,.modal-mask,.nutrition-actions,.nutrition-tabs,.sharebar,.simulator{display:none}.recipe-detail-container{border:none;box-shadow:none}.recipe-header{grid-template-columns:1fr}.recipe-image{max-height:300px}.rd-section{break-inside:avoid;page-break-inside:avoid}.advanced-nutrition{border:1px solid #ddd}}@media (prefers-color-scheme:dark){.page-wrap{background:#1a1a2e}.adjusted-box,.modal,.recipe-detail-container,.simulator-header{background:#2d2d44}.box-head,.comment-author,.comments-header h3,.micro-bar-label,.radar-label,.recipe-info h1,.section-head h3,.simulator-title{color:#fff5e8}.comment-text,.ingredients-content,.instructions-content,.macro-stat-label,.micro-bar-value,.radar-value,.story-content{color:#d4c4a8}.add-comment-form textarea,.advanced-nutrition,.comment-content,.comment-edit-form textarea,.reply-form textarea,.simulator{background:#1a1a2e}.add-comment-form textarea,.comment-edit-form textarea,.reply-form textarea{border-color:#3d3d5c;color:#fff5e8}.reaction-badge,.reaction-picker{background:#2d2d44;border-color:#3d3d5c}.meta-tag.culture{background:#d2691e33}.macro-stat-item{background:#2d2d44;border-color:#3d3d5c}.nutrition-tabs{background:#2d2d44;border-bottom-color:#3d3d5c}}.cookmode-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.cookmode{animation:slideInUp .4s ease-out;background:#fff9f2;background:var(--brand-cream);border:1px solid #d2691e33;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cookmode-error,.cookmode-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.loading-spinner{margin-bottom:1rem}.error-icon{font-size:3rem}.cookmode-error h3{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.cookmode-error p{color:#7a3d1f;color:var(--brand-brown-light);margin-bottom:1.5rem}.cm-header{background:#fff;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);flex-wrap:wrap;justify-content:space-between;padding:1rem 1.5rem}.cm-header,.cm-header-left{align-items:center;display:flex;gap:1rem}.cm-header-left{flex:1 1}.cm-back-btn{background:#fff9f2;background:var(--brand-cream);border:none;border-radius:50%;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.cm-back-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:scale(1.05)}.cm-title{flex:1 1}.cm-title h1{color:#5a2e17;color:var(--brand-brown);font-size:1.1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-meta{color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:.7rem;justify-content:space-between;margin-top:.25rem}.progress-bar-bg{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .3s ease}.cm-header-right{display:flex;gap:.5rem}.btn-exit{background:#0000;border:none;border-radius:50%;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.btn-exit:hover{background:#ef44441a;color:#ef4444;transform:scale(1.05)}.cm-grid{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:320px 1fr;overflow:hidden}.cm-aside{background:#fff;border-right:1px solid #fdf0e0;border-right:1px solid var(--brand-cream-dark);display:flex;flex-direction:column;overflow-y:auto;padding:1rem}.aside-header{align-items:baseline;border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.aside-header h3{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:700;gap:.5rem}.aside-icon{font-size:1.2rem}.aside-stats{color:#d2691e;color:var(--brand-orange);font-size:.7rem;font-weight:600}.aside-tools{display:flex;gap:.5rem;margin-bottom:1rem}.btn-pill{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.7rem;padding:.3rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-pill:hover{background:#d2691e;background:var(--brand-orange);border-color:#d2691e;border-color:var(--brand-orange);color:#fff}.ingredients-list{flex:1 1;overflow-y:auto}.ingredients-list ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.ingredient-item{background:#fff9f2;background:var(--brand-cream);border-radius:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.ingredient-item.checked{opacity:.7}.ingredient-checkbox{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;width:100%}.ingredient-checkbox input{display:none}.checkbox-custom{background:#fff;border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:4px;display:inline-block;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:20px}.ingredient-checkbox input:checked+.checkbox-custom{background:#d2691e;background:var(--brand-orange);border-color:#d2691e;border-color:var(--brand-orange)}.ingredient-checkbox input:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ingredient-text{color:#5a2e17;color:var(--brand-brown);flex:1 1;font-size:.85rem}.ingredient-item.checked .ingredient-text{color:#7a3d1f;color:var(--brand-brown-light);text-decoration:line-through}.cm-main{background:#fff9f2;background:var(--brand-cream);display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.cm-hero{border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);max-height:250px;overflow:hidden}.cm-hero img{height:100%;object-fit:cover;width:100%}.step-container{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem}.step-number{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-radius:2rem;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:.75rem;padding:.2rem .8rem}.step-text{color:#5a2e17;color:var(--brand-brown);font-size:1rem;line-height:1.6;margin-bottom:1.5rem;white-space:pre-wrap}.timer-section{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;margin:1rem 0;padding:1rem;text-align:center}.timer-display{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.timer-icon{color:#d2691e;color:var(--brand-orange);font-size:1.5rem}.timer-value{color:#5a2e17;color:var(--brand-brown);font-family:monospace;font-size:2rem;font-weight:700}.timer-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.timer-btn{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.8rem;padding:.4rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.timer-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.timer-btn.outline,.timer-btn:hover{border-color:#d2691e;border-color:var(--brand-orange)}.timer-btn.outline{background:#0000;color:#d2691e;color:var(--brand-orange)}.timer-btn.outline:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.timer-hint{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin:0}.step-nav{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.nav-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.nav-btn:not(:disabled):hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.nav-btn.prev{background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.nav-btn.prev:hover:not(:disabled){background:#d2691e;background:var(--brand-orange);color:#fff}.exit-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.exit-modal{animation:scaleIn .2s ease-out;background:#fff;border-radius:1rem;max-width:350px;padding:1.5rem;text-align:center;width:90%}.exit-modal h3{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.exit-modal p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem;margin-bottom:1.5rem}.exit-modal-buttons{display:flex;gap:1rem;justify-content:center}.btn-secondary{border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark)}.btn-primary{padding:.5rem 1rem}@media (max-width:768px){.cookmode-overlay{padding:.5rem}.cm-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.cm-aside{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);border-right:none;max-height:40%}.cm-header-left{flex-wrap:wrap}.cm-title h1{font-size:1rem;white-space:normal;word-break:break-word}.step-text{font-size:.9rem}.timer-value{font-size:1.5rem}.nav-btn{font-size:.85rem;padding:.5rem}}@media (max-width:480px){.cm-header{padding:.75rem}.btn-exit,.cm-back-btn{height:32px;width:32px}.aside-tools{flex-wrap:wrap}.btn-pill{flex:1 1;text-align:center}.ingredient-text{font-size:.8rem}.timer-controls{flex-direction:column}.timer-btn{width:100%}.step-nav{flex-direction:column}.exit-modal{padding:1rem;width:95%}}@media (prefers-color-scheme:dark){.cm-aside,.cm-header,.cookmode,.exit-modal,.step-container{background:#2d2d44}.aside-header h3,.cm-title h1,.ingredient-text,.step-text,.timer-value{color:#fff5e8}.aside-stats,.cm-meta,.exit-modal p,.timer-hint{color:#d4c4a8}.btn-pill,.nav-btn.prev,.timer-btn{background:#1a1a2e;border-color:#3d3d5c;color:#d4c4a8}.btn-pill:hover,.timer-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.checkbox-custom,.ingredient-item{background:#1a1a2e}}@media (prefers-reduced-motion:reduce){.cookmode,.cookmode-overlay,.nav-btn,.timer-btn{animation:none;transition:none}}button:focus-visible{outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;text-align:center}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-page-container{animation:fadeIn .5s ease-out;background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.calendar-header{animation:fadeInUp .6s ease-out;margin-bottom:3rem;text-align:center}.calendar-header h1{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;flex-wrap:wrap;font-weight:700;gap:.75rem;justify-content:center;margin-bottom:1rem}.calendar-header h1,.calendar-icon{font-size:clamp(1.8rem,5vw,2.5rem)}.calendar-subtitle{color:#7a3d1f;color:var(--brand-brown-light);font-size:clamp(.9rem,3vw,1rem);margin:0 auto;max-width:600px}.calendar-main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;margin-bottom:3rem}@media (max-width:968px){.calendar-main-grid{gap:1.5rem;grid-template-columns:1fr}}.calendar-left{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.calendar-left:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calendar-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.react-calendar{background:#0000;border:none;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:500px;width:100%}.react-calendar__navigation{margin-bottom:1.5rem}.react-calendar__navigation button{background:#0000;border-radius:.75rem;color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.react-calendar__navigation button:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.react-calendar__navigation button:disabled{opacity:.5}.react-calendar__month-view__weekdays{font-size:.7rem;font-weight:700;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{color:#d2691e;color:var(--brand-orange);padding:.5rem}.react-calendar__month-view__weekdays__weekday abbr{cursor:default;text-decoration:none}.react-calendar__tile{background:#0000;border-radius:.75rem;color:#5a2e17;color:var(--brand-brown);font-size:.85rem;font-weight:500;padding:.75rem .5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.react-calendar__tile:hover{background:#d2691e1a;transform:scale(1.05)}.react-calendar__tile--now{background:#d2691e26;border:2px solid #d2691e;border:2px solid var(--brand-orange);font-weight:700}.react-calendar__tile--active{color:#fff!important}.react-calendar__tile--active,.react-calendar__tile--active:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary)}.react-calendar__tile--active:hover{color:#fff}.festive-highlight{background:linear-gradient(135deg,#d2691e26,#e6a81726);color:#d2691e;color:var(--brand-orange);font-weight:700;position:relative}.festive-highlight.react-calendar__tile--active{color:#fff}.poya-day{background:linear-gradient(135deg,#5a2e171a,#d2691e1a);position:relative}.festive-emoji{opacity:.8;top:2px}.festive-emoji,.poya-indicator{font-size:.7rem;position:absolute;right:2px}.poya-indicator{bottom:2px;opacity:.7}.calendar-legend{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:.75rem;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1rem 0 1.5rem;padding:.75rem}.legend-item{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:.75rem;gap:.5rem}.legend-color{border-radius:.5rem;height:20px;width:20px}.festival-color{background:linear-gradient(135deg,#d2691e,#e6a817);background:linear-gradient(135deg,var(--brand-orange) 0,var(--brand-gold) 100%)}.poya-color{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%)}.view-toggle{gap:.75rem;margin-top:.5rem}.toggle-btn{align-items:center;background:#fff;border:2px solid #d2691e33;border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.toggle-btn:hover{border-color:#d2691e;border-color:var(--brand-orange);transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-color:#0000;box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);color:#fff}.calendar-right{animation:fadeInRight .5s ease-out;background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.calendar-right:hover{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg)}.selected-date-header{align-items:center;border-bottom:2px solid #d2691e33;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.selected-date-header h2{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:clamp(1rem,4vw,1.2rem);font-weight:600;gap:.5rem}.date-icon{font-size:1.2rem}.poya-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.event-details-card{animation:fadeInUp .3s ease-out}.event-header{gap:1rem;margin-bottom:1.5rem}.event-emoji,.event-header{align-items:center;display:flex}.event-emoji{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);font-size:3rem;height:70px;justify-content:center;width:70px}.event-title h3{color:#5a2e17;color:var(--brand-brown);font-size:clamp(1.2rem,4vw,1.5rem);font-weight:700;margin-bottom:.25rem}.event-category{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-radius:2rem;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem}.event-description{background:#fff9f2;background:var(--brand-cream);border-left:4px solid #d2691e;border-left:4px solid var(--brand-orange);border-radius:1rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem;line-height:1.6;padding:1rem}.event-description,.event-section{margin-bottom:1.5rem}.event-section h4{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.section-icon{font-size:1.1rem}.event-list{grid-gap:.5rem;display:grid;gap:.5rem;list-style:none;padding:0}.event-list li{align-items:center;background:#fff9f2;background:var(--brand-cream);border-radius:.75rem;display:flex;gap:.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.event-list li:hover{background:#d2691e0d;transform:translateX(5px)}.list-icon{font-size:.9rem}.recipe-tags{display:flex;flex-wrap:wrap;gap:.5rem}.recipe-tag{background:linear-gradient(135deg,#d2691e1a,#e6a8171a);border-radius:2rem;color:#d2691e;color:var(--brand-orange);display:inline-block;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-tag:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.recipes-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.recipe-card-mini{background:#fff9f2;background:var(--brand-cream);border:1px solid #d2691e1a;border-radius:.75rem;cursor:pointer;padding:.75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-card-mini:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.recipe-icon{font-size:1.8rem;margin-bottom:.5rem}.recipe-name{color:#5a2e17;color:var(--brand-brown);font-size:.75rem;font-weight:600;margin-bottom:.5rem}.view-recipe-btn{background:#0000;border:none;color:#d2691e;color:var(--brand-orange);cursor:pointer;font-size:.7rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.view-recipe-btn:hover{color:#b85a1a;color:var(--brand-orange-dark);transform:translateX(3px)}.poya-details-card{animation:fadeInUp .3s ease-out}.poya-header{margin-bottom:1.5rem;text-align:center}.poya-emoji{font-size:4rem;margin-bottom:.5rem}.poya-header h3{color:#d2691e;color:var(--brand-orange);font-size:1.5rem;font-weight:700}.poya-details-card p{color:#7a3d1f;color:var(--brand-brown-light);line-height:1.6;margin-bottom:1rem}.poya-traditions{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;padding:1rem}.poya-traditions h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.poya-traditions ul{list-style:none;padding:0}.poya-traditions li{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;padding:.3rem 0 .3rem 1.2rem;position:relative}.poya-traditions li:before{content:"🌕";font-size:.7rem;left:-.2rem;position:absolute;top:50%;transform:translateY(-50%)}.no-event-card{padding:2rem 1rem;text-align:center}.no-event-emoji{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-event-card h3{color:#5a2e17;color:var(--brand-brown);font-size:1.2rem;margin-bottom:.5rem}.no-event-card p{color:#7a3d1f;color:var(--brand-brown-light);margin-bottom:1rem}.suggestion-box{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;padding:1rem;text-align:left}.suggestion-box h4{color:#d2691e;color:var(--brand-orange);font-size:.9rem;margin-bottom:.5rem}.suggestion-box ul{list-style:none;padding:0}.suggestion-box li{border-bottom:1px solid #d2691e1a;color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;padding:.3rem 0}.suggestion-box li:last-child{border-bottom:none}.upcoming-section{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.upcoming-section h3{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.upcoming-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.upcoming-card{align-items:center;background:#fff9f2;background:var(--brand-cream);border:1px solid #d2691e1a;border-radius:1rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.upcoming-card:hover{background:#d2691e0d;border-color:#d2691e;border-color:var(--brand-orange);transform:translateX(5px)}.upcoming-emoji{font-size:2rem}.upcoming-info{flex:1 1}.upcoming-date{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-bottom:.2rem}.upcoming-festival{color:#5a2e17;color:var(--brand-brown);font-size:.85rem;font-weight:600;margin-bottom:.2rem}.upcoming-category{color:#d2691e;color:var(--brand-orange);font-size:.65rem}.no-upcoming{color:#7a3d1f;color:var(--brand-brown-light);padding:2rem;text-align:center}.fun-fact-section{background:linear-gradient(135deg,#d2691e14,#5a2e1714);border:1px solid #d2691e26;border-radius:1.5rem;padding:1.5rem}.fun-fact-content{align-items:flex-start;display:flex;gap:1rem}.fun-fact-icon{font-size:2rem}.fun-fact-content h4{color:#d2691e;color:var(--brand-orange);font-size:1rem;font-weight:700;margin-bottom:.25rem}.fun-fact-content p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;line-height:1.5;margin:0}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.calendar-page-container{padding:1rem}.calendar-header h1{flex-direction:column;font-size:1.5rem}.calendar-left,.calendar-right{padding:1rem}.react-calendar__tile{font-size:.75rem;padding:.5rem .25rem}.event-header{flex-direction:column;text-align:center}.recipes-grid,.upcoming-grid{grid-template-columns:1fr}.fun-fact-content{flex-direction:column;text-align:center}.calendar-legend{gap:.75rem}.legend-item{font-size:.7rem}.toggle-btn{font-size:.75rem;padding:.5rem}}@media (max-width:480px){.calendar-page-container{padding:.75rem}.calendar-header h1,.calendar-icon{font-size:1.2rem}.react-calendar__navigation button{font-size:.75rem}.react-calendar__month-view__weekdays{font-size:.6rem}.react-calendar__tile{font-size:.7rem;padding:.4rem .2rem}.festive-emoji,.poya-indicator{font-size:.55rem}.event-emoji{font-size:2rem;height:55px;width:55px}.event-title h3{font-size:1rem}.selected-date-header{align-items:flex-start;flex-direction:column}.upcoming-card{padding:.5rem}.fun-fact-icon,.upcoming-emoji{font-size:1.5rem}.view-toggle{flex-direction:column}}.react-calendar__tile:focus-visible,.toggle-btn:focus-visible,.upcoming-card:focus-visible,.view-recipe-btn:focus-visible{border-radius:.5rem;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media print{.calendar-page-container{background:#fff;padding:0}.calendar-legend,.fun-fact-section,.upcoming-section,.view-toggle{display:none}.calendar-main-grid{grid-template-columns:1fr}.calendar-left,.calendar-right{border:1px solid #ddd;box-shadow:none}}@media (prefers-color-scheme:dark){.calendar-page-container{background:#1a1a2e}.calendar-left,.calendar-right,.upcoming-section{background:#2d2d44;border-color:#3d3d5c}.event-title h3,.no-event-card h3,.selected-date-header h2,.upcoming-festival,.upcoming-section h3{color:#fff5e8}.calendar-subtitle,.event-description,.fun-fact-content p,.no-event-card p,.poya-details-card p,.upcoming-date{color:#d4c4a8}.event-emoji,.event-list li,.poya-traditions,.recipe-card-mini,.suggestion-box,.upcoming-card{background:#1a1a2e}.recipe-tag{background:#d2691e33}.react-calendar__tile{color:#d4c4a8}.react-calendar__tile--now{background:#d2691e33}}:root{--transition-slow:all 0.8s cubic-bezier(0.4,0,0.2,1)}.blog-container{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:0}.blog-hero{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.blog-hero:before{animation:float 20s ease-in-out infinite;bottom:-30px;content:"✍️";font-size:150px;right:-30px}.blog-hero:after,.blog-hero:before{opacity:.08;pointer-events:none;position:absolute}.blog-hero:after{animation:float 15s ease-in-out infinite reverse;content:"📖";font-size:120px;left:-30px;top:-30px}.blog-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:1}.blog-hero-title{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.blog-hero-title,.hero-icon{font-size:clamp(2rem,5vw,3rem)}.blog-hero-subtitle{color:#fffffff2;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6}.blog-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:-1.5rem auto 0;max-width:1200px;padding:0 1.5rem;position:relative;z-index:2}.blog-search{flex:1 1;min-width:250px;position:relative}.search-input{font-size:.9rem}.clear-search{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.blog-actions{gap:1rem}.blog-actions,.filter-toggle{align-items:center;display:flex}.filter-toggle{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:999px;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-weight:600;gap:.5rem;padding:.7rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.filter-toggle.active,.filter-toggle:hover{border-color:#d2691e;border-color:var(--brand-orange);color:#d2691e;color:var(--brand-orange);transform:translateY(-2px)}.view-toggle{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:999px;display:flex;gap:.5rem;padding:.3rem}.view-btn{background:#0000;border:none;border-radius:999px;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;font-size:1.2rem;padding:.5rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.view-btn.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}.filters-panel{margin:0 auto;max-height:0;max-width:1200px;overflow:hidden;padding:0 1.5rem;transition:max-height .4s ease-out}.filters-panel.open{max-height:200px}.filters-row{align-items:flex-end;background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:180px}.filter-group label{color:#5a2e17;color:var(--brand-brown);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.filter-group select{background:#fff9f2;background:var(--brand-cream);border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.85rem;padding:.7rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.filter-group select:focus{border-color:#d2691e;border-color:var(--brand-orange);outline:none}.clear-filters-btn{background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:999px;color:#d2691e;color:var(--brand-orange);cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.clear-filters-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:translateY(-2px)}.blog-results{margin:2rem auto;max-width:1200px;padding:0 1.5rem}.blog-results p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;font-weight:500}.blog-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0 auto;max-width:1200px;padding:0 1.5rem}.blog-card{animation:fadeInUp .5s ease-out backwards;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.blog-card:before{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.blog-card:hover:before{transform:scaleX(1)}.blog-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.blog-card-image{height:240px;overflow:hidden;position:relative}.blog-card-image img{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.blog-card:hover .blog-card-image img{transform:scale(1.1)}.blog-card-overlay{align-items:center;background:#5a2e17d9;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.blog-card:hover .blog-card-overlay{opacity:1}.quick-view-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.4rem;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.blog-card:hover .quick-view-btn{transform:translateY(0)}.blog-card-content{padding:1.5rem}.blog-meta{color:#7a3d1f;color:var(--brand-brown-light);display:flex;flex-wrap:wrap;font-size:.7rem;gap:.75rem;margin-bottom:1rem}.blog-meta span{align-items:center;display:flex;gap:.3rem}.blog-category{background:#d2691e1f;border-radius:999px;color:#d2691e;color:var(--brand-orange);font-weight:600;padding:.2rem .6rem}.blog-title{-webkit-line-clamp:2;color:#5a2e17;color:var(--brand-brown);font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.blog-excerpt,.blog-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-excerpt{-webkit-line-clamp:3;color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;line-height:1.6;margin-bottom:1rem}.blog-footer{align-items:center;border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1rem}.blog-stats{display:flex;gap:.75rem}.stat-btn{align-items:center;background:none;border:none;border-radius:999px;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-size:.75rem;gap:.3rem;padding:.3rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-btn:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.stat-btn.liked{color:#ef4444}.blog-actions-footer{align-items:center;display:flex;gap:.5rem}.bookmark-btn,.share-btn{align-items:center;background:none;border:none;border-radius:50%;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:32px}.bookmark-btn:hover,.share-btn:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.bookmark-btn.bookmarked{color:#e6a817;color:var(--brand-gold)}.read-more-btn{align-items:center;background:none;border:none;border-radius:999px;color:#d2691e;color:var(--brand-orange);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.3rem .5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.read-more-btn:hover{background:#d2691e1a;gap:.6rem}.blog-list{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1000px;padding:0 1.5rem}.blog-card.list-view{display:flex;flex-direction:row;min-height:260px}.blog-card.list-view .blog-card-image{flex-shrink:0;height:auto;width:320px}.blog-card.list-view .blog-card-content{flex:1 1}@media (max-width:768px){.blog-card.list-view{flex-direction:column}.blog-card.list-view .blog-card-image{height:220px;width:100%}}.blog-pagination{flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem auto;max-width:1200px;padding:0 1.5rem}.blog-pagination,.page-btn{align-items:center;display:flex}.page-btn{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);gap:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.page-btn:hover:not(:disabled){border-color:var(--brand-orange);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);color:#d2691e;color:var(--brand-orange)}.page-number{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.page-number:hover{border-color:var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.page-number.active{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow)}.blog-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.blog-modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:1.5rem;max-height:90vh;max-width:800px;overflow-y:auto;position:relative}.blog-modal-content::-webkit-scrollbar{width:8px}.blog-modal-content::-webkit-scrollbar-track{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:10px}.blog-modal-content::-webkit-scrollbar-thumb{background:#d2691e;background:var(--brand-orange);border-radius:10px}.modal-close{background:#0009;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.modal-close:hover{background:var(--brand-orange)}.modal-image{height:320px}.modal-meta{color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;gap:1rem;margin-bottom:1rem}.modal-meta span{align-items:center;display:flex;gap:.3rem}.modal-category{background:#d2691e1f;border-radius:999px;color:#d2691e;color:var(--brand-orange);font-weight:600;padding:.2rem .6rem}.modal-title{color:#5a2e17;color:var(--brand-brown);font-size:1.8rem}.modal-content{color:#7a3d1f;color:var(--brand-brown-light)}.share-modal-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.8rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.share-modal-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.blog-newsletter{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);margin-top:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.blog-newsletter:before{bottom:-20px;content:"📧";font-size:100px;left:-20px;opacity:.05;pointer-events:none;position:absolute}.newsletter-content{margin:0 auto;max-width:600px;position:relative;z-index:1}.newsletter-icon{animation:pulse 2s infinite;color:#fff;font-size:3rem;margin-bottom:1rem}.newsletter-content h3{color:#fff}.newsletter-content p{color:#ffffffe6}.newsletter-form{gap:.5rem}.newsletter-form input{border:none;font-size:.9rem;padding:.9rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.newsletter-form input:focus{box-shadow:0 0 0 3px #ffffff4d}.newsletter-form button{background:#fff;color:#d2691e;color:var(--brand-orange);padding:.9rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.newsletter-form button:hover{box-shadow:0 5px 15px #0003}.newsletter-note{color:#fff;font-size:.7rem;margin-top:1rem;opacity:.7}.blog-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{border:3px solid #fdf0e0;border-top-color:#d2691e;border:3px solid var(--brand-cream-dark);border-radius:50%;border-top-color:var(--brand-orange)}.blog-loading p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem}.blog-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:4rem 2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.blog-error h2{color:#5a2e17;color:var(--brand-brown);margin-bottom:1rem}.blog-error p{color:#7a3d1f;color:var(--brand-brown-light);margin-bottom:1.5rem}.retry-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.retry-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.no-results{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.no-results-icon{font-size:4rem}.no-results h3{color:#5a2e17;color:var(--brand-brown)}.no-results p{color:#7a3d1f;color:var(--brand-brown-light)}.reset-btn{font-weight:600;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.reset-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.blog-hero{padding:3rem 1rem}.blog-controls{align-items:stretch;flex-direction:column;padding:0 1rem}.blog-actions{justify-content:space-between}.filters-row{align-items:stretch;flex-direction:column}.filter-group{width:100%}.blog-grid{grid-template-columns:1fr}.blog-grid,.blog-list{padding:0 1rem}.modal-body{padding:1.5rem}.modal-title{font-size:1.4rem}.modal-image{height:200px}.newsletter-form{flex-direction:column}.page-numbers{justify-content:center;order:3;width:100%}.blog-pagination{flex-wrap:wrap}}@media (max-width:480px){.blog-hero-title{font-size:1.8rem}.blog-card-content{padding:1rem}.blog-title{font-size:1.1rem}.blog-footer{align-items:flex-start;flex-direction:column}.blog-actions-footer{justify-content:space-between;width:100%}.modal-meta{font-size:.7rem}.modal-title{font-size:1.2rem}.modal-content,.page-number{font-size:.85rem}.page-number{height:36px;width:36px}.page-btn{font-size:.85rem;padding:.5rem 1rem}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media (prefers-color-scheme:dark){.blog-container{background:#5a2e17}.blog-card,.blog-modal-content,.filters-row,.page-btn,.page-number{background:#6f3a1d}.blog-error h2,.blog-title,.modal-title,.no-results h3{color:#fff5e8}.blog-error p,.blog-excerpt,.blog-results p,.modal-content,.no-results p{color:#d4c4a8}.filter-group select,.search-input{background:#5a2e17;border-color:#d2691e;color:#fff5e8}.blog-meta,.modal-meta,.search-input::placeholder{color:#d4c4a8}.blog-category,.modal-category{background:#d2691e33}.filter-toggle,.view-toggle{background:#5a2e17;border-color:#d2691e;color:#fff5e8}.bookmark-btn,.share-btn,.stat-btn{color:#d4c4a8}.blog-newsletter{background:linear-gradient(135deg,#5a2e17,#d2691e)}}.admin-dashboard{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.dashboard-header:before{content:"👑"}.dashboard-header:after{content:"⚙️"}.admin-tabs{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.search-bar{margin-bottom:1.5rem;max-width:400px}.search-bar input{background:#fff}.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.user-card{align-items:center;background:#fff;border:1px solid #d2691e1a;border-radius:1rem;display:flex;gap:1rem;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.user-card:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;width:50px}.user-info{flex:1 1}.user-info h4{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:600;margin-bottom:.25rem}.user-email{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-bottom:.25rem}.user-role{border-radius:2rem;display:inline-block;font-size:.65rem;font-weight:600;padding:.2rem .5rem}.user-actions{display:flex;gap:.5rem}.delete-btn{background:none;border:none;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.delete-btn:hover{color:#ef4444;transform:scale(1.1)}.feedback-list{display:flex;flex-direction:column;gap:1rem}.feedback-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.feedback-card:hover{border-color:#d2691e;border-color:var(--brand-orange);transform:translateX(5px)}.feedback-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem}.feedback-header,.feedback-meta{align-items:center;display:flex;gap:.5rem}.feedback-type{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.feedback-status,.feedback-type{border-radius:2rem;font-size:.7rem;font-weight:600;padding:.2rem .6rem}.status-open{background:#fef3c7;color:#d97706}.status-in-progress{background:#dbeafe;color:#2563eb}.status-closed{background:#d1fae5;color:#059669}.feedback-actions{align-items:center;display:flex;gap:.5rem}.status-select{background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:.5rem;font-size:.7rem;padding:.3rem .6rem}.feedback-body{margin-bottom:.75rem}.feedback-message{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem;line-height:1.5;margin-bottom:.5rem}.feedback-recipe{align-items:center;color:#d2691e;color:var(--brand-orange);display:inline-flex;font-size:.7rem;gap:.3rem;text-decoration:none}.feedback-recipe:hover{text-decoration:underline}.feedback-footer{border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:.65rem;gap:1rem;padding-top:.5rem}.feedback-footer span{align-items:center;display:flex;gap:.3rem}.blog-form-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.blog-form-card h3{border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.blog-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{border:2px solid #fdf0e0;border-radius:.75rem;font-family:inherit;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.form-group input:focus,.form-group textarea:focus{border-color:#d2691e;box-shadow:0 0 0 3px #d2691e1a}.image-upload-area{border-radius:.75rem}.image-preview button{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;height:25px;position:absolute;right:-10px;top:-10px;width:25px}.upload-placeholder{font-size:.8rem;justify-content:center}.submit-btn{border-radius:2rem}.analytics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.analytics-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.analytics-card h3{border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.role-stats{flex-direction:column}.role-item,.role-stats{display:flex;gap:.75rem}.role-item{align-items:center}.role-name{font-size:.8rem;font-weight:600;text-transform:capitalize;width:80px}.role-bar-bg{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:1rem;flex:1 1;height:8px;overflow:hidden}.role-bar-fill{border-radius:1rem;height:100%;transition:width .5s ease}.role-count{color:#5a2e17;color:var(--brand-brown);font-size:.8rem;font-weight:600;width:40px}.feedback-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.summary-item{background:#fff9f2;background:var(--brand-cream);border-radius:.75rem;padding:.75rem;text-align:center}.summary-item span{color:#7a3d1f;color:var(--brand-brown-light);display:block;font-size:.7rem;margin-bottom:.25rem}.summary-item strong{color:#5a2e17;color:var(--brand-brown);font-size:1.2rem}.empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-skeleton{gap:1rem;justify-content:center;min-height:60vh}.spinner{height:50px;width:50px}.error-state{background:#fff;border-radius:1rem;color:#ef4444;padding:3rem;text-align:center}.error-state svg{font-size:3rem;margin-bottom:1rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,2fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard{padding:1rem}.stats-grid,.users-grid{grid-template-columns:1fr}.admin-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:.75rem;justify-content:center;padding:.6rem}.feedback-header{align-items:flex-start;flex-direction:column}.analytics-grid{grid-template-columns:1fr}.toast-notification{left:1rem;right:1rem;top:1rem}}@media (max-width:480px){.dashboard-title{font-size:1.3rem}.stat-card{padding:.75rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}.user-card{flex-wrap:wrap}.user-avatar{font-size:1rem;height:40px;width:40px}.feedback-summary{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.admin-dashboard{background:#1a1a2e}.admin-tabs,.analytics-card,.blog-form-card,.empty-state,.error-state,.feedback-card,.stat-card,.user-card{background:#2d2d44}.analytics-card h3,.blog-form-card h3,.role-count,.stat-value,.user-info h4{color:#fff5e8}.feedback-footer,.feedback-message,.stat-title,.upload-placeholder,.user-email{color:#d4c4a8}.form-group input,.form-group textarea,.search-bar input,.status-select{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.image-upload-area,.summary-item{background:#1a1a2e}.summary-item strong{color:#fff5e8}}.chat-widget{animation:slideInRight .4s ease-out;bottom:2rem;height:auto;position:fixed;right:2rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:380px;z-index:1000}.chat-widget.expanded,.chat-widget.minimized{height:auto;width:auto}.chat-widget.expanded{bottom:1rem;left:1rem;max-width:none;position:fixed;right:1rem;top:1rem;z-index:1001}.chat-toggle-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:3rem;box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.chat-toggle-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-3px)}.chat-header{background:linear-gradient(135deg,#5a2e17,#d2691e);background:var(--gradient-secondary);border-radius:1rem 1rem 0 0;cursor:pointer;justify-content:space-between;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:.75rem}.chat-avatar{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:relative;width:45px}.online-dot{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-header-text h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.chat-status{align-items:center;color:#fffc;display:flex;font-size:.7rem;gap:.25rem;margin:0}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{animation:pulse 2s infinite;background:#10b981}.status-dot.offline{background:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chat-header-actions{display:flex;gap:.5rem}.chat-action-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:30px}.chat-action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.recipient-selection{background:#fff;max-height:500px;overflow-y:auto;padding:1rem}.selection-header{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.selection-header h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;margin-bottom:.25rem}.selection-desc{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem}.section-title{align-items:center;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);display:flex;font-size:.7rem;font-weight:600;gap:.5rem;margin:1rem 0 .5rem;padding-bottom:.25rem}.recipients-list{display:flex;flex-direction:column;gap:.5rem}.recipient-btn{align-items:center;background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:.75rem;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.recipient-btn:hover{background:#fff;border-color:#d2691e;border-color:var(--brand-orange);transform:translateX(5px)}.recipient-btn.recent{background:#fff}.recipient-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:45px;justify-content:center;width:45px}.recipient-info{flex:1 1}.recipient-name{color:#5a2e17;color:var(--brand-brown);font-size:.85rem;font-weight:600}.recipient-role{color:#d2691e;color:var(--brand-orange);font-size:.65rem}.recipient-desc,.recipient-last-msg{color:#7a3d1f;color:var(--brand-brown-light);font-size:.6rem;margin-top:.2rem}.recipient-last-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;position:absolute;right:.75rem;top:.75rem;width:8px}.chat-body{background:#fff;display:flex;flex-direction:column;gap:.75rem;height:400px;overflow-y:auto;padding:1rem}.expanded .chat-body{height:calc(100% - 120px)}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#fdf0e0;background:var(--brand-cream-dark);border-radius:10px}.chat-body::-webkit-scrollbar-thumb{background:#d2691e;background:var(--brand-orange);border-radius:10px}.chat-date-divider{margin:.5rem 0;text-align:center}.chat-date-divider span{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;padding:.2rem .8rem}.message{animation:fadeInUp .3s ease-out;display:flex;gap:.5rem}.message.outgoing{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;height:32px;justify-content:center;width:32px}.message-bubble{border-radius:1rem;max-width:75%;padding:.6rem .8rem;position:relative}.message.incoming .message-bubble{background:#fff9f2;background:var(--brand-cream);border-bottom-left-radius:.25rem;color:#5a2e17;color:var(--brand-brown)}.message.outgoing .message-bubble{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-bottom-right-radius:.25rem;color:#fff}.message-sender{color:#d2691e;color:var(--brand-orange);font-size:.7rem;font-weight:600;margin-bottom:.25rem}.message-text{word-wrap:break-word;font-size:.85rem;line-height:1.4}.message-time{align-items:center;display:flex;gap:.2rem;justify-content:flex-end;margin-top:.25rem;opacity:.7}.message-status,.message-time{font-size:.6rem}.typing-indicator-wrapper{display:flex;justify-content:flex-start;margin-top:.5rem}.typing-indicator{align-items:center;background:#fff9f2;background:var(--brand-cream);border-radius:1rem;border-bottom-left-radius:.25rem;display:flex;gap:.3rem;padding:.5rem 1rem}.typing-indicator span{animation:typing 1.4s infinite;background:#d2691e;background:var(--brand-orange);border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-text{animation:none;color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-left:.5rem}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-empty{padding:2rem 1rem;text-align:center}.chat-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.chat-empty h4{color:#5a2e17;color:var(--brand-brown);font-size:1rem;margin-bottom:.25rem}.chat-empty p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;margin-bottom:1rem}.suggested-questions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.suggested-questions button{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;font-size:.75rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.suggested-questions button:hover{background:#d2691e;background:var(--brand-orange);border-color:#d2691e;border-color:var(--brand-orange);color:#fff}.chat-loading{display:flex;justify-content:center;padding:1rem}.chat-input-container{background:#fff;border-radius:0 0 1rem 1rem;border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);padding:.75rem}.chat-input-wrapper{align-items:center;background:#fff9f2;background:var(--brand-cream);border-radius:2rem;display:flex;gap:.5rem;padding:.25rem .5rem}.chat-input{background:#0000;border:none;color:#5a2e17;color:var(--brand-brown);flex:1 1;font-size:.85rem;outline:none;padding:.6rem 0}.chat-input::placeholder{color:#7a3d1f;color:var(--brand-brown-light)}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:36px}.chat-send-btn:hover:not(:disabled){box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:scale(1.1)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-unread-badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:1rem;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-8px;top:-8px}@media (max-width:768px){.chat-widget{bottom:1rem;left:1rem;right:1rem;width:auto}.chat-widget.expanded{border-radius:0;bottom:0;left:0;right:0;top:0}.chat-body{height:350px}.message-bubble{max-width:85%}.recipient-selection{max-height:450px}.suggested-questions button{font-size:.7rem;padding:.4rem}}@media (max-width:480px){.chat-widget{bottom:.5rem;left:.5rem;right:.5rem}.chat-header{padding:.75rem}.chat-avatar{font-size:1rem;height:38px;width:38px}.chat-header-text h3{font-size:.9rem}.chat-status{font-size:.6rem}.chat-body{height:300px;padding:.75rem}.message-bubble{max-width:90%;padding:.5rem .7rem}.message-text{font-size:.8rem}.chat-input-wrapper{padding:.15rem .4rem}.chat-send-btn{height:32px;width:32px}.chat-empty-icon{font-size:2.5rem}.recipient-avatar{height:38px;width:38px}}@media (prefers-color-scheme:dark){.chat-body,.chat-input-container,.recipient-selection{background:#2d2d44}.message.incoming .message-bubble{background:#1a1a2e;color:#fff5e8}.chat-input-wrapper{background:#1a1a2e}.chat-input{color:#fff5e8}.chat-input::placeholder{color:#d4c4a8}.chat-date-divider span,.suggested-questions button{background:#1a1a2e;color:#d4c4a8}.suggested-questions button{border-color:#3d3d5c}.recipient-btn,.typing-indicator{background:#1a1a2e}.recipient-btn{border-color:#3d3d5c}.recipient-btn:hover{background:#2d2d44}.recipient-name{color:#fff5e8}.recipient-desc,.recipient-last-msg,.selection-desc{color:#d4c4a8}.section-title,.selection-header h4{color:#fff5e8}.section-title,.selection-header{border-bottom-color:#3d3d5c}}@media (prefers-reduced-motion:reduce){.chat-toggle-btn,.chat-widget,.message,.typing-indicator span{animation:none;transition:none}}.recipient-btn:focus-visible,button:focus-visible,input:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media print{.chat-widget{display:none}}.headchef-dashboard{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.toast-notification.info{border-left-color:#3b82f6}.toast-notification.info svg{color:#3b82f6}.dashboard-header:before{content:"👨‍🍳"}.dashboard-header:after{content:"🍳"}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card-icon{font-size:2rem}.stat-card-info{flex:1 1}.stat-card-value{color:#5a2e17;color:var(--brand-brown);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-card-title{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.stat-card-trend{color:#10b981;font-size:.65rem;margin-top:.25rem}.dashboard-tabs{flex-wrap:wrap}.tab-btn{padding:.75rem 1.25rem}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-bar{flex:1 1;min-width:250px}.search-bar input{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:2rem;font-size:.85rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.search-bar input:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.add-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;display:flex;font-weight:600;padding:.75rem 1.25rem}.add-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.form-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.form-card h3{border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem}.recipe-form,.story-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group select,.form-group textarea{font-size:.85rem}.image-upload{background:#fff9f2;background:var(--brand-cream);border:2px dashed #fdf0e0;border:2px dashed var(--brand-cream-dark);border-radius:1rem;cursor:pointer;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.image-upload:hover{border-color:#d2691e;border-color:var(--brand-orange)}.image-upload img{border-radius:.5rem;max-height:150px;max-width:200px;object-fit:cover}.form-actions{gap:1rem;margin-top:.5rem}.btn-primary,.btn-secondary{border-radius:2rem;cursor:pointer;font-weight:600;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-secondary{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown)}.btn-secondary:hover{border-color:#d2691e;border-color:var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.items-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.item-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.item-card:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.item-image{background:linear-gradient(135deg,#fff9f2,#fdf0e0);background:linear-gradient(135deg,var(--brand-cream) 0,var(--brand-cream-dark) 100%);height:160px;overflow:hidden}.item-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{font-size:2.5rem}.item-info{padding:1rem}.item-info h4{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:.5rem}.item-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.meta-tag{background:#fff9f2;background:var(--brand-cream);border-radius:2rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.65rem;padding:.2rem .5rem}.meta-tag.spice{background:#ef44441a;color:#ef4444}.meta-tag.diet{background:#10b9811a;color:#10b981}.story-preview{color:#7a3d1f;color:var(--brand-brown-light);font-size:.75rem;line-height:1.4;margin-bottom:.75rem}.item-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;padding:.4rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.action-btn.edit{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.action-btn.edit:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn.delete:hover{background:#ef4444;color:#fff}.items-list{display:flex;flex-direction:column;gap:1rem}.pending-item,.twist-item{align-items:center;background:#fff;border:1px solid #d2691e1a;border-radius:1rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.pending-item:hover,.twist-item:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);transform:translateX(5px)}.pending-info h4,.twist-info h4{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:.25rem}.pending-info p,.twist-info p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;margin-bottom:.5rem}.substitutions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.sub-badge{background:#fff9f2;background:var(--brand-cream);border-radius:2rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;padding:.2rem .5rem}.pending-actions,.twist-actions{display:flex;gap:.5rem}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:2rem;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.approve-btn{background:#10b9811a;color:#10b981}.approve-btn:hover{background:#10b981;color:#fff;transform:translateY(-2px)}.reject-btn{background:#ef44441a;color:#ef4444}.reject-btn:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.overview-tab{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.quick-actions,.recent-activity{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.quick-actions h3,.recent-activity h3{border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.quick-action-btn{align-items:center;background:#fff9f2;background:var(--brand-cream);border:none;border-radius:.75rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.quick-action-btn:hover{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;transform:translateX(5px)}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:#fff9f2;background:var(--brand-cream);border-radius:.75rem;display:flex;gap:.75rem;padding:.5rem}.activity-icon{font-size:1.2rem}.activity-content{flex:1 1}.activity-content strong{color:#5a2e17;color:var(--brand-brown);font-size:.85rem}.activity-time{font-size:.65rem;margin-top:.2rem}.activity-empty,.activity-time{color:#7a3d1f;color:var(--brand-brown-light)}.activity-empty{font-size:.8rem;padding:1rem;text-align:center}.empty-state{border-radius:1rem;padding:3rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin .8s linear infinite;color:#d2691e;color:var(--brand-orange);height:50px;width:50px}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-tab{grid-template-columns:1fr}}@media (max-width:768px){.headchef-dashboard{padding:1rem}.stats-grid{gap:.75rem}.stat-card{padding:.75rem}.stat-card-icon{font-size:1.5rem}.stat-card-value{font-size:1.2rem}.dashboard-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;font-size:.75rem;justify-content:center;padding:.6rem}.form-row.three-col,.form-row.two-col,.items-grid{grid-template-columns:1fr}.pending-item,.twist-item{flex-direction:column;text-align:center}.item-actions,.item-meta,.pending-actions,.twist-actions{justify-content:center}.tab-header{flex-direction:column}.add-btn,.search-bar{width:100%}.add-btn{justify-content:center}.toast-notification{left:1rem;right:1rem;top:1rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.dashboard-header{padding:1.5rem}.dashboard-title{font-size:1.3rem}.form-card{padding:1rem}.form-card h3{font-size:1rem}.item-info h4{font-size:.9rem}.action-btn{font-size:.65rem;padding:.3rem .6rem}.approve-btn,.reject-btn{font-size:.7rem;padding:.4rem .8rem}}@media (prefers-color-scheme:dark){.headchef-dashboard{background:#1a1a2e}.empty-state,.form-card,.item-card,.pending-item,.quick-actions,.recent-activity,.stat-card,.twist-item{background:#2d2d44}.form-card h3,.item-info h4,.pending-info h4,.quick-actions h3,.recent-activity h3,.stat-card-value,.twist-info h4{color:#fff5e8}.activity-content strong,.dashboard-subtitle,.empty-state p,.pending-info p,.stat-card-title,.story-preview,.twist-info p{color:#d4c4a8}.form-group input,.form-group select,.form-group textarea,.search-bar input{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.meta-tag,.sub-badge{background:#1a1a2e;color:#d4c4a8}.activity-item,.quick-action-btn{background:#1a1a2e}.dashboard-tabs{background:#2d2d44}.tab-btn{color:#d4c4a8}.image-upload{background:#1a1a2e}}.dietician-dashboard{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.dashboard-header:before{content:"🥗"}.dashboard-header:after{content:"🍎"}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-card{border-left:3px solid}.stat-title{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.dashboard-main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:320px 1fr}.pending-sidebar{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);height:fit-content;overflow:hidden;position:sticky;top:1rem}.sidebar-header{align-items:center;background:#fdf0e0;background:var(--brand-cream-dark);border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;justify-content:space-between;padding:1rem}.sidebar-header h3{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:600;gap:.5rem}.badge{background:#d2691e;background:var(--brand-orange);color:#fff}.pending-list{max-height:500px;overflow-y:auto}.pending-item{border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);cursor:pointer;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.pending-item:hover{background:#d2691e0d;transform:translateX(5px)}.pending-item.active{background:#d2691e1a;border-left:3px solid #d2691e;border-left:3px solid var(--brand-orange)}.pending-name{color:#5a2e17;color:var(--brand-brown);font-weight:600;margin-bottom:.25rem}.pending-meta{font-size:.7rem}.loading-skeleton,.pending-meta{color:#7a3d1f;color:var(--brand-brown-light)}.loading-skeleton{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:2rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #fdf0e0;border-top-color:#d2691e;border:3px solid var(--brand-cream-dark);border-radius:50%;border-top-color:var(--brand-orange);height:30px;width:30px}.empty-state{color:#7a3d1f;color:var(--brand-brown-light);padding:2rem}.editor-area{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.empty-editor{padding:4rem 2rem;text-align:center}.empty-editor h3{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.empty-editor p{color:#7a3d1f;color:var(--brand-brown-light)}.editor-tabs{background:#fdf0e0;background:var(--brand-cream-dark);border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex}.tab-btn{font-size:.85rem;padding:1rem}.tab-btn.active{background:#fff;border-bottom:2px solid #d2691e;border-bottom:2px solid var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.nutrition-tab{padding:1.5rem}.recipe-header{align-items:center;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.recipe-header h2{color:#5a2e17;color:var(--brand-brown);font-size:1.3rem;font-weight:700}.health-flag{border-radius:2rem;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .8rem}.nutrition-form{display:flex;flex-direction:column;gap:1.5rem}.form-row.four-col{grid-template-columns:repeat(4,1fr)}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:#5a2e17;color:var(--brand-brown);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-group input,.input-group select,.input-group textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-size:.85rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.macro-section{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;padding:1rem}.macro-section h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;margin-bottom:1rem}.macro-pie-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.macro-labels{gap:.5rem}.color-dot{border-radius:50%;display:inline-block;height:12px;margin-right:.5rem;width:12px}.color-dot.carbs{background:#f59e0b}.color-dot.protein{background:#3b82f6}.color-dot.fat{background:#ef4444}.vitamins-section{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;padding:1rem}.vitamins-section h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;margin-bottom:1rem}.vitamin-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.vitamin-row input{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.5rem;flex:1 1;font-size:.8rem;padding:.5rem}.vitamin-row button{background:#ef44441a;border:none;border-radius:50%;color:#ef4444;cursor:pointer;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:32px}.vitamin-row button:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.add-btn{align-items:center;background:#fdf0e0;background:var(--brand-cream-dark);border:none;border-radius:2rem;color:#5a2e17;color:var(--brand-brown);cursor:pointer;display:inline-flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.add-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.benefits-section{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;padding:1rem}.benefits-section h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;margin-bottom:1rem}.benefits-section textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-size:.85rem;padding:.75rem;resize:vertical;width:100%}.form-actions{display:flex;justify-content:flex-end}.btn-primary{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{align-items:center;background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:2rem;color:#d2691e;color:var(--brand-orange);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-secondary:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:translateY(-2px)}.tags-tab{padding:1.5rem}.tags-section h4{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600;margin-bottom:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-pill{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:2rem;cursor:pointer;display:inline-block;font-size:.8rem;padding:.3rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.tag-pill:hover{background:#d2691e;background:var(--brand-orange);border-color:#d2691e;border-color:var(--brand-orange);color:#fff}.add-tag{display:flex;gap:.5rem}.add-tag input{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:2rem;flex:1 1;font-size:.85rem;padding:.75rem}.inbox-tab{padding:1.5rem}.inbox-header h4{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.inbox-header p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.8rem;margin-bottom:1rem}.inbox-chat{background:#fff9f2;background:var(--brand-cream);border-radius:1rem;overflow:hidden}@media (max-width:1024px){.dashboard-main-grid{grid-template-columns:280px 1fr}.form-row.four-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dietician-dashboard{padding:1rem}.dashboard-main-grid,.stats-grid{grid-template-columns:1fr}.pending-sidebar{margin-bottom:1rem;position:static}.form-row.four-col{grid-template-columns:1fr}.recipe-header{align-items:flex-start;flex-direction:column}.macro-pie-container{flex-direction:column;text-align:center}.vitamin-row{flex-wrap:wrap}.vitamin-row input{width:100%}.toast-notification{left:1rem;right:1rem;top:1rem}.editor-tabs{flex-wrap:wrap}.tab-btn{flex:auto;padding:.6rem}}@media (max-width:480px){.dashboard-title{font-size:1.3rem}.stat-card{padding:.75rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}.recipe-header h2{font-size:1.1rem}.pending-name{font-size:.9rem}.tag-pill{font-size:.7rem}}@media (prefers-color-scheme:dark){.dietician-dashboard{background:#1a1a2e}.editor-area,.empty-editor,.inbox-tab,.nutrition-tab,.pending-item,.pending-sidebar,.stat-card,.tags-tab{background:#2d2d44}.empty-editor h3,.pending-name,.recipe-header h2,.sidebar-header h3,.stat-value{color:#fff5e8}.dashboard-subtitle,.empty-editor p,.inbox-header p,.pending-meta,.stat-title{color:#d4c4a8}.add-tag input,.input-group input,.input-group select,.input-group textarea{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.tag-pill{border-color:#3d3d5c;color:#d4c4a8}.benefits-section,.macro-section,.tag-pill,.vitamins-section{background:#1a1a2e}.toast-notification{background:#2d2d44;color:#fff5e8}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}:root{--gradient-hero:linear-gradient(135deg,#5a2e17eb,#d2691ed9)}.visitor-dashboard{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.dashboard-header{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1.5rem;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.dashboard-header:before{bottom:-20px;content:"🍛";font-size:100px;right:-20px}.dashboard-header:after,.dashboard-header:before{opacity:.08;pointer-events:none;position:absolute}.dashboard-header:after{content:"🌶️";font-size:80px;left:-20px;top:-20px}.header-content{position:relative;z-index:1}.dashboard-title{align-items:center;color:#fff;display:flex;font-family:Playfair Display,serif;font-weight:700;gap:.5rem;margin-bottom:.5rem}.dashboard-title,.title-icon{font-size:clamp(1.5rem,5vw,2rem)}.dashboard-subtitle{color:#ffffffd9;font-size:.9rem;line-height:1.5}.stats-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-card{align-items:center;border-bottom:3px solid;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-icon{font-size:2rem}.stat-info{flex:1 1}.stat-value{color:#5a2e17;color:var(--brand-brown);font-size:1.5rem;line-height:1.2}.dashboard-tabs{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.tab-btn{align-items:center;background:#0000;border:none;border-radius:.75rem;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.tab-btn:hover{background:#d2691e0d;color:#d2691e;color:var(--brand-orange)}.tab-btn.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}.tab-badge{background:#ef4444;border-radius:1rem;color:#fff;font-size:.6rem;font-weight:600;padding:.1rem .3rem;position:absolute;right:-5px;top:-5px}.section-card{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:1.5rem}.section-header{border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.section-icon{color:#d2691e}.section-description{color:#7a3d1f;color:var(--brand-brown-light);font-size:.85rem}.recipe-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem}.form-row.two-col{grid-template-columns:repeat(2,1fr)}.form-row.three-col{grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#5a2e17;color:var(--brand-brown);font-size:.8rem;font-weight:600}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#e07d3a;border-color:var(--brand-orange-light)}.image-upload-area{background:#fff9f2;background:var(--brand-cream);border:2px dashed #fdf0e0;border:2px dashed var(--brand-cream-dark);border-radius:1rem;cursor:pointer;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.image-upload-area:hover{background:#d2691e05;border-color:#d2691e;border-color:var(--brand-orange)}.upload-placeholder{align-items:center;color:#7a3d1f;color:var(--brand-brown-light);display:flex;flex-direction:column;gap:.5rem}.upload-placeholder svg{color:#d2691e;color:var(--brand-orange);font-size:2rem}.upload-placeholder span{font-size:.85rem}.upload-placeholder small{font-size:.7rem}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:.5rem;max-height:150px;max-width:200px;object-fit:cover}.remove-image{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:30px}.remove-image:hover{transform:scale(1.1)}.submit-btn{border-radius:.75rem;font-weight:600;margin-top:.5rem;padding:.9rem}.recipes-list{display:flex;flex-direction:column;gap:1rem}.recipe-item{animation:fadeInUp .3s ease-out backwards;background:#fff9f2;background:var(--brand-cream);border:1px solid #d2691e1a;border-radius:1rem;display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-item:hover{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);transform:translateX(5px)}.recipe-item-image{background:linear-gradient(135deg,#fdf0e0,#fff9f2);background:linear-gradient(135deg,var(--brand-cream-dark) 0,var(--brand-cream) 100%);border-radius:.75rem;flex-shrink:0;height:100px;overflow:hidden;width:100px}.recipe-item-image img{height:100%;object-fit:cover;width:100%}.image-placeholder{align-items:center;color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.recipe-item-info{flex:1 1}.recipe-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.recipe-item-title{color:#5a2e17;color:var(--brand-brown);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.recipe-item-title:hover{color:#d2691e;color:var(--brand-orange)}.status-badge{align-items:center;border-radius:2rem;display:inline-flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.2rem .6rem}.status-approved{background:#10b9811a;color:#10b981}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-rejected{background:#ef44441a;color:#ef4444}.recipe-item-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.meta-badge{background:#fff;border-radius:2rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.65rem;padding:.2rem .5rem}.meta-badge.spice{background:#ef44441a;color:#ef4444}.meta-badge.diet{background:#10b9811a;color:#10b981}.meta-badge.culture{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.recipe-item-actions{display:flex;gap:1rem}.action-link{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:.75rem;gap:.3rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.action-link.view{color:#d2691e;color:var(--brand-orange)}.action-link.view:hover{color:#b85a1a;color:var(--brand-orange-dark);transform:translateX(2px)}.action-link.delete{color:#ef4444}.action-link.delete:hover{color:#dc2626}.empty-state,.loading-state{padding:3rem;text-align:center}.loading-state svg{color:#d2691e;color:var(--brand-orange);font-size:2rem}.empty-icon{font-size:3rem}.empty-state h4{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.empty-state p{margin-bottom:1rem}.empty-action-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.empty-action-btn:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.twist-tool-card{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1.5rem;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.twist-tool-card:before{bottom:10px;content:"✨";font-size:60px;opacity:.1;pointer-events:none;position:absolute;right:10px}.twist-tool-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;position:relative;z-index:1}.twist-tool-icon{font-size:2.5rem}.twist-tool-info{flex:1 1}.twist-tool-info h3{color:#fff;font-size:1.1rem;margin-bottom:.25rem}.twist-tool-info p{color:#fffc;font-size:.8rem}.twist-tool-btn{align-items:center;background:#fff;border-radius:2rem;color:#d2691e;color:var(--brand-orange);display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.twist-tool-btn:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);transform:translateX(5px)}.tips-section{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}.tips-section h4{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.tips-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.tip-card{background:#fff9f2;background:var(--brand-cream);border-radius:.75rem;padding:.75rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.tip-card:hover{transform:translateY(-2px)}.tip-icon{font-size:1.5rem;margin-bottom:.5rem}.tip-card p{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;line-height:1.4}@media (max-width:1024px){.stats-cards,.tips-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.visitor-dashboard{padding:1rem}.stats-cards{gap:.75rem}.stat-card{padding:.75rem}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.2rem}.dashboard-tabs{flex-wrap:wrap}.tab-btn{flex:auto;font-size:.8rem;padding:.6rem}.form-row.three-col,.form-row.two-col{grid-template-columns:1fr}.recipe-item{flex-direction:column}.recipe-item-image{height:150px;width:100%}.recipe-item-header{align-items:flex-start;flex-direction:column}.twist-tool-content{flex-direction:column;text-align:center}.tips-grid{grid-template-columns:1fr}.toast-notification{left:1rem;padding:.75rem 1rem;right:1rem;top:1rem}}@media (max-width:480px){.stats-cards{grid-template-columns:1fr}.dashboard-header{padding:1.5rem}.dashboard-title{font-size:1.3rem}.section-card{padding:1rem}.section-header h3{font-size:1rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:.6rem}.recipe-item-meta{gap:.3rem}.meta-badge{font-size:.6rem}.recipe-item-actions{flex-wrap:wrap}.twist-tool-icon{font-size:2rem}.twist-tool-info h3{font-size:1rem}.tip-card{padding:.5rem}}@media (prefers-color-scheme:dark){.visitor-dashboard{background:#1a1a2e}.section-card,.stat-card,.tips-section{background:#2d2d44}.recipe-item-title,.section-header h3,.stat-value,.tips-section h4{color:#fff5e8}.empty-state p,.section-description,.stat-label,.tip-card p{color:#d4c4a8}.recipe-item{background:#1a1a2e;border-color:#3d3d5c}.meta-badge{background:#2d2d44;color:#d4c4a8}.form-group input,.form-group select,.form-group textarea{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.tip-card{background:#1a1a2e}.dashboard-tabs{background:#2d2d44}.tab-btn{color:#d4c4a8}.image-upload-area{background:#1a1a2e}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}:root{--border:#ece7e1;--shadow:0 12px 30px #00000014}.cookbook{background:#fff;border:1px solid #ece7e1;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 30px #00000014;box-shadow:var(--shadow);padding:1rem}.cookbook-head{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.6rem}.cookbook-head h3{font-size:1.25rem;font-weight:800;margin:.25rem 0}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem}.input,.select{background:#fffdfa;border:1px solid #ece7e1;border:1px solid var(--border);border-radius:10px;outline:none;padding:.55rem .7rem}.input:focus,.select:focus{border-color:#8a5a2b;border-color:var(--brand-2);box-shadow:0 0 0 3px #8a5a2b2e}.new-sec{align-items:center;display:flex;gap:.4rem}.btn{border-radius:10px;padding:.55rem .8rem}.btn:hover{filter:brightness(1.05)}.btn.outline{background:#fff;border:1px solid #ddd;color:#111}.btn.small{padding:.4rem .6rem}.btn.danger{background:#b33939}.btn.danger:hover{filter:brightness(1.03)}.cookbook-empty{padding:1rem;text-align:center}.selection-bar{align-items:center;background:#fff7ee;border:1px solid #f2e3d5;border-radius:12px;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.6rem;padding:.5rem .6rem}.chip{background:#fdf4ec;border:1px solid #f0e2cf;border-radius:999px;color:#7b3f00;display:inline-block;font-size:.85rem;margin-left:.4rem;padding:.15rem .5rem}.cookbook-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(260px,1fr))}@media (max-width:1050px){.cookbook-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width:680px){.cookbook-grid{grid-template-columns:1fr}}.cb-card{background:#fff;border:1px solid #ece7e1;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;gap:.55rem;padding:.75rem}.cb-top{display:flex;gap:.6rem}.cb-check{align-items:flex-start;display:inline-flex}.cb-check input{display:none}.cb-check span{border:1px solid #ddd;border-radius:6px;display:inline-block;height:20px;position:relative;width:20px}.cb-check input:checked+span{background:#111;border-color:#111}.cb-check input:checked+span:after{background:#fff;border-radius:3px;content:"";inset:4px;position:absolute}.cb-title{flex:1 1}.cb-link{color:#222;font-weight:800;text-decoration:none}.cb-link:hover{text-decoration:underline}.cb-meta{color:#6b7280;color:var(--muted);font-size:.9rem;margin-top:.15rem}.cb-img-wrap img{border:1px solid #ece7e1;border:1px solid var(--border);border-radius:12px;height:180px;object-fit:cover;width:100%}.cb-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.select.small{padding:.4rem .55rem}.cb-notes textarea{background:#fffef6;border:1px dashed #e3d9b5;border-radius:10px;min-height:70px;outline:none;padding:.55rem .6rem;resize:vertical;width:100%}.cb-notes textarea:focus{border-color:#d2c596;box-shadow:0 0 0 3px #ddcda040}:root{--footer-bg:#2c1810;--footer-bg-dark:#1a0f08;--footer-text:#f0e4d4;--footer-text-light:#d4c4a8;--footer-text-muted:#b89a7a;--footer-border:#d2691e33;--gradient-footer:linear-gradient(135deg,#2c1810,#1a0f08);--gradient-gold:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-gold) 100%)}.site-footer{background:linear-gradient(135deg,#2c1810,#1a0f08);background:var(--gradient-footer);color:#f0e4d4;color:var(--footer-text);margin-top:4rem;overflow:hidden;position:relative}.site-footer:before{background-image:radial-gradient(circle at 20% 30%,#d2691e0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#5a2e170d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-gold);border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 15px #d2691e4d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);visibility:hidden;width:48px;z-index:100}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{box-shadow:0 8px 25px #d2691e80;transform:translateY(-5px) scale(1.1)}.scroll-to-top svg{font-size:1.2rem}.footer-main{padding:3rem 0 2rem;position:relative;z-index:1}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem}.footer-main .footer-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.brand-column{animation:fadeInUp .6s ease-out}.footer-logo{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.footer-logo-img{border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:50%;height:55px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:55px}.footer-logo:hover .footer-logo-img{transform:rotate(5deg) scale(1.05)}.footer-brand{display:flex;flex-direction:column;line-height:1.2}.brand-main{color:#d2691e;color:var(--brand-orange);font-size:1.2rem;font-weight:800;letter-spacing:1px}.brand-sub{font-size:.8rem;font-weight:600;letter-spacing:2px}.brand-sub,.footer-description{color:#d4c4a8;color:var(--footer-text-light)}.footer-description{font-size:.85rem;line-height:1.6;margin-bottom:1.5rem}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;color:#d4c4a8;color:var(--footer-text-light);display:flex;font-size:.8rem;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.contact-item:hover{transform:translateX(5px)}.contact-item svg,.contact-item:hover{color:#d2691e;color:var(--brand-orange)}.contact-item svg{font-size:.9rem}.contact-item a{color:#d4c4a8;color:var(--footer-text-light);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.contact-item a:hover{color:#d2691e;color:var(--brand-orange)}.footer-column{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.footer-column:first-child{animation-delay:.1s}.footer-column:nth-child(2){animation-delay:.2s}.footer-column:nth-child(3){animation-delay:.3s}.footer-column:nth-child(4){animation-delay:.4s}.footer-column-title{color:#d2691e;color:var(--brand-orange);font-size:1.1rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.5rem;position:relative}.footer-column-title:after{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-gold);border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.75rem}.footer-link{align-items:center;color:#d4c4a8;color:var(--footer-text-light);display:flex;font-size:.85rem;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.footer-link:hover{color:#d2691e;color:var(--brand-orange);transform:translateX(5px)}.link-icon{font-size:.8rem;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.footer-link:hover .link-icon{opacity:1;transform:scale(1.1)}.newsletter-column{background:#d2691e0d;border:1px solid #d2691e33;border:1px solid var(--footer-border);border-radius:1rem;padding:1.25rem}.newsletter-text{color:#d4c4a8;color:var(--footer-text-light);font-size:.8rem;line-height:1.5;margin-bottom:1rem}.newsletter-form{margin-bottom:.75rem}.newsletter-input-group{display:flex;gap:.5rem}.newsletter-input{background:#ffffff0d;border:1px solid #d2691e33;border:1px solid var(--footer-border);border-radius:999px;color:#f0e4d4;color:var(--footer-text);flex:1 1;font-size:.8rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.newsletter-input:focus{background:#ffffff1a;border-color:#d2691e;border-color:var(--brand-orange);outline:none}.newsletter-input::placeholder{color:#b89a7a;color:var(--footer-text-muted)}.newsletter-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-gold);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap}.newsletter-btn:hover{box-shadow:0 4px 12px #d2691e66;transform:translateY(-2px)}.newsletter-success{animation:fadeInUp .3s ease-out;color:#10b981;font-size:.75rem;margin-top:.5rem}.newsletter-note{color:#b89a7a;color:var(--footer-text-muted);font-size:.65rem;margin-top:.5rem}.footer-social-bar{background:#0003;padding:1rem 0;position:relative;z-index:1}.social-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.social-links{flex-wrap:wrap}.social-link{align-items:center;background:#ffffff0d;border-radius:50%;color:#d4c4a8;color:var(--footer-text-light);display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:40px}.social-link:before{background:var(--social-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:-1}.social-link:hover:before{opacity:1}.social-link:hover{color:#fff;transform:translateY(-5px)}.social-link svg{font-size:1rem}.footer-credit{align-items:center;color:#b89a7a;color:var(--footer-text-muted);display:flex;font-size:.8rem;gap:.5rem}.heart-icon{animation:heartbeat 1.5s ease infinite;color:#ef4444;font-size:.8rem}.footer-bottom{background:#0000004d;padding:1rem 0;position:relative;z-index:1}.bottom-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.copyright{color:#b89a7a;color:var(--footer-text-muted);font-size:.75rem}.bottom-links{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.bottom-links a{color:#b89a7a;color:var(--footer-text-muted);font-size:.7rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.bottom-links a:hover{color:#d2691e;color:var(--brand-orange)}.separator{color:#b89a7a;color:var(--footer-text-muted);font-size:.7rem}.footer-decoration{bottom:0;height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0}.decoration-spice{animation:float 20s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.spice-1{animation-delay:0s;bottom:10%;left:5%}.spice-2{animation-delay:3s;font-size:2.5rem;right:8%;top:20%}.spice-3{animation-delay:6s;bottom:30%;font-size:1.8rem;right:15%}.spice-4{animation-delay:9s;font-size:2.2rem;left:10%;top:40%}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width:1024px){.footer-main .footer-container{gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-container{padding:0 1.5rem}}@media (max-width:768px){.footer-main{padding:2rem 0 1.5rem}.footer-main .footer-container{gap:1.5rem;grid-template-columns:1fr}.footer-container{padding:0 1rem}.bottom-wrapper,.social-wrapper{flex-direction:column;text-align:center}.footer-column-title:after{left:50%;transform:translateX(-50%)}.footer-column-title{text-align:center}.footer-link{justify-content:center}.footer-link:hover{transform:translateX(0) scale(1.05)}.contact-item,.footer-logo{justify-content:center}.footer-description,.newsletter-column{text-align:center}.newsletter-input-group{flex-direction:column}.newsletter-btn{width:100%}.scroll-to-top{bottom:1rem;height:40px;right:1rem;width:40px}.decoration-spice{display:none}}@media (max-width:480px){.bottom-links,.social-links{justify-content:center}.footer-logo-img{height:45px;width:45px}.brand-main{font-size:1rem}.brand-sub{font-size:.7rem}.footer-column-title{font-size:1rem}.scroll-to-top{height:36px;width:36px}.scroll-to-top svg{font-size:1rem}}@media (prefers-reduced-motion:reduce){.site-footer *,.site-footer :after,.site-footer :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.decoration-spice,.heart-icon{animation:none}}.bottom-links a:focus-visible,.contact-item a:focus-visible,.footer-link:focus-visible,.newsletter-btn:focus-visible,.scroll-to-top:focus-visible,.social-link:focus-visible{border-radius:4px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}@media print{.site-footer{background:#f5f5f5;color:#000;margin-top:0}.footer-decoration,.footer-social-bar,.newsletter-form,.scroll-to-top{display:none}.footer-main .footer-container{grid-template-columns:repeat(4,1fr)}.contact-item a,.footer-link{color:#000}}@media (prefers-color-scheme:dark){:root{--footer-bg:#1a0f08;--footer-bg-dark:#0a0604}}@media (prefers-contrast:high){.contact-item a:hover,.footer-link:hover{text-decoration:underline}.newsletter-btn{border:1px solid #fff}}:root{--brand-cream:#fef5e8;--stories-primary:var(--brand-orange);--stories-primary-dark:var(--brand-orange-dark);--stories-primary-light:var(--brand-orange-light);--stories-secondary:var(--brand-brown);--stories-secondary-dark:var(--brand-brown-dark);--stories-secondary-light:var(--brand-brown-light);--stories-accent:var(--brand-gold);--gradient-warm:linear-gradient(135deg,#fff5e8,#fef0e0);--gradient-dark:linear-gradient(135deg,var(--brand-brown-dark) 0%,var(--brand-brown) 100%);--gradient-hero:linear-gradient(135deg,#d9691e1a,#5a2e171a);--stories-text:#2d1a0e;--stories-text-light:#6b4c35;--stories-text-muted:#a6896e;--stories-bg:#fffaf5;--stories-card-bg:#fff;--stories-border:#f0e4d4;--stories-border-dark:#e0cbb3;--stories-shadow:0 20px 25px -5px #5a2e171a,0 10px 10px -5px #5a2e1705;--stories-shadow-hover:0 25px 35px -12px #5a2e1733;--stories-shadow-glow:0 0 30px #d2691e33}@media (prefers-color-scheme:dark){:root{--stories-text:#fef5e8;--stories-text-light:#e0cbb3;--stories-text-muted:#b89a7a;--stories-bg:#1a0f08;--stories-card-bg:#2d1a0e;--stories-border:#4a2a18;--stories-border-dark:#5a3420;--gradient-warm:linear-gradient(135deg,#2d1a0e,#1a0f08)}}.stories-container{animation:fadeIn .6s ease-out;background:#fffaf5;background:var(--stories-bg);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem;position:relative}.stories-container:before{background-image:radial-gradient(circle at 20% 80%,#d2691e08 0,#0000 50%),radial-gradient(circle at 80% 20%,#5a2e1708 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.stories-hero{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#d9691e1a,#5a2e171a);background:var(--gradient-hero);border:1px solid #d2691e33;border-radius:2rem;margin-bottom:3rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.stories-hero:before{background:radial-gradient(circle,#d2691e14 0,#0000 70%);height:200%;right:-20%;top:-50%;width:80%}.stories-hero:after,.stories-hero:before{content:"";pointer-events:none;position:absolute}.stories-hero:after{bottom:10px;font-size:80px;left:10px;opacity:.05}.stories-hero-title{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;flex-wrap:wrap;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem;position:relative}.hero-icon{animation:bounce 2s infinite;filter:drop-shadow(0 4px 6px rgba(210,105,30,.3));font-size:clamp(2rem,6vw,3rem)}.stories-hero-subtitle{color:#6b4c35;color:var(--stories-text-light);font-size:clamp(1rem,4vw,1.25rem);font-weight:500;margin:0 auto;max-width:600px}.demo-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d2691e26,#5a2e1726);border:1px solid #d2691e4d;border-radius:999px;display:inline-flex;font-size:.875rem;gap:.75rem;margin-top:1.5rem;padding:.75rem 1.5rem}.demo-banner span{color:#d2691e;color:var(--stories-primary);font-weight:700}.stories-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.search-bar{margin:0 auto;max-width:500px;position:relative;width:100%}.search-icon{color:#d2691e;color:var(--brand-orange);font-size:1.25rem;opacity:.6}.search-input{background:var(--stories-card-bg);border:2px solid #f0e4d4;border:2px solid var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);font-family:inherit;font-size:1rem;padding:1rem 3rem;transition:all .3s ease}.search-input:focus{border-color:var(--stories-primary);box-shadow:0 0 0 4px #d2691e1a}.clear-search{color:#6b4c35;color:var(--stories-text-light);font-size:1.25rem;transition:all .3s ease}.clear-search:hover{color:var(--stories-primary)}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-btn{background:#fff;background:var(--stories-card-bg);border:2px solid #f0e4d4;border:2px solid var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.category-btn:hover{border-color:#d2691e;border-color:var(--stories-primary);box-shadow:0 4px 12px #d2691e33;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 15px #d2691e4d;color:#fff}.results-count{margin-bottom:1.5rem;text-align:center}.results-count p{color:#a6896e;color:var(--stories-text-muted);font-size:.875rem;font-weight:500}.story-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-bottom:3rem;position:relative;z-index:1}.story-card{animation:fadeInUp .5s ease-out backwards;background:#fff;background:var(--stories-card-bg);border:1px solid #f0e4d4;border:1px solid var(--stories-border);border-radius:1.5rem;box-shadow:0 20px 25px -5px #5a2e171a,0 10px 10px -5px #5a2e1705;box-shadow:var(--stories-shadow);cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.story-card:hover{border-color:#d2691e;border-color:var(--stories-primary);box-shadow:0 25px 35px -12px #5a2e1733;box-shadow:var(--stories-shadow-hover);transform:translateY(-8px)}.story-card:after{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.story-card:hover:after{transform:scaleX(1)}.story-card:hover .story-card-image img{transform:scale(1.1)}.story-card-image{background:linear-gradient(135deg,#5a2e17,#d2691e);background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);height:220px;overflow:hidden;position:relative}.story-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.story-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);display:flex;font-size:5rem;height:220px;justify-content:center;overflow:hidden;position:relative}.story-card-image-placeholder:before{animation:rotate 10s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.story-card-overlay{align-items:center;background:linear-gradient(135deg,#5a2e17e6,#d2691ee6);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.story-card:hover .story-card-overlay{opacity:1}.read-more-hint{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border:2px solid #fff;border-radius:999px;color:#fff;font-size:1rem;font-weight:600;padding:.6rem 1.2rem;transform:translateY(20px);transition:transform .3s ease}.story-card:hover .read-more-hint{transform:translateY(0)}.story-card-content{padding:1.5rem}.story-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.story-category{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.story-category,.story-read-time{border-radius:999px;font-size:.7rem;padding:.25rem .75rem}.story-read-time{background:#f0e4d4;background:var(--stories-border);color:#a6896e;color:var(--stories-text-muted)}.story-card-title{-webkit-line-clamp:2;color:#2d1a0e;color:var(--stories-text);font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.story-card-excerpt,.story-card-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story-card-excerpt{-webkit-line-clamp:3;color:#6b4c35;color:var(--stories-text-light);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.story-footer{align-items:center;gap:.75rem;justify-content:space-between}.story-footer,.story-tags{display:flex;flex-wrap:wrap}.story-tags{gap:.5rem}.story-tag{background:#d2691e1a;border-radius:999px;color:#d2691e;color:var(--brand-orange);font-size:.65rem;padding:.25rem .6rem;transition:all .3s ease}.story-tag:hover{background:#d2691e33;transform:translateY(-1px)}.story-read-more{align-items:center;background:none;border:none;color:#d2691e;color:var(--stories-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.3rem;transition:all .3s ease}.story-read-more:hover{color:#b85a1a;color:var(--brand-orange-dark);transform:translateX(5px)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem;position:relative;z-index:1}.page-btn{background:#fff;background:var(--stories-card-bg);border:2px solid #f0e4d4;border:2px solid var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);cursor:pointer;font-family:inherit;font-weight:600;padding:.6rem 1.2rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-color:#d2691e;border-color:var(--stories-primary);box-shadow:0 4px 12px #d2691e4d;color:#fff;transform:translateY(-2px)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{display:flex;gap:.5rem}.page-number{align-items:center;background:#fff;background:var(--stories-card-bg);border:2px solid #f0e4d4;border:2px solid var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);cursor:pointer;display:flex;font-weight:600;height:42px;justify-content:center;transition:all .3s ease;width:42px}.page-number:hover{border-color:#d2691e;border-color:var(--stories-primary);transform:translateY(-2px)}.page-number.active{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border-color:#0000;box-shadow:0 4px 12px #d2691e4d;color:#fff}.story-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.story-modal-content{animation:scaleIn .3s ease-out;background:#fff;background:var(--stories-card-bg);border:1px solid #d2691e4d;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:800px;overflow-y:auto;position:relative}.story-modal-content::-webkit-scrollbar{width:8px}.story-modal-content::-webkit-scrollbar-track{background:#f0e4d4;background:var(--stories-border);border-radius:10px}.story-modal-content::-webkit-scrollbar-thumb{background:#d2691e;background:var(--brand-orange);border-radius:10px}.modal-close{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#5a2e17e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;float:right;font-size:1.25rem;height:44px;justify-content:center;margin:1rem;position:sticky;right:1rem;top:1rem;transition:all .3s ease;width:44px;z-index:10}.modal-close:hover{background:#d2691e;background:var(--stories-primary);transform:rotate(90deg)}.modal-image{height:300px;overflow:hidden;width:100%}.modal-image img{height:100%;object-fit:cover;width:100%}.modal-body{padding:2rem}.modal-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.modal-category,.modal-date,.modal-read-time,.modal-region{background:#f0e4d4;background:var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);font-size:.75rem;font-weight:500;padding:.3rem .8rem}.modal-category{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);color:#fff}.modal-title{color:#2d1a0e;color:var(--stories-text);font-size:clamp(1.5rem,5vw,2rem);font-weight:800;line-height:1.3;margin-bottom:1rem}.modal-author{align-items:center;color:#d2691e;color:var(--stories-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.modal-author:before{content:"";font-size:1rem}.modal-content{color:#2d1a0e;color:var(--stories-text);line-height:1.8;margin-bottom:1.5rem}.modal-content p{margin-bottom:1rem}.modal-tags{align-items:center;border-top:1px solid #f0e4d4;border-top:1px solid var(--stories-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem}.modal-tags strong{color:#2d1a0e;color:var(--stories-text);margin-right:.5rem}.modal-tag{background:#d2691e1a;border-radius:999px;color:#d2691e;color:var(--stories-primary);font-size:.75rem;padding:.3rem .8rem;transition:all .3s ease}.modal-tag:hover{background:#d2691e33;transform:translateY(-1px)}.modal-footer{padding:1rem 2rem 2rem;text-align:center}.share-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;padding:.8rem 2rem;transition:all .3s ease}.share-btn:hover{box-shadow:0 8px 20px #d2691e66;transform:translateY(-2px)}.newsletter-section{background:linear-gradient(135deg,#d9691e1a,#5a2e171a);background:var(--gradient-hero);border:1px solid #d2691e33;border-radius:2rem;margin-top:4rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.newsletter-section:before{bottom:10px;content:"";font-size:100px;opacity:.05;pointer-events:none;position:absolute;right:20px}.newsletter-content h3{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#2d1a0e;color:var(--stories-text);color:#0000;display:inline-block;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.newsletter-content p{color:#6b4c35;color:var(--stories-text-light);margin-bottom:1.5rem}.newsletter-form{display:flex;gap:.75rem;margin:0 auto;max-width:450px}.newsletter-form input{background:#fff;background:var(--stories-card-bg);border:2px solid #f0e4d4;border:2px solid var(--stories-border);border-radius:999px;color:#2d1a0e;color:var(--stories-text);flex:1 1;font-family:inherit;padding:.85rem 1.25rem;transition:all .3s ease}.newsletter-form input:focus{border-color:#d2691e;border-color:var(--stories-primary);box-shadow:0 0 0 3px #d2691e1a;outline:none}.newsletter-form button{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:.85rem 1.8rem;transition:all .3s ease}.newsletter-form button:hover{box-shadow:0 8px 20px #d2691e4d;transform:translateY(-2px)}.story-grid-skeleton{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.story-card-skeleton{background:#fff;background:var(--stories-card-bg);border:1px solid #f0e4d4;border:1px solid var(--stories-border);border-radius:1.5rem;overflow:hidden}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0e4d4 25%,#fff 50%,#f0e4d4 75%);background:linear-gradient(90deg,var(--stories-border) 25%,var(--stories-card-bg) 50%,var(--stories-border) 75%);background-size:200% 100%;height:220px}.skeleton-content{padding:1.5rem}.skeleton-title{border-radius:8px;height:24px;margin-bottom:1rem;width:80%}.skeleton-text,.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0e4d4 25%,#fff 50%,#f0e4d4 75%);background:linear-gradient(90deg,var(--stories-border) 25%,var(--stories-card-bg) 50%,var(--stories-border) 75%);background-size:200% 100%}.skeleton-text{border-radius:4px;height:14px;margin-bottom:.75rem;width:100%}.skeleton-text:last-child{width:70%}.no-results{background:#fff;background:var(--stories-card-bg);border:1px solid #f0e4d4;border:1px solid var(--stories-border);border-radius:2rem;padding:4rem 2rem}.no-results-icon{font-size:5rem;margin-bottom:1rem;opacity:.5}.no-results h3{color:#2d1a0e;color:var(--stories-text);font-size:1.5rem;margin-bottom:.5rem}.no-results p{color:#6b4c35;color:var(--stories-text-light);margin-bottom:1.5rem}.reset-btn{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:.7rem 1.8rem;transition:all .3s ease}.reset-btn:hover{box-shadow:0 8px 20px #d2691e4d;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:968px){.story-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.stories-container{padding:1rem}.stories-hero{margin-bottom:2rem;padding:2rem 1rem}.story-grid{gap:1.5rem;grid-template-columns:1fr}.story-card-image,.story-card-image-placeholder{height:200px}.category-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem}.category-btn{white-space:nowrap}.pagination{gap:.5rem}.page-numbers{gap:.3rem}.page-number{font-size:.875rem;height:38px;width:38px}.page-btn{font-size:.875rem;padding:.5rem 1rem}.story-modal{padding:1rem}.modal-body{padding:1.5rem}.modal-image{height:200px}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media (max-width:480px){.story-card-content{padding:1rem}.story-card-title{font-size:1.125rem}.modal-meta,.story-meta{gap:.5rem}.modal-tags{flex-wrap:wrap}.modal-footer{padding:1rem 1.5rem 1.5rem}.stories-hero-title{flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.category-btn:focus-visible,.modal-close:focus-visible,.newsletter-form button:focus-visible,.page-btn:focus-visible,.page-number:focus-visible,.reset-btn:focus-visible,.search-input:focus-visible,.share-btn:focus-visible{outline:2px solid #d2691e;outline:2px solid var(--stories-primary);outline-offset:2px}@media print{.demo-banner,.modal-close,.newsletter-section,.pagination,.share-btn,.stories-controls,.story-card-overlay{display:none}.story-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.story-modal{background:none;padding:0;position:static}.story-modal-content{box-shadow:none;max-height:none;overflow:visible}.stories-hero{background:none;padding:1rem}}:root{--brand:#5b371b;--brand-2:#8a5a2b;--border:#eaeaea;--muted:#6b7280;--bg:#fff;--shadow:0 10px 25px #0000000f}.conv{background:#fff;background:var(--bg);border:1px solid #eaeaea;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 25px #0000000f;box-shadow:var(--shadow);margin:1rem auto;max-width:860px;padding:1rem}.conv__title{font-size:1.6rem;font-weight:800;margin:0 0 .75rem}.lbl{display:block;font-size:.9rem;margin-bottom:.3rem}.inp{background:#fff;border:1px solid #eaeaea;border:1px solid var(--border);border-radius:10px;outline:none;padding:.55rem .65rem;width:100%}.inp:focus{border-color:#8a5a2b;border-color:var(--brand-2);box-shadow:0 0 0 3px #8a5a2b2e}.btn{background:#5b371b;background:var(--brand);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:.55rem .9rem}.btn--ghost{background:#f8f8f8;border:1px solid #eaeaea;border:1px solid var(--border);color:#111}.pill{background:#f9fafb;border:1px solid #eaeaea;border:1px solid var(--border);border-radius:999px;display:inline-block;font-size:.85rem;margin-right:.35rem;padding:.2rem .55rem}.muted{color:#6b7280;color:var(--muted)}.conv__grid{grid-gap:.75rem;align-items:end;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr) 120px}.conv__block{grid-gap:.3rem;display:grid;gap:.3rem}.conv__swap{align-items:end;display:grid;justify-items:center}.conv__density{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1.5fr 1fr;margin-top:.75rem}.conv__result{border-top:1px dashed #eaeaea;border-top:1px dashed var(--border);margin-top:1rem;padding-top:.8rem}.conv__result-main{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.conv__result-line{font-size:1.05rem;font-weight:800}.conv__details{margin-top:.5rem}.conv__details summary{color:#8a5a2b;color:var(--brand-2);cursor:pointer}.conv__hints{margin-top:.6rem}@media (max-width:900px){.conv__grid{grid-template-columns:1fr 1fr 100px 1fr 100px}}@media (max-width:700px){.conv__density,.conv__grid{grid-template-columns:1fr}}:root{--gradient-secondary:linear-gradient(135deg,var(--brand-brown) 0%,var(--brand-orange) 100%);--shadow-xl:0 25px 50px -12px #00000040;--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}.twist-container{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem}.twist-header{animation:fadeInUp .6s ease-out;margin-bottom:2rem;text-align:center}.twist-title{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-weight:800;gap:.75rem;justify-content:center;margin-bottom:.5rem}.title-icon,.twist-title{font-size:clamp(2rem,5vw,2.5rem)}.twist-subtitle{color:#7a3d1f;color:var(--brand-brown-light);font-size:1rem;margin:0 auto;max-width:600px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.twist-search-section{margin-bottom:2rem;position:relative}.search-wrapper{margin:0 auto;max-width:600px;position:relative}.search-icon{color:#7a3d1f;font-size:1rem}.search-input{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:3rem;font-size:.95rem;padding:.9rem 3rem .9rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.search-input:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.clear-search{align-items:center;background:none;border:none;border-radius:50%;color:#7a3d1f;color:var(--brand-brown-light);cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:30px}.clear-search:hover{background:#d2691e1a;color:#d2691e;color:var(--brand-orange)}.search-results{animation:fadeInUp .2s ease-out;background:#fff;border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg);left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .5rem);z-index:10}.result-item{background:#0000;border:none;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);cursor:pointer;display:block;padding:1rem;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.result-item:last-child{border-bottom:none}.result-item:hover{background:#d2691e0d}.result-item.selected{background:#d2691e1a;border-left:3px solid #d2691e;border-left:3px solid var(--brand-orange)}.result-name{color:#5a2e17;color:var(--brand-brown);font-weight:600;margin-bottom:.25rem}.result-meta{color:#7a3d1f;color:var(--brand-brown-light);display:flex;font-size:.7rem;gap:.5rem}.result-category,.result-culture{background:#fff9f2;background:var(--brand-cream);border-radius:2rem;padding:.2rem .5rem}.no-results{color:#7a3d1f}.no-results svg{font-size:2rem;margin-bottom:.5rem;opacity:.5}.empty-state{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#5a2e17;color:var(--brand-brown);margin-bottom:.5rem}.empty-state p{color:#7a3d1f;color:var(--brand-brown-light);margin:0 auto;max-width:400px}.twist-editor{animation:fadeInUp .4s ease-out;background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.editor-header{align-items:center;background:#fff9f2;background:var(--brand-cream);border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem}.recipe-info h2{color:#5a2e17;color:var(--brand-brown);font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.recipe-badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#fff9f2;background:var(--brand-cream);border-radius:2rem;color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;font-weight:600;padding:.2rem .6rem}.badge.spice{background:#ef44441a;color:#ef4444}.badge.diet{background:#10b9811a;color:#10b981}.badge.culture{background:#d2691e1a}.badge.culture,.clear-btn{color:#d2691e;color:var(--brand-orange)}.clear-btn{background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:2rem;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.clear-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff;transform:translateY(-2px)}.editor-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.editor-card{background:#fff9f2;background:var(--brand-cream);border:1px solid #fdf0e0;border:1px solid var(--brand-cream-dark);border-radius:1rem;padding:1rem}.editor-card h3{align-items:center;border-bottom:2px solid #fdf0e0;border-bottom:2px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.ingredients-box,.preview-box{max-height:300px;overflow-y:auto;padding-right:.5rem}.ingredient-line,.preview-line{border-bottom:1px dashed #fdf0e0;border-bottom:1px dashed var(--brand-cream-dark);font-size:.85rem;padding:.3rem 0}.ingredient-line,.no-suggestions,.preview-line,.preview-line.original{color:#7a3d1f;color:var(--brand-brown-light)}.no-suggestions{padding:1rem;text-align:center}.no-suggestions svg{font-size:2rem;margin-bottom:.5rem;opacity:.5}.no-suggestions p{margin-bottom:.25rem}.no-suggestions small{font-size:.7rem}.substitutions-list{display:flex;flex-direction:column;gap:1rem}.substitution-item{display:flex;flex-direction:column;gap:.5rem}.substitution-label{color:#5a2e17;color:var(--brand-brown);font-size:.8rem;font-weight:600}.substitution-select{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-size:.8rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.substitution-select:focus{border-color:#d2691e;border-color:var(--brand-orange);outline:none}.macro-pie{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.macro-labels{display:flex;flex-direction:column;font-size:.75rem;gap:.3rem}.macro-dot{border-radius:50%;display:inline-block;height:10px;margin-right:.3rem;width:10px}.macro-dot.carbs{background:#f59e0b}.macro-dot.protein{background:#3b82f6}.macro-dot.fat{background:#ef4444}.macro-empty{padding:1rem}.macro-empty,.nutrition-note{color:#7a3d1f;color:var(--brand-brown-light);text-align:center}.nutrition-note{font-size:.7rem;margin-top:.5rem}.submit-section{background:#fff9f2;background:var(--brand-cream);border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);padding:1.5rem;text-align:center}.submit-btn{background:linear-gradient(135deg,#d2691e,#e6a817);border-radius:3rem;display:inline-flex;font-size:.9rem;font-weight:700;padding:.9rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.submit-btn:hover:not(:disabled){box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.submit-note{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;margin-top:.75rem}@media (max-width:968px){.editor-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.twist-container{padding:1rem}.editor-header{flex-direction:column;text-align:center}.recipe-badges{justify-content:center}.clear-btn{width:100%}.toast-notification{left:1rem;right:1rem;top:1rem}.search-results{margin-top:.5rem;position:static}}@media (max-width:480px){.title-icon,.twist-title{font-size:1.5rem}.editor-card{padding:.75rem}.macro-pie{text-align:center}.macro-pie,.substitution-item{flex-direction:column}.submit-btn{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.twist-container{background:#1a1a2e}.editor-card,.empty-state,.result-item,.search-results,.twist-editor{background:#2d2d44}.editor-card h3,.empty-state h3,.recipe-info h2,.result-name,.substitution-label{color:#fff5e8}.ingredient-line,.macro-empty,.no-suggestions,.preview-line,.result-meta,.submit-note,.twist-subtitle{color:#d4c4a8}.search-input,.substitution-select{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.badge{background:#1a1a2e;color:#d4c4a8}.editor-header,.submit-section{background:#1a1a2e;border-color:#3d3d5c}.clear-btn{border-color:#d2691e;border-color:var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.clear-btn:hover{background:#d2691e;background:var(--brand-orange);color:#fff}.toast-notification{background:#2d2d44;color:#fff5e8}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible,select:focus-visible{border-radius:8px;outline:2px solid #d2691e;outline:2px solid var(--brand-orange);outline-offset:2px}.contact-container{background:var(--brand-cream);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.contact-hero{background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1rem;color:#fff;margin-bottom:2rem;padding:3rem 1rem;text-align:center}.contact-hero h1{font-size:2rem;margin-bottom:.5rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.contact-info{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem}.contact-info h2{color:var(--brand-brown);margin-bottom:1rem}.info-items{margin:2rem 0}.info-item{display:flex;gap:1rem;margin-bottom:1.5rem}.info-icon{color:var(--brand-orange);font-size:1.5rem}.info-item h4{color:var(--brand-brown);margin-bottom:.25rem}.info-item a,.info-item p{color:var(--brand-brown-light);text-decoration:none}.social-section h4{color:var(--brand-brown);margin-bottom:1rem}.social-links{display:flex;gap:1rem}.social-links a{align-items:center;background:var(--brand-cream);border-radius:50%;color:var(--brand-brown);display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.social-links a:hover{background:var(--brand-orange);color:#fff;transform:translateY(-3px)}.contact-form-wrapper{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem}.contact-form-wrapper h2{color:var(--brand-brown);margin-bottom:1rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group textarea{border:2px solid var(--brand-cream-dark);border-radius:.5rem;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--brand-orange);outline:none}.submit-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem}.submit-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.success-message{padding:2rem;text-align:center}.success-message svg{color:#10b981;font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-container{padding:1rem}}.faqs-container{background:var(--brand-cream);margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.faqs-hero{background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1rem;color:#fff;margin-bottom:2rem;padding:3rem 1rem;text-align:center}.faqs-hero h1{font-size:2rem;margin-bottom:.5rem}.faqs-search{margin-bottom:2rem;position:relative}.search-icon{color:var(--brand-brown-light);left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.faqs-search input{border:2px solid var(--brand-cream-dark);border-radius:.5rem;font-size:1rem;padding:1rem 1rem 1rem 3rem;width:100%}.faqs-search input:focus{border-color:var(--brand-orange);outline:none}.faqs-list{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);overflow:hidden}.faq-item{border-bottom:1px solid var(--brand-cream-dark)}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background:#fff;border:none;color:var(--brand-brown);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1rem;transition:all .3s;width:100%}.faq-answer,.faq-question:hover{background:var(--brand-cream)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-answer.open{max-height:500px}.faq-answer p{color:var(--brand-brown-light);line-height:1.6;padding:1rem}.no-results{color:var(--brand-brown-light)}.faqs-contact,.no-results{padding:2rem;text-align:center}.faqs-contact{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);margin-top:2rem}.faqs-contact h3{color:var(--brand-brown);margin-bottom:.5rem}.faqs-contact p{color:var(--brand-brown-light);margin-bottom:1rem}.contact-btn{background:var(--gradient-primary);border-radius:.5rem;color:#fff;display:inline-block;padding:.75rem 1.5rem;text-decoration:none}.contact-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width:768px){.faqs-container{padding:1rem}.faqs-hero h1{font-size:1.5rem}}.legal-container{background:var(--brand-cream);margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.legal-hero{background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1rem;color:#fff;margin-bottom:2rem;padding:3rem 1rem;text-align:center}.legal-hero h1{color:#fff;font-size:2rem;margin-bottom:.5rem}.legal-hero p{opacity:.9}.legal-content{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:2rem}.legal-content section{margin-bottom:2rem}.legal-content h2{border-bottom:2px solid var(--brand-cream-dark);color:var(--brand-brown);font-size:1.3rem;margin-bottom:1rem;padding-bottom:.5rem}.legal-content p{color:var(--brand-brown-light);line-height:1.6;margin-bottom:1rem}.legal-content ul{margin-bottom:1rem;margin-left:1.5rem}.legal-content li{color:var(--brand-brown-light);line-height:1.6;margin-bottom:.5rem}.legal-content a{color:var(--brand-orange);text-decoration:none}.legal-content a:hover{text-decoration:underline}.cookie-settings{background:var(--brand-cream);border-radius:.5rem;padding:1rem}.cookie-setting{border-bottom:1px solid var(--brand-cream-dark);margin-bottom:1rem;padding:.5rem}.cookie-setting label{align-items:center;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.25rem}.cookie-setting input{accent-color:var(--brand-orange);cursor:pointer;height:18px;width:18px}.save-btn{background:var(--gradient-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.5rem}@media (max-width:768px){.legal-container,.legal-content{padding:1rem}.legal-hero h1{font-size:1.5rem}}.sitemap-container{background:var(--brand-cream);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.sitemap-hero{background:linear-gradient(135deg,var(--brand-brown) 0,var(--brand-orange) 100%);border-radius:1rem;color:#fff;margin-bottom:2rem;padding:3rem 1rem;text-align:center}.sitemap-hero h1{font-size:2rem;margin-bottom:.5rem}.sitemap-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sitemap-section{background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);padding:1.5rem}.sitemap-section h2{align-items:center;border-bottom:2px solid var(--brand-cream-dark);color:var(--brand-brown);display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.section-icon{color:var(--brand-orange)}.sitemap-section ul{list-style:none;padding:0}.sitemap-section li{margin-bottom:.5rem}.sitemap-section a{color:var(--brand-brown-light);display:block;padding:.3rem 0;text-decoration:none;transition:all .3s}.sitemap-section a:hover{color:var(--brand-orange);padding-left:.5rem}.sitemap-footer{background:#fff;border-radius:1rem;margin-top:2rem;padding:2rem;text-align:center}.sitemap-footer a{color:var(--brand-orange);text-decoration:none}@media (max-width:768px){.sitemap-container{padding:1rem}.sitemap-grid{grid-template-columns:1fr}}:root{--brand-brown-dark:#3d1f0f;--brand-orange-dark:#b85a1a;--brand-orange-light:#e07d3a;--shadow-lg:0 20px 40px -10px #00000026}.profile-container{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:800px;min-height:100vh;padding:2rem 1.5rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-title{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:800;gap:.75rem;justify-content:center}.profile-subtitle{color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem}.toast-notification{box-shadow:0 20px 40px -10px #00000026;box-shadow:var(--shadow-lg)}.toast-notification.success svg{color:#10b981}.toast-notification.error svg{color:#ef4444}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.profile-card{background:#fff;border:1px solid #d2691e1a;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.profile-avatar-section{background:#fff9f2;background:var(--brand-cream);display:flex;justify-content:center;padding:2rem 0 1rem;position:relative}.profile-avatar{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:4px solid #fff;border-radius:50%;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);font-size:3rem;font-weight:600;height:120px;width:120px}.avatar-upload-btn,.profile-avatar{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-upload-btn{background:#d2691e;background:var(--brand-orange);border:none;border-radius:50%;bottom:1rem;cursor:pointer;height:36px;position:absolute;right:calc(50% - 60px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:36px}.avatar-upload-btn:hover{background:#b85a1a;background:var(--brand-orange-dark);transform:scale(1.1)}.profile-info{padding:1.5rem}.info-row{margin-bottom:1.25rem}.info-label{align-items:center;color:#5a2e17;color:var(--brand-brown);display:flex;font-size:.8rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.info-value{border-bottom:1px dashed #fdf0e0;border-bottom:1px dashed var(--brand-cream-dark);color:#7a3d1f;color:var(--brand-brown-light);font-size:.95rem;padding:.5rem 0}.info-input,.info-textarea{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-family:inherit;font-size:.9rem;padding:.6rem .8rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.info-input:focus,.info-textarea:focus{border-color:#d2691e;border-color:var(--brand-orange);box-shadow:0 0 0 3px #d2691e1a;outline:none}.info-textarea{resize:vertical}.profile-actions{border-top:1px solid #fdf0e0;border-top:1px solid var(--brand-cream-dark);display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem}.btn-cancel,.btn-edit,.btn-save{align-items:center;border-radius:2rem;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-edit{background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;color:#fff}.btn-edit:hover{box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-save{background:#10b981;border:none;color:#fff}.btn-save:hover:not(:disabled){background:#059669;transform:translateY(-2px)}.btn-cancel{background:#0000;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);color:#7a3d1f;color:var(--brand-brown-light)}.btn-cancel:hover{border-color:#d2691e;border-color:var(--brand-orange);color:#d2691e;color:var(--brand-orange)}.profile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;padding:1rem;text-align:center}.stat-value{color:#d2691e;color:var(--brand-orange);font-size:1.3rem;font-weight:700}.stat-label{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}@media (max-width:768px){.profile-container{padding:1rem}.profile-actions{flex-direction:column}.btn-cancel,.btn-edit,.btn-save{justify-content:center;width:100%}.toast-notification{left:1rem;right:1rem;top:1rem}}@media (prefers-color-scheme:dark){.profile-container{background:#1a1a2e}.profile-card,.stat-card{background:#2d2d44}.info-value,.profile-subtitle{color:#d4c4a8}.info-input,.info-textarea{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}.toast-notification{background:#2d2d44;color:#fff5e8}}:root{--brand-brown:#5a2e17;--brand-brown-light:#7a3d1f;--brand-orange:#d2691e;--brand-gold:#e6a817;--brand-cream:#fff9f2;--brand-cream-dark:#fdf0e0;--gradient-primary:linear-gradient(135deg,var(--brand-orange) 0%,var(--brand-gold) 100%);--shadow-sm:0 4px 6px #0000001a;--shadow-md:0 10px 25px -5px #0000001a;--shadow-glow:0 0 20px #d2691e4d;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}.settings-container{background:#fff9f2;background:var(--brand-cream);margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem 1.5rem}.settings-header{margin-bottom:2rem;text-align:center}.settings-title{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;display:flex;font-weight:800;gap:.75rem;justify-content:center}.settings-title,.title-icon{font-size:clamp(1.8rem,5vw,2.2rem)}.settings-subtitle{color:#7a3d1f;color:var(--brand-brown-light);font-size:.9rem}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;background:#fff;border-left:4px solid;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:.75rem;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.toast-notification.success{border-left-color:#10b981}.toast-notification.error{border-left-color:#ef4444}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.settings-card{background:#fff;border:1px solid #d2691e1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.settings-card:hover{box-shadow:0 10px 25px -5px #0000001a;box-shadow:var(--shadow-md)}.settings-card h2{align-items:center;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);color:#5a2e17;color:var(--brand-brown);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.full-width{grid-column:1/-1}.setting-item{align-items:center;border-bottom:1px solid #fdf0e0;border-bottom:1px solid var(--brand-cream-dark);display:flex;justify-content:space-between;padding:.75rem 0}.setting-item:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-label{color:#5a2e17;color:var(--brand-brown);font-size:.9rem;font-weight:600}.setting-desc{color:#7a3d1f;color:var(--brand-brown-light);font-size:.7rem}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fdf0e0;background-color:var(--brand-cream-dark);border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.toggle-slider{background-color:#d2691e;background-color:var(--brand-orange)}input:checked+.toggle-slider:before{transform:translateX(26px)}.settings-select{background:#fff;border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.5rem;cursor:pointer;font-size:.8rem;padding:.4rem 1rem}.save-preferences-btn{align-items:center;background:linear-gradient(135deg,#d2691e,#e6a817);background:var(--gradient-primary);border:none;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.save-preferences-btn:hover:not(:disabled){box-shadow:0 0 20px #d2691e4d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.password-form{display:flex;flex-direction:column;gap:.75rem}.password-input{border:2px solid #fdf0e0;border:2px solid var(--brand-cream-dark);border-radius:.75rem;font-size:.85rem;padding:.6rem .8rem}.password-input:focus{border-color:#d2691e;border-color:var(--brand-orange);outline:none}.change-password-btn{align-items:center;background:#0000;border:2px solid #d2691e;border:2px solid var(--brand-orange);border-radius:2rem;color:#d2691e;color:var(--brand-orange);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.change-password-btn:hover:not(:disabled){background:#d2691e;background:var(--brand-orange);color:#fff}.danger-zone{border-left:3px solid #ef4444}.danger-warning{color:#ef4444;font-size:.8rem;margin-bottom:1rem}.delete-account-btn{align-items:center;background:#0000;border:2px solid #ef4444;border-radius:2rem;color:#ef4444;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.delete-account-btn:hover{background:#ef4444;color:#fff}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.settings-container{padding:1rem}.settings-grid{grid-template-columns:1fr}.toast-notification{left:1rem;right:1rem;top:1rem}}@media (prefers-color-scheme:dark){.settings-container{background:#1a1a2e}.settings-card,.toast-notification{background:#2d2d44}.setting-label,.settings-card h2{color:#fff5e8}.setting-desc,.settings-subtitle{color:#d4c4a8}.password-input,.settings-select{background:#1a1a2e;border-color:#3d3d5c;color:#fff5e8}}
/*# sourceMappingURL=main.7cc12db6.css.map*/