@import"https://fonts.googleapis.com/css2?family=Assistant&family=Cormorant+Garamond:ital,wght@1,700&family=Fredoka:wght@300&family=Rubik:wght@600&family=Lora:ital,wght@0,400;0,700;1,400&family=Source+Sans+Pro&display=swap";:root{--primary-dark: #386641;--primary: #6a994e;--primary-bright: #a7c957;--neutral: #f2e8cf;--secondary: #bc4749;--secondary-light: #d47779;--secondary-dark: #9a3a3c;--heading-font: "Cormorant Garamond", "Amatic SC", cursive;--heading-font-he: "Fredoka", "Amatic SC", cursive;--body-font: "Assistant", "Lora", serif;--nav-font: "Source Sans Pro", sans-serif;--primary-color: var(--primary);--primary-hover: var(--primary-dark);--secondary-color: var(--neutral);--secondary-hover: darken(var(--neutral), 10%);--header-color: var(--neutral);--text-color: #3a3a3a;--button-color: white;--background-color: var(--neutral);--submenu-color: var(--secondary);--disabled-color: #cccccc;--tabs-color: white;--card-bg: white;--recipe-bg: var(--background-color);--size-xxl: 4.5rem;--size-header1: 3rem;--size-header2: 1.5rem;--size-body: 1rem;--size-icon: 1.2rem;--size-header1-mobile: 2.5rem;--size-header2-mobile: 1.2rem;--size-body-mobile: .9rem;--size-icon-mobile: 1rem;--background: url(/img/background/stone-counter-top.jpg)}html{scrollbar-gutter:stable}body{height:100%;margin:0}body{font-family:var(--body-font);background-color:var(--background-color);color:var(--text-color);line-height:1.6;margin:0;padding:0;background:var(--background) repeat center center;background-size:cover;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--heading-font-he);font-weight:700}a{color:var(--primary-color);text-decoration:none}main{flex-grow:1;margin:0 auto}auth-controller:not(:defined),custom-modal:not(:defined){display:none;visibility:hidden}:root{--header-background: url(/img/background/navigation/wood-texture.jpg) repeat-x}header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem;background:var(--header-background);background-size:auto 100%;border-bottom:8px solid var(--primary-color);gap:.5rem}header .menu-title-container{position:relative}header .nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}header .hamburger{display:block;width:24px;height:2.5px;background-color:var(--background-color);position:relative;transition:background-color .2s ease;will-change:background-color}header .hamburger:before,.hamburger:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--background-color);transition:transform .2s ease;will-change:transform}header .hamburger:before{transform:translateY(-6px)}header .hamburger:after{transform:translateY(6px)}.nav-toggle.active .hamburger{background-color:transparent}.nav-toggle.active .hamburger:before{transform:rotate(45deg)}.nav-toggle.active .hamburger:after{transform:rotate(-45deg)}header .logo{font-family:var(--heading-font);font-weight:bolder;font-size:var(--size-header1);color:var(--header-color);text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:.9}header .nav-search-container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}header nav ul{display:flex;list-style-type:none;padding:0;margin:0}header nav ul li{margin-right:.5rem;box-shadow:h-offset v-offset blur spread color}header nav ul li:first-child{margin-right:0}header nav ul li a{color:var(--background-color);font-family:var(--nav-font);font-weight:700;background:var(--primary-color);padding:.5rem 1rem;border-radius:5px;transition:background-color .3s;display:inline-flex;align-items:center;white-space:nowrap;height:44px;box-sizing:border-box}header .search-auth-container{display:flex;align-items:stretch;gap:.5rem}header .search-form{border:2px solid var(--primary-color);background-color:var(--primary-color);transition:background-color .3s;display:flex;align-items:center;border-radius:5px;overflow:hidden}header .search-form:hover{background-color:var(--primary-hover);border:2px solid var(--primary-hover)}header .search-form:hover .search-button{background-color:var(--primary-hover)}header .search-button .icon-search{color:var(--button-color);font-size:var(--size-icon)}header .search-input{background:var(--button-color);border:none;font-family:var(--body-font);font-size:var(--size-body);padding:0 10px;flex-grow:1;outline:none;height:100%}header .search-button{background:var(--primary-color);border:none;cursor:pointer;padding:0 15px;height:100%;display:flex;align-items:center;justify-content:center}auth-avatar{width:44px;min-width:44px}header .auth-button{margin:0;padding:0;border:none;background-color:var(--primary-color);color:var(--button-color);cursor:pointer;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:5px}.auth-button svg{width:24px;height:24px}@media (max-width: 768px){header{flex-direction:column;align-items:center;flex-wrap:nowrap;padding:1rem;position:relative;gap:.5rem}header .menu-title-container{display:flex;align-items:center;gap:15px;justify-content:center;width:100%;margin-bottom:.5rem;flex-direction:row-reverse}header .nav-toggle{display:block;z-index:1002;position:relative;transition:opacity .3s ease,visibility .3s ease}header .nav-toggle.drawer-open{opacity:0;visibility:hidden;pointer-events:none}header .logo{font-size:clamp(1.5rem,4vw,2.5rem);line-height:.9;text-align:center;flex:1}header .nav-search-container{width:100%;display:flex;justify-content:center}header .search-auth-container{display:flex;align-items:stretch;gap:10px;justify-content:center;width:100%}header .search-bar{width:auto;min-width:150px;flex-grow:1}header #auth-container{flex-shrink:0}header .search-form{width:100%}header .nav-search-container nav{display:none}.mobile-nav-drawer{position:fixed;top:0;right:0;height:100vh;width:min(220px,75vw);background:linear-gradient(135deg,var(--primary-color) 0%,var(--submenu-color) 100%);border-left:1px solid rgba(255,255,255,.15);border-top-left-radius:24px;border-bottom-left-radius:24px;transform:translate3d(100%,0,0);transition:transform .4s cubic-bezier(.25,.46,.45,.94);z-index:1001;padding:2rem 1.5rem;box-shadow:-12px 0 40px #0000004d;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-drawer.active{transform:translateZ(0)}.mobile-nav-drawer nav{margin-top:5rem;padding-top:1.5rem}.mobile-nav-drawer nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.mobile-nav-drawer nav ul li{margin:0;opacity:0;transform:translate(20px);animation:slideInMenuItem .5s cubic-bezier(.25,.46,.45,.94) forwards}.mobile-nav-drawer nav ul li:nth-child(1){animation-delay:.1s}.mobile-nav-drawer nav ul li:nth-child(2){animation-delay:.15s}.mobile-nav-drawer nav ul li:nth-child(3){animation-delay:.2s}.mobile-nav-drawer nav ul li:nth-child(4){animation-delay:.25s}.mobile-nav-drawer nav ul li:nth-child(5){animation-delay:.3s}.mobile-nav-drawer nav ul li:nth-child(6){animation-delay:.35s}@keyframes slideInMenuItem{to{opacity:1;transform:translate(0)}}.mobile-nav-drawer nav ul li a{display:block;color:var(--background-color);font-family:var(--nav-font);font-weight:600;font-size:1rem;background:#ffffff26;padding:.9rem 1.1rem;border-radius:8px;text-decoration:none;border:none;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.mobile-nav-drawer nav ul li a:hover{background:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.mobile-nav-drawer nav ul li a.active{background:var(--background-color);color:var(--primary-color);box-shadow:0 3px 10px #0003}.mobile-nav-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);z-index:1000}.mobile-nav-backdrop.active{opacity:1;visibility:visible}.mobile-nav-drawer .drawer-header{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.15)}.mobile-nav-drawer .drawer-logo{color:var(--background-color);font-weight:bolder;font-size:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:nowrap}.mobile-nav-drawer .drawer-close{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:var(--background-color);font-size:1.3rem;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.mobile-nav-drawer .drawer-close:hover{background-color:#ffffff40;border-color:#fff6;transform:scale(1.05)}.mobile-nav-drawer .drawer-close:before{content:"×";font-weight:700;line-height:1}}@media (min-width: 769px) and (max-width: 1500px){header{flex-direction:column;align-items:center}.nav-search-container{flex-direction:column;width:100%}}footer{background-color:var(--text-color);color:var(--background-color);text-align:center;padding:1rem;font-family:var(--nav-font);font-size:var(--size-body-mobile);flex-shrink:0}footer p{margin:0}#icon-attribute{color:gray}.base-button{display:block;padding:12px;border:none;font-family:inherit;font-size:var(--size-body);font-weight:700;cursor:pointer;transition:background-color .3s ease;margin-bottom:10px}.base-button:hover{background-color:var(--primary-hover)}.btn-modern{background:var(--primary);color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(var(--primary),.2)}.btn-modern:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--primary),.3)}.btn-modern:active{transform:translateY(0)}.btn-soft{background:var(--primary);color:#fff;border-radius:15px;box-shadow:4px 4px 8px rgba(var(--primary),.2),-4px -4px 8px #ffffffe6}.btn-soft:hover{box-shadow:6px 6px 12px rgba(var(--primary),.25),-6px -6px 12px #fffffff2}.btn-soft:active{box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffff1a}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:8px}.btn-outline:hover{background:var(--primary);color:#fff}.btn-minimal{background:transparent;color:var(--primary);border-bottom:2px solid transparent}.btn-minimal:hover{border-bottom:2px solid var(--primary)}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--primary-bright));color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(var(--primary),.2)}.btn-gradient:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--primary),.3)}.btn-gradient:disabled{background:linear-gradient(135deg,gray,var(--primary-bright));color:#fff;opacity:.5;transform:translateY(0)}.btn-3d{background:var(--primary);color:#fff;border-radius:8px;box-shadow:0 4px 0 var(--primary-dark),0 6px 4px #0003;transform:translateY(-2px)}.btn-3d:hover{background-color:var(--primary-dark);box-shadow:inset 0 0 0 3px var(--primary-color),0 4px 0 var(--primary-dark),0 6px 4px #0003}.btn-3d:active,.btn-3d.active{background-color:var(--primary-dark);transform:translateY(0);box-shadow:inset 0 0 0 3px var(--primary-color),0 6px 4px #0003}.btn-glass{background:rgba(var(--primary),.8);color:#fff;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-glass:hover{background:rgba(var(--primary),.9);border:1px solid rgba(255,255,255,.3)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn-large{padding:1rem 2rem;font-size:1.125rem}.btn-icon{display:flex;align-items:center;gap:.5rem}.btn-icon svg{width:1.2em;height:1.2em}.search-bar{align-items:center}.search-form{display:flex;align-items:center;border-radius:5px;overflow:hidden;height:40px}.search-form .search-input{border:none;font-family:var(--body-font);font-size:1rem;padding:0 10px;flex-grow:1;outline:none;height:100%;border-bottom-right-radius:0;border-top-right-radius:0;min-width:0}.search-button{border:none;cursor:pointer;padding:0 15px;height:100%;display:flex;align-items:center;justify-content:center}.quote-section{background-color:var(--secondary-color);padding:2rem;text-align:center;font-style:italic;margin-top:2rem}.quote-section blockquote{font-size:var(--size-header2);margin-bottom:1rem}@media (max-width: 768px){.quote-section{padding:1rem}.quote-section blockquote{font-size:var(--size-body);margin:0 1rem 1rem}}.spa-app{min-height:100vh;display:flex;flex-direction:column}.header-container{flex-shrink:0}.spa-content{flex:1 0 auto;width:100%;min-height:0}footer{flex-shrink:0}.spa-content .home-page{width:100%}.spa-content .quote-section{position:static;clear:both}.spa-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.spa-content .page-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:100}.spa-content .page-error{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;text-align:center;margin:0}.spa-content .page-error .error-card{max-width:500px;padding:2rem;color:#d32f2f;background-color:#ffebee;border:1px solid #ffcdd2;border-radius:12px;box-shadow:0 2px 8px #0000001a}.spa-content .page-error h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem;color:#d32f2f}.spa-content .page-error p{margin:.5rem 0;line-height:1.5}.spa-content .page-error .error-details{font-size:.9em;color:#666;margin-top:1rem;font-family:monospace;background-color:#f5f5f5;padding:.5rem;border-radius:4px;word-break:break-word}.spa-content .page-error .reload-button{margin-top:1.5rem;padding:.75rem 1.5rem;background:#d32f2f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s}.spa-content .page-error .reload-button:hover{background:#b71c1c}.spa-home-placeholder,.spa-categories-placeholder,.spa-propose-placeholder{padding:2rem 1rem}.spa-home-placeholder h1,.spa-categories-placeholder h1,.spa-propose-placeholder h1{color:#333;margin-bottom:1rem}.spa-home-placeholder ul{margin:0;padding-left:1.5rem}.spa-home-placeholder li{margin:.5rem 0}@media (max-width: 768px){.spa-content{min-height:300px}.spa-home-placeholder,.spa-categories-placeholder,.spa-propose-placeholder{padding:1rem .5rem}}img[data-src]{transition:opacity .3s ease;background-color:#f0f0f0}img[data-src].loading{opacity:.7;background-image:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}img[data-src].loaded{opacity:1;background:none}img[data-src].error{opacity:.5;background-color:#ffebee;border:1px solid #ffcdd2}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.recipe-card img[data-src]{width:100%;height:200px;object-fit:cover;border-radius:8px 8px 0 0}.recipe-card img[data-src].loading{background-color:#f5f5f5;position:relative}.recipe-card img[data-src].loading:after{content:"Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:14px}.auth-avatar img[data-src]{width:40px;height:40px;border-radius:50%;object-fit:cover}.auth-avatar img[data-src].loading{background-color:#e0e0e0}.recipe-detail img[data-src]{max-width:100%;height:auto;border-radius:8px}.recipe-detail img[data-src].loading{min-height:300px;background-color:#f5f5f5}@media (max-width: 768px){.recipe-card img[data-src]{height:150px}.recipe-detail img[data-src].loading{min-height:200px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}img[data-src].loaded{animation:fadeIn .3s ease-in}