@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.history-buttons{display:flex;flex-wrap:wrap;justify-content:center}.skeleton-button{width:180px;height:40px;border-radius:4px;margin:.3rem}@media (max-width: 600px){.skeleton-button-wrapper{width:100%}.skeleton-button{width:100%;margin:.25rem 0}}.App{max-width:600px;margin:2rem auto;padding:1rem;text-align:center;font-family:Arial,sans-serif}input[type=text]{font-size:16px;width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{padding:.6rem 1rem;border:none;border-radius:4px;background-color:#2e8555;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .2s}button:hover{background-color:#27914b}button:disabled{background-color:#a5d6a7;cursor:not-allowed}.recipe{margin-top:2rem;text-align:left;background-color:#f9f9f9;padding:1rem;border-radius:4px;box-shadow:0 0 5px #0000001a}.error{color:red;margin-top:1rem}.image-preview{margin-top:1.5rem;text-align:center}.image-preview img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 0 5px #0000001a}.link-button{text-decoration:none;padding:.6rem 1rem;border-radius:4px;background-color:#2e8555;color:#fff;font-size:1rem;cursor:pointer;margin:.3rem;display:inline-block}.link-button:hover{background-color:#27914b}.recipe-skeleton{text-align:left}@media (max-width: 600px){.App{margin:1rem;padding:.5rem}input[type=text]{width:100%;margin:0 0 .5rem}button{width:100%}.recipe{padding:.75rem}.link-button{width:100%;box-sizing:border-box;margin:.25rem 0}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logo{text-decoration:none;color:#2e8555;font-size:1.5rem;font-weight:700}.profile-menu{position:relative;display:inline-block}.profile-icon{font-size:1.5rem;color:#2e8555;cursor:pointer}.dropdown{position:absolute;top:2.5rem;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;min-width:150px;box-shadow:0 2px 5px #00000026;z-index:100}.dropdown-header{padding:.75rem;font-weight:700;border-bottom:1px solid #ccc;text-align:left}.dropdown-item{width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;color:#333}.dropdown-item:hover{background-color:#f0f0f0}.recipe-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recipe-info p{margin:0;font-size:.9rem}.diff-added{background-color:#d4fcbc}.diff-removed{background-color:#fbb6c2;text-decoration:line-through}.login-container{max-width:400px;margin:2rem auto;padding:2rem;text-align:center;background-color:#f9f9f9;border-radius:4px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif}.login-container h1{margin-bottom:1.5rem;font-size:1.5rem}.login-container form{display:flex;flex-direction:column}.login-container input{margin-bottom:1rem;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.login-container button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s;margin-bottom:1rem}.login-button{background-color:#2e8555;color:#fff}.login-button:hover{background-color:#27914b}.signup-button{background-color:#4a90e2;color:#fff}.signup-button:hover{background-color:#357ab8}.login-container hr{margin:1.5rem 0;border:none;border-top:1px solid #ccc}.error{color:red;margin-bottom:1rem;font-size:.9rem}.toggle-auth{color:#2e8555;cursor:pointer;text-decoration:underline}@media (max-width: 600px){.login-container{margin:1rem;padding:1rem}.login-container h1{font-size:1.25rem}.login-container input,.login-container button{font-size:1rem;width:100%}}.spinner{display:flex;align-items:center;justify-content:center;height:100vh}.loader{border:8px solid #f3f3f3;border-top:8px solid #2e8555;border-radius:50%;width:60px;height:60px;animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}