@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.toast{position:fixed;z-index:9999;display:flex;align-items:center;gap:12px;min-width:320px;max-width:500px;padding:16px 20px;border-radius:12px;box-shadow:var(--shadow-xl);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-weight:var(--font-medium);font-size:var(--text-sm);line-height:var(--leading-normal);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-top-right{top:24px;right:24px}.toast-top-left{top:24px;left:24px}.toast-bottom-right{bottom:24px;right:24px}.toast-bottom-left{bottom:24px;left:24px}.toast-top-center{top:24px;left:50%;transform:translate(-50%)}.toast-bottom-center{bottom:24px;left:50%;transform:translate(-50%)}.toast-success{background:#10b981f2;color:#fff;border-color:#ffffff4d}.toast-error{background:#ef4444f2;color:#fff;border-color:#ffffff4d}.toast-warning{background:#f59e0bf2;color:#fff;border-color:#ffffff4d}.toast-info{background:#3b82f6f2;color:#fff;border-color:#ffffff4d}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.8;display:flex;align-items:center;justify-content:center}.toast-close:hover{opacity:1;background:#fff3}.toast-enter{animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1) forwards}.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.8)}}.toast-top-left.toast-enter,.toast-bottom-left.toast-enter{animation:toastSlideInLeft .3s cubic-bezier(.4,0,.2,1) forwards}.toast-top-left.toast-exit,.toast-bottom-left.toast-exit{animation:toastSlideOutLeft .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideInLeft{0%{opacity:0;transform:translate(-100%) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOutLeft{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-100%) scale(.8)}}.toast-top-center.toast-enter,.toast-bottom-center.toast-enter{animation:toastSlideInCenter .3s cubic-bezier(.4,0,.2,1) forwards}.toast-top-center.toast-exit,.toast-bottom-center.toast-exit{animation:toastSlideOutCenter .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideInCenter{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toastSlideOutCenter{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.8)}}@media (max-width: 480px){.toast{min-width:auto;max-width:calc(100vw - 32px);margin:0 16px}.toast-top-right,.toast-top-left,.toast-top-center{top:16px;left:16px;right:16px;transform:none}.toast-bottom-right,.toast-bottom-left,.toast-bottom-center{bottom:16px;left:16px;right:16px;transform:none}.toast-enter{animation:toastSlideInMobile .3s cubic-bezier(.4,0,.2,1) forwards}.toast-exit{animation:toastSlideOutMobile .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes toastSlideInMobile{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOutMobile{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.9)}}}@media (prefers-color-scheme: dark){.toast{background:#111827f2;border-color:#ffffff1a}.toast-success{background:#10b981e6}.toast-error{background:#ef4444e6}.toast-warning{background:#f59e0be6}.toast-info{background:#3b82f6e6}}@media (prefers-contrast: high){.toast{border-width:2px;border-style:solid}.toast-success{border-color:#10b981}.toast-error{border-color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-info{border-color:#3b82f6}}@media (prefers-reduced-motion: reduce){.toast{transition:none}.toast-enter,.toast-exit{animation:none}}.search-bar{position:relative;width:100%;max-width:600px}.search-bar form{display:flex;align-items:center;position:relative}.search-input{width:100%;padding:var(--spacing-sm) calc(var(--touch-target) + var(--spacing-sm)) var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:24px;font-size:1rem;outline:none;transition:border-color .3s;-webkit-appearance:none;appearance:none}.search-input:focus{border-color:var(--primary-color);box-shadow:var(--shadow-primary),0 0 0 3px #ff8c421a}.search-button{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:var(--spacing-sm);color:var(--text-light);font-size:1.25rem;transition:color .3s;min-width:var(--touch-target);min-height:var(--touch-target);display:flex;align-items:center;justify-content:center}.search-button:hover{color:var(--text-color)}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);max-height:60vh;overflow-y:auto;z-index:var(--z-dropdown);-webkit-overflow-scrolling:touch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.suggestion-loading{padding:var(--spacing-md);text-align:center;color:var(--text-light);font-size:var(--text-sm)}.suggestion-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:background-color .3s;position:relative;min-height:var(--touch-target)}.suggestion-item:hover,.suggestion-item:active{background-color:var(--bg-color)}.suggestion-item.history{border-left:3px solid #4caf50}.suggestion-item.popular{border-left:3px solid #ff6b6b}.suggestion-item.recipe{border-left:3px solid #2196f3}.suggestion-icon{min-width:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.suggestion-text{flex:1;font-size:var(--text-sm);color:var(--text-color);line-height:var(--leading-normal)}.suggestion-badge{font-size:var(--text-xs);padding:2px 8px;border-radius:12px;background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:var(--font-medium);text-transform:uppercase}.suggestion-item.popular .suggestion-badge{background-color:#fee;color:#c33}.suggestion-item.history .suggestion-badge{background-color:#efd;color:#373}@media (min-width: 769px){.search-bar{position:relative!important;margin:0 auto}}.recent-searches-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:var(--bg-secondary);margin:-1px -1px 0;border-radius:var(--radius-md) var(--radius-md) 0 0}.recent-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.clear-all-btn{background:none;border:none;color:var(--primary-color);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease}.clear-all-btn:hover{background:#ff8c421a;color:var(--primary-hover)}.recent-item{position:relative;border-left:3px solid var(--primary-color)}.recent-item .suggestion-icon{color:var(--primary-color)}.remove-recent-btn{background:none;border:none;color:var(--text-lighter);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease,background-color .2s ease}.recent-item:hover .remove-recent-btn{opacity:1}.remove-recent-btn:hover{background:var(--bg-hover);color:var(--error-color)}.suggestion-item{animation:slideInSuggestion .2s ease-out;transform:translateY(0)}@keyframes slideInSuggestion{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-suggestions.recent-searches .suggestion-item:nth-child(1){animation-delay:.05s}.search-suggestions.recent-searches .suggestion-item:nth-child(2){animation-delay:.1s}.search-suggestions.recent-searches .suggestion-item:nth-child(3){animation-delay:.15s}.search-suggestions.recent-searches .suggestion-item:nth-child(4){animation-delay:.2s}@media (max-width: 768px){.search-bar{max-width:none;width:100%}.search-bar.search-visible{position:static}.search-suggestions{position:fixed;top:120px;left:var(--spacing-md);right:var(--spacing-md);max-height:calc(100vh - 140px)}.search-bar form{width:100%}.recent-searches-header{padding:var(--spacing-sm) var(--spacing-md)}.clear-all-btn{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.user-verification-badge{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#1da1f2;color:#fff;border-radius:50%;border:3px solid white;box-shadow:0 3px 8px #00000040;z-index:10;pointer-events:none}.user-verification-badge.small{width:16px;height:16px;bottom:-2px;right:-2px}.user-verification-badge.medium{width:24px;height:24px;bottom:-3px;right:-3px}.user-verification-badge.large{width:32px;height:32px;bottom:-4px;right:-4px}.user-verification-badge.xlarge{width:42px;height:42px;bottom:-6px;right:-6px}.verification-icon{width:60%;height:60%;color:#fff}.user-verification-badge:hover{transform:scale(1.1);transition:transform .2s ease}@keyframes verificationPulse{0%{transform:scale(1);box-shadow:0 2px 4px #00000026}50%{transform:scale(1.1);box-shadow:0 4px 8px #1da1f266}to{transform:scale(1);box-shadow:0 2px 4px #00000026}}.user-verification-badge.animate{animation:verificationPulse 2s ease-in-out 3}.user-verification-badge:focus{outline:2px solid #1da1f2;outline-offset:2px}@media (prefers-contrast: high){.user-verification-badge{border-width:3px;box-shadow:0 0 0 1px #000}}@media (prefers-reduced-motion: reduce){.user-verification-badge{animation:none;transition:none}.user-verification-badge:hover{transform:none}}.user-avatar-component{display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;background-color:#ff8c42!important;color:#fff!important;font-weight:700!important;overflow:hidden!important;box-shadow:0 1px 3px #0003!important;aspect-ratio:1 / 1!important;object-position:center!important;object-fit:cover!important;line-height:1!important;position:relative!important}.user-avatar-component *{border-radius:50%!important}.user-avatar-component.small{width:32px!important;height:32px!important;font-size:14px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}.user-avatar-component.medium{width:40px!important;height:40px!important;font-size:18px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.user-avatar-component.large{width:64px!important;height:64px!important;font-size:28px!important;min-width:64px!important;min-height:64px!important;max-width:64px!important;max-height:64px!important}.user-avatar-component.xlarge{width:120px!important;height:120px!important;font-size:48px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;aspect-ratio:1 / 1!important;object-fit:cover!important;box-shadow:0 6px 20px #0000001f!important}.user-avatar-component img,.avatar-image{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important}.avatar-letter{text-transform:uppercase;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff!important;font-weight:700!important;text-shadow:none!important}.language-selector-desktop{position:relative;display:inline-block}.language-selector-desktop-trigger{display:flex;align-items:center;gap:6px;background:none;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:6px 10px;border-radius:6px;transition:all .2s ease;height:32px;color:#52525b;font-weight:500;font-size:12px;min-width:70px}.language-selector-desktop-trigger:hover{background-color:#0000000a;border-color:#00000026}.language-selector-desktop-trigger:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d;border-color:#3b82f6}.language-selector-desktop-flag{font-size:14px;line-height:1}.language-selector-desktop-text{letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.language-selector-desktop-chevron{transition:transform .2s ease;color:#6b7280;flex-shrink:0}.language-selector-desktop-chevron.open{transform:rotate(180deg)}.language-selector-desktop-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:200px;z-index:1000;overflow:hidden;animation:language-dropdown-enter .2s ease-out}@keyframes language-dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-selector-desktop-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;transition:background-color .15s ease;text-align:left}.language-selector-desktop-option:hover{background-color:#f8fafc}.language-selector-desktop-option.active{background-color:#eff6ff;color:#1d4ed8}.language-selector-desktop-option-flag{font-size:16px;line-height:1;flex-shrink:0}.language-selector-desktop-option-names{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.language-selector-desktop-option-native{font-size:14px;font-weight:500;color:#111827;line-height:1.2}.language-selector-desktop-option-english{font-size:12px;color:#6b7280;line-height:1.2}.language-selector-desktop-check{color:#10b981;flex-shrink:0}.language-selector-mobile-trigger{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:12px 16px;width:100%;color:#374151;font-size:16px;transition:background-color .15s ease;border-radius:8px}.language-selector-mobile-trigger:hover{background-color:#f3f4f6}.language-selector-mobile-text{flex:1;text-align:left}.language-selector-mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;animation:language-overlay-enter .3s ease-out}@keyframes language-overlay-enter{0%{opacity:0}to{opacity:1}}.language-selector-mobile-modal{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:16px 16px 0 0;z-index:2001;max-height:70vh;display:flex;flex-direction:column;animation:language-modal-enter .3s ease-out}@keyframes language-modal-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.language-selector-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.language-selector-mobile-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.language-selector-mobile-close{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;font-size:24px;line-height:1;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.language-selector-mobile-close:hover{background-color:#f3f4f6}.language-selector-mobile-options{padding:8px 0 24px;overflow-y:auto;flex:1}.language-selector-mobile-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;background:none;border:none;cursor:pointer;transition:background-color .15s ease;text-align:left}.language-selector-mobile-option:hover{background-color:#f8fafc}.language-selector-mobile-option.active{background-color:#eff6ff;color:#1d4ed8}.language-selector-option-content{display:flex;align-items:center;gap:12px;flex:1}.language-selector-flag{font-size:20px;line-height:1;flex-shrink:0}.language-selector-names{display:flex;flex-direction:column;gap:2px}.language-selector-native{font-size:16px;font-weight:500;color:#111827;line-height:1.3}.language-selector-english{font-size:14px;color:#6b7280;line-height:1.3}.language-selector-check{color:#10b981;flex-shrink:0}.rtl .language-selector-desktop-dropdown{right:auto;left:0}.rtl .language-selector-desktop-option,.rtl .language-selector-mobile-text,.rtl .language-selector-mobile-option{text-align:right}@media (max-width: 480px){.language-selector-desktop-trigger{min-width:60px}.language-selector-desktop-text{max-width:50px}.language-selector-desktop-dropdown{min-width:180px}}@media (prefers-contrast: high){.language-selector-desktop-trigger{border-color:#000}.language-selector-desktop-dropdown{border-color:#000;box-shadow:0 4px 12px #0000004d}}@media (prefers-reduced-motion: reduce){.language-selector-desktop-chevron,.language-selector-desktop-trigger,.language-selector-desktop-option,.language-selector-mobile-trigger,.language-selector-mobile-option{transition:none}.language-selector-desktop-dropdown,.language-selector-mobile-overlay,.language-selector-mobile-modal{animation:none}}.mobile-menu{position:fixed;top:0;left:0;width:100%;max-width:320px;height:100%;background-color:#fff;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2000;box-shadow:2px 0 10px #0000001a;overflow-y:auto;overflow-x:hidden}.mobile-menu.open{transform:translate(0)}.rtl .mobile-menu{right:0;left:auto;transform:translate(100%)}.rtl .mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #f0f0f0;background-color:#fff;position:sticky;top:0;z-index:10}.mobile-menu-logo{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#18181b}.mobile-menu-close{background:none;border:none;cursor:pointer;padding:6px;color:#71717a;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.mobile-menu-close:hover{background-color:#0000000d;color:#18181b}.rtl .mobile-menu-header{flex-direction:row-reverse}.mobile-menu-user{padding:20px;background-color:#f8f8f8;border-bottom:1px solid #f0f0f0}.mobile-menu-user-info{display:flex;align-items:center;gap:12px}.mobile-menu-user-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%!important}.mobile-menu-user-avatar .user-avatar-component{border-radius:50%!important}.mobile-menu-user-details{flex:1}.mobile-menu-user-name{font-size:16px;font-weight:600;color:#333;margin-bottom:2px}.mobile-menu-user-email{font-size:14px;color:#666}.rtl .mobile-menu-user-info{flex-direction:row-reverse}.rtl .mobile-menu-user-details{text-align:right}.mobile-menu-items{padding:10px 0}.mobile-menu-item{display:flex;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;color:#52525b;transition:all .2s ease;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:16px;font-weight:500}.mobile-menu-item:hover{background-color:#0000000a;color:#18181b}.mobile-menu-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#71717a;transition:color .2s ease}.mobile-menu-item:hover .mobile-menu-item-icon{color:#18181b}.mobile-menu-item-text{flex:1;letter-spacing:.01em}.rtl .mobile-menu-item{flex-direction:row-reverse;text-align:right}.mobile-menu-separator{height:1px;background-color:#f0f0f0;margin:10px 0}.mobile-menu-footer{margin-top:auto;padding:20px;border-top:1px solid #f0f0f0;background-color:#fff}.mobile-menu-language{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#f5f5f5;border-radius:8px;border:none;cursor:pointer;font-size:16px;color:#333;width:100%;transition:background-color .2s}.mobile-menu-language:hover{background-color:#e8e8e8}.rtl .mobile-menu-language{flex-direction:row-reverse;text-align:right}.mobile-menu-logout{margin-top:12px;color:#dc3545;font-weight:500}.mobile-menu-logout:hover{background-color:#fee}.mobile-menu-auth{display:flex;flex-direction:column;gap:12px}.mobile-menu-login,.mobile-menu-signup{display:block;width:100%;padding:12px 24px;text-align:center;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s;font-size:16px}.mobile-menu-login{background-color:#f5f5f5;color:#333;border:1px solid #e0e0e0}.mobile-menu-login:hover{background-color:#e8e8e8}.mobile-menu-signup{background-color:#065fd4;color:#fff;border:1px solid #065fd4}.mobile-menu-signup:hover{background-color:#0556c3}.mobile-menu-overlay{position:fixed;inset:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1999}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRTL{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu.open{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}.rtl .mobile-menu.open{animation:slideInRTL .3s cubic-bezier(.4,0,.2,1)}.mobile-menu,.mobile-menu-header,.mobile-menu-items,.mobile-menu-footer{background-color:#fff!important}@media (prefers-color-scheme: dark){.mobile-menu,.mobile-menu-header,.mobile-menu-items,.mobile-menu-footer{background-color:#fff!important;color:#333!important}}.comment-notifications{position:relative;display:inline-block}.notification-button{position:relative;background:none;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.notification-button:hover{background:#0000000d;transform:scale(1.05)}.notification-button:active{transform:scale(.95)}.notification-button.active{background:#3b82f61a}.notification-icon{color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);stroke-width:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.notification-button:hover .notification-icon{color:#3b82f6;stroke-width:2.5;transform:rotate(-10deg)}.notification-button.active .notification-icon{color:#3b82f6;stroke-width:2.5}.notification-button:has(.notification-badge) .notification-icon{animation:bellRing 2s ease-in-out infinite}@keyframes bellRing{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.notification-badge{position:absolute;top:-2px;right:-2px;background:red;color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:1}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;width:380px;max-height:500px;z-index:1000;overflow:hidden;margin-top:8px}.notification-dropdown:before{content:"";position:absolute;top:-6px;right:16px;width:12px;height:12px;background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}.notification-header{padding:16px 20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mark-all-read-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-read-btn:hover{background:#eff6ff;color:#2563eb}.notification-list{max-height:400px;overflow-y:auto}.notification-loading{display:flex;flex-direction:column;align-items:center;padding:30px 20px;color:#6b7280}.notification-loading p{margin:8px 0 0;font-size:14px}.loading-spinner.small{width:20px;height:20px;border-width:2px}.no-notifications{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#9ca3af}.no-notifications-icon{font-size:32px;margin-bottom:12px;opacity:.7}.no-notifications p{margin:0;font-size:14px;text-align:center}.notification-item{display:flex;align-items:flex-start;padding:12px 20px;text-decoration:none;color:inherit;border-bottom:1px solid #f3f4f6;transition:background-color .2s;gap:12px}.notification-item.unread{background:#fefbfe;border-left:3px solid #3b82f6}.notification-icon-wrapper{position:relative;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:50%}.notification-type-icon{font-size:16px}.unread-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#3b82f6;border-radius:50%;border:2px solid white}.notification-message{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4;margin-bottom:4px}.notification-preview{font-size:13px;color:#6b7280;line-height:1.3;margin-bottom:4px;font-style:italic;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:12px;color:#9ca3af}.mark-read-btn{flex-shrink:0;background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;opacity:0}.notification-item:hover .mark-read-btn{opacity:1}.mark-read-btn:hover{background:#f3f4f6;color:#3b82f6}.notification-footer{padding:12px 20px;border-top:1px solid #f3f4f6;background:#f9fafb;text-align:center}.view-all-link{color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.view-all-link:hover{color:#2563eb}.comment-notifications[dir=rtl] .notification-dropdown{right:auto;left:0}.comment-notifications[dir=rtl] .notification-dropdown:before{right:auto;left:16px}.comment-notifications[dir=rtl] .notification-badge{right:auto;left:-2px}.comment-notifications[dir=rtl] .notification-item.unread{border-left:none;border-right:3px solid #3b82f6}.comment-notifications[dir=rtl] .unread-dot{right:auto;left:-2px}@media (max-width: 768px){.notification-dropdown{width:320px;max-width:calc(100vw - 40px)}.notification-item{padding:10px 16px;gap:10px}.notification-header{padding:12px 16px}.notification-header h3{font-size:15px}.mark-all-read-btn{font-size:12px}.notification-message{font-size:13px}.notification-preview{font-size:12px}}@media (max-width: 480px){.notification-dropdown{width:300px;position:fixed;top:60px;right:10px;left:10px;width:auto}.comment-notifications[dir=rtl] .notification-dropdown{left:10px;right:10px}.notification-dropdown:before{display:none}.notification-icon-wrapper{width:28px;height:28px}.notification-type-icon{font-size:14px}}@media (prefers-contrast: high){.notification-dropdown{border:2px solid #000}.notification-item{border-bottom:1px solid #666}.notification-item.unread{border-left:4px solid #0066cc}.comment-notifications[dir=rtl] .notification-item.unread{border-left:none;border-right:4px solid #0066cc}}@media (prefers-reduced-motion: reduce){.notification-button,.mark-all-read-btn,.mark-read-btn,.notification-item{transition:none}.notification-button:has(.notification-badge) .notification-icon{animation:none}.notification-button:hover .notification-icon{transform:none}}@supports (-webkit-touch-callout: none){.notification-dropdown{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.notification-header{background:#f9fafb!important}.notification-list{background:#fff!important}.notification-footer{background:#f9fafb!important}.notification-item{background:#fff}.notification-item:hover{background:#f9fafb!important}.notification-item.unread{background:#fefbfe!important}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.notification-dropdown{background:#fff!important;-webkit-backdrop-filter:none!important}}}.social-share-container{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.share-title{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600;color:var(--text-color);text-align:center}.share-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.share-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;color:#fff;cursor:pointer;transition:all .2s ease;background:var(--bg-color);position:relative;overflow:hidden;min-height:var(--touch-target)}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.share-button:active{transform:translateY(0)}.share-button svg{flex-shrink:0}.share-button.whatsapp{background:#25d366}.share-button.whatsapp:hover{background:#1da851}.share-button.facebook{background:#1877f2}.share-button.facebook:hover{background:#0c63d4}.share-button.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-button.instagram:hover{background:linear-gradient(45deg,#d8822d,#cf5d36,#c5203c,#b51d5a,#a5157a)}.share-button.native-share{background:var(--primary-color)}.share-button.native-share:hover{background:var(--primary-hover)}@media (max-width: 768px){.social-share-container{margin-top:var(--spacing-lg);padding:var(--spacing-md);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0;border-left:none;border-right:none}.share-title{font-size:1rem}.share-buttons{gap:var(--spacing-xs)}.share-button{flex:1;min-width:0;padding:var(--spacing-sm);justify-content:center}.share-button span{display:none}.share-button svg{width:20px;height:20px}}@media (min-width: 769px){.share-button{min-width:120px}}[dir=rtl] .share-button{flex-direction:row-reverse}.share-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.share-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.share-button:active:after{width:100%;height:100%}.request-recipe-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;z-index:1001;width:90vw;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.modal-header{padding:1.5rem 3rem 1rem 1.5rem;border-bottom:1px solid #f0f0f0;position:relative}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a;line-height:1.3}.modal-close-btn{position:absolute;top:.75rem;right:.75rem;background:#fffffff2;border:1px solid #e0e0e0;width:32px;height:32px;border-radius:50%;font-size:1rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.modal-close-btn:hover{background:#e0e0e0;color:#333}.modal-content{padding:1.5rem 3rem 1.5rem 1.5rem}.feature-description{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;color:#6c757d;font-size:.875rem;line-height:1.5;text-align:center}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;gap:1rem}.step{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease}.step.active{background:#007bff;color:#fff}.step.completed{background:#28a745;color:#fff}.step-line{width:60px;height:2px;background:#e0e0e0;transition:all .3s ease}.step-line.completed{background:#28a745}.message-section{margin-bottom:2rem}.message-label{display:block;margin-bottom:.75rem;font-weight:600;color:#1a1a1a;font-size:1rem}.message-input{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#1a1a1a;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box;resize:vertical;min-height:80px;font-family:inherit;line-height:1.4}.message-input:focus{outline:none;border-color:#007bff}.character-count{font-size:.75rem;color:#666;text-align:right;margin-top:.25rem}.link-section{margin-bottom:2rem}.link-label{display:block;margin-bottom:.75rem;font-weight:600;color:#1a1a1a;font-size:1rem}.link-container{display:flex;gap:.5rem;margin-bottom:.5rem}.link-input{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;color:#1a1a1a;background-color:#f8f9fa;font-family:monospace;overflow:hidden;text-overflow:ellipsis}.copy-btn{white-space:nowrap;min-width:80px}.link-info{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.info-section{margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.info-item{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#1a1a1a;line-height:1.4}.info-item:last-child{margin-bottom:0}.info-item svg{color:#007bff;flex-shrink:0;margin-top:.1rem}.info-item span{flex:1;word-wrap:break-word;overflow-wrap:break-word}.share-section{margin-bottom:2rem}.error-message{display:flex;align-items:center;gap:.5rem;background-color:#fff5f5;border:2px solid #fc8181;border-radius:8px;padding:.75rem;margin-bottom:1.5rem;color:#c53030;font-size:.875rem;animation:shake .5s ease-in-out}.error-icon{font-size:1rem;flex-shrink:0}@media (max-width: 768px){.request-recipe-modal{max-width:none;width:100%;max-height:95vh;border-radius:12px;margin:.5rem}.modal-header{padding:1rem 2.5rem 1rem 1rem}.modal-close-btn{top:.5rem;right:.5rem;width:28px;height:28px;font-size:.9rem}.modal-content{padding:1rem 2.5rem 1rem 1rem}.step-indicator{margin-bottom:1.5rem}.step{width:28px;height:28px;font-size:.75rem}.step-line{width:40px}.link-container{flex-direction:column;gap:.75rem}.copy-btn{width:100%}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%;order:2}.modal-actions button[variant=primary]{order:1}.info-section{margin-right:-1.5rem;margin-left:-1rem;padding-right:2.5rem}.info-item{padding-right:.5rem;word-wrap:break-word;overflow-wrap:break-word;font-size:.8rem;line-height:1.3}.info-item span{flex:1;min-width:0;word-break:break-word;hyphens:auto}.info-item svg{flex-shrink:0;margin-top:.1rem;align-self:flex-start}}[dir=rtl] .modal-close-btn{right:auto;left:.75rem}[dir=rtl] .modal-header{padding:1.5rem 1.5rem 1rem 3rem}[dir=rtl] .feature-description{text-align:center;direction:rtl}@media (max-width: 480px){.feature-description{font-size:.8125rem;padding:.875rem 1rem;margin-bottom:1.25rem}}[dir=rtl] .modal-content{padding-left:3rem;padding-right:1.5rem}[dir=rtl] .info-section{border-left:none;border-right:4px solid #007bff}@media (max-width: 768px){[dir=rtl] .modal-close-btn{left:.5rem;right:auto}[dir=rtl] .modal-content{padding-left:2.5rem;padding-right:1rem}[dir=rtl] .modal-actions{flex-direction:column}[dir=rtl] .info-section{margin-left:-1.5rem;margin-right:-1rem;padding-left:2.5rem;padding-right:1rem}[dir=rtl] .info-item{padding-left:.5rem;padding-right:0}}@media (max-width: 480px){.info-section{padding:.75rem;margin-bottom:1.5rem}.info-item{font-size:.75rem;line-height:1.3;margin-bottom:.4rem}.info-item svg{width:14px;height:14px}.modal-title{font-size:1.1rem}.message-input{font-size:.9rem}}.header{position:fixed;top:0;left:0;right:0;background-color:#fff;border-bottom:1px solid #e5e5e5;z-index:1000;height:calc(56px + var(--safe-area-inset-top));padding-top:var(--safe-area-inset-top)}.header-container{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 max(16px,var(--safe-area-inset-left)) 0 max(16px,var(--safe-area-inset-right));max-width:100%}.header-left,.header-center,.header-right{display:flex;align-items:center}.header-left{flex:0 0 auto;gap:12px}.header-center{flex:1 1 auto;justify-content:center;max-width:600px;margin:0 16px}.header-right{flex:0 0 auto;gap:8px}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#333;font-weight:600;font-size:18px}.logo span:first-child{font-size:24px}.logo-image{height:32px;width:auto;object-fit:contain}.logo-text{display:none}@media (min-width: 480px){.logo-text{display:inline}}.mobile-menu-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s}.mobile-menu-button:hover{background-color:#f5f5f5}.hamburger-line{width:18px;height:2px;background-color:#666;margin:3px 0;transition:all .3s ease}.mobile-menu-button.menu-open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-menu-button.menu-open .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.menu-open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.create-dropdown-container{position:relative;display:inline-block}.create-button{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--primary-color);color:#fff;text-decoration:none;border:none;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);height:36px;box-shadow:0 1px 3px #0000001a;cursor:pointer}.create-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.create-icon{display:flex;align-items:center;justify-content:center}.create-text{display:none}.create-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;overflow:hidden;animation:dropdownFadeIn .15s ease-out}.create-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-color);transition:background-color .2s ease}.create-dropdown-item:hover{background-color:var(--bg-secondary)}.dropdown-icon{font-size:16px;width:20px;text-align:center}.dropdown-text{flex:1}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[dir=rtl] .create-dropdown{right:auto;left:0}@media (min-width: 768px){.create-text{display:inline}}@media (max-width: 767px){.create-dropdown{min-width:180px;right:-8px}.create-dropdown-item{padding:14px 16px;font-size:15px}.dropdown-icon{font-size:18px;width:22px}[dir=rtl] .create-dropdown{right:auto;left:-8px}}.language-toggle{background:none;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:center;color:#52525b;font-weight:500;font-size:12px}.language-toggle:hover{background-color:#0000000a;border-color:#00000026}.language-text{letter-spacing:.02em}.user-menu{position:relative}.user-button{background:none;border:none;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.user-button:hover{opacity:.9}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:160px;overflow:hidden}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;padding:10px 16px;text-align:left;background:none;border:none;cursor:pointer;color:#333;text-decoration:none;transition:background-color .2s;font-size:14px}.dropdown-menu a:hover,.dropdown-menu button:hover{background-color:#f5f5f5}.login-button{padding:6px 14px;background-color:#065fd4;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;font-size:14px;transition:background-color .2s;height:36px;display:flex;align-items:center}.login-button:hover{background-color:#0556c3}.mobile-search-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:8px;transition:all .2s ease;color:#52525b}.mobile-search-toggle:hover{background-color:#0000000a;color:#18181b}.mobile-search-back{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#52525b;border-radius:8px;transition:all .2s ease}.mobile-search-back:hover{background-color:#0000000a;color:#18181b}@media (max-width: 767px){.header-container.search-expanded{padding:0 8px}.header-container.search-expanded .header-center{display:flex;flex:1}.header-container.search-expanded .header-right>*{display:none!important}.header-center.expanded{flex:1;margin:0 8px}.search-bar.mobile-expanded{display:block!important;width:100%}}.mobile-search-overlay{position:fixed;inset:0;background-color:#fff;z-index:2000;padding:20px;display:flex;flex-direction:column}.mobile-search-header{display:flex;justify-content:flex-end;margin-bottom:20px}.search-close{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.search-close:hover{background-color:#f5f5f5}@media (max-width: 767px){.desktop-only{display:none!important}.header-center{display:none}}@media (min-width: 768px){.mobile-menu-button,.mobile-search-toggle{display:none!important}.header-center{display:flex}}.rtl .header-container{direction:rtl}.rtl .logo{margin-left:12px;margin-right:0}.rtl .dropdown-menu a,.rtl .dropdown-menu button{text-align:right}.search-bar{width:100%;max-width:480px}@media (max-width: 767px){.rtl .header-left{order:3}.rtl .header-right{order:1}.rtl .header-center{order:2}}.recipe-card-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.recipe-card{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md),inset 0 1px #ffffff4d;border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;flex:1;isolation:isolate;box-sizing:border-box;position:relative}.recipe-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-hover),inset 0 1px #fff6;border-color:#ffffff4d;background:#fffffffa}.recipe-card:hover:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:1}.recipe-card:active{transform:scale(.96);transition:transform .15s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-active)}@media (hover: none) and (pointer: coarse){.recipe-card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.recipe-card:hover{transform:none;box-shadow:var(--shadow-md)}.recipe-card:active{transform:scale(.94);box-shadow:var(--shadow-sm)}}.recipe-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(255,140,66,.1) 0%,transparent 70%);opacity:0;transform:scale(0);transition:transform .6s ease,opacity .3s ease;z-index:1;pointer-events:none}.recipe-card:active:before{opacity:1;transform:scale(1);transition:transform 0s,opacity 0s}.recipe-card-image{position:relative;width:100%;padding-bottom:75%;overflow:hidden}@media (min-width: 768px){.recipe-card-image{padding-bottom:60%}}.recipe-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:brightness(1) saturate(1)}.recipe-card:hover .recipe-card-image img{transform:scale(1.1);filter:brightness(1.1) saturate(1.2)}.no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%);color:var(--text-lighter)}.no-image span{font-size:5rem;transform:scale(.8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;will-change:transform}.trending-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--primary-color);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700}.recipe-delete-btn{position:absolute!important;top:var(--spacing-sm)!important;left:var(--spacing-sm)!important;background-color:#fffffff2!important;color:#e74c3c!important;border:1px solid rgba(231,76,60,.2)!important;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:10!important;transition:all .2s ease!important;padding:0!important;margin:0!important;line-height:1!important;text-align:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0000001a!important}.recipe-delete-btn:hover{background-color:#e74c3c!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #e74c3c4d!important;border-color:#e74c3c!important}.recipe-delete-btn:active{transform:scale(.95)!important;box-shadow:0 1px 4px #e74c3c66!important}.recipe-card-content{padding:20px;flex:1;display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:0;max-height:100%;overflow:hidden;box-sizing:border-box;position:relative;z-index:2;background:#ffffff1a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.recipe-card-content h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6em;min-height:2.6em;max-height:2.6em;word-break:break-word;overflow-wrap:break-word;hyphens:auto;width:100%;box-sizing:border-box}.recipe-footer{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);background-color:#00000005;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));margin-bottom:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md);padding-bottom:var(--spacing-md)}.recipe-author-small{display:inline-block;text-decoration:none;color:var(--text-lighter);font-size:.7rem;transition:color .2s ease;cursor:pointer}.recipe-author-small:hover{color:var(--text-secondary);text-decoration:underline}.author-by{margin-right:4px}[dir=rtl] .author-by,.rtl .author-by{margin-right:0;margin-left:4px}.author-name-small{font-weight:500;color:var(--text-secondary)}.recipe-category{margin-bottom:8px}.category-badge{display:inline-block;padding:6px 12px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease;height:26px;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;vertical-align:middle}.category-more{background:#6c757d26;color:#6c757d;border-color:#6c757d4d;box-shadow:0 2px 8px #6c757d1a;min-width:32px;padding:4px 8px}.category-breakfast{background:#ffc10726;color:#b8860b;border-color:#ffc1074d;box-shadow:0 2px 8px #ffc1071a}.category-lunch{background:#20c99726;color:#0d9488;border-color:#20c9974d;box-shadow:0 2px 8px #20c9971a}.category-dinner{background:#ef444426;color:#dc2626;border-color:#ef44444d;box-shadow:0 2px 8px #ef44441a}.category-dessert{background:#8b451326;color:#8b4513;border-color:#8b45134d;box-shadow:0 2px 8px #8b45131a}.category-snack{background:#22c55e26;color:#16a34a;border-color:#22c55e4d;box-shadow:0 2px 8px #22c55e1a}.category-beverage{background:#3b82f626;color:#2563eb;border-color:#3b82f64d;box-shadow:0 2px 8px #3b82f61a}.category-appetizer{background:#fb923c26;color:#ea580c;border-color:#fb923c4d;box-shadow:0 2px 8px #fb923c1a}.category-salad{background:#22c55e26;color:#15803d;border-color:#22c55e4d;box-shadow:0 2px 8px #22c55e1a}.category-soup{background:#c2185b26;color:#c2185b;border-color:#c2185b4d;box-shadow:0 2px 8px #c2185b1a}.category-maincourse{background:#6366f126;color:#6366f1;border-color:#6366f14d;box-shadow:0 2px 8px #6366f11a}.recipe-description{margin:0 0 var(--spacing-sm) 0;font-size:.875rem;color:var(--text-light);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:3.6em;min-height:3.6em;max-height:3.6em;word-break:break-word;overflow-wrap:break-word;hyphens:auto;width:100%;box-sizing:border-box}.recipe-info{flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);margin-top:auto;width:100%;box-sizing:border-box;min-height:1.5em;padding-bottom:var(--spacing-xs)}.icon-modern{color:#65676b;transition:color .2s ease;flex-shrink:0;margin-right:6px}.icon-modern:hover{color:#42474d}.icon-rating{color:#1877f2}.icon-rating:hover{color:#166fe5}.info-item{display:flex;align-items:center}[dir=rtl] .icon-modern,.rtl .icon-modern{margin-right:0;margin-left:6px}.difficulty-easy{color:#65676b}.difficulty-easy .icon-modern{color:#42b883}.difficulty-medium{color:#65676b}.difficulty-medium .icon-modern{color:#ff8c00}.difficulty-hard{color:#65676b}.difficulty-hard .icon-modern{color:#e74c3c}.info-item.rating{color:#65676b}.info-item.rating .icon-rating{color:gold}.recipe-stats{font-size:.75rem;color:var(--text-lighter);margin-top:var(--spacing-sm);width:100%;box-sizing:border-box;min-height:1em;overflow:hidden;text-overflow:ellipsis}@media (max-width: 480px){.recipe-card-content{padding:var(--spacing-sm)}.recipe-card-content h3{font-size:1rem;height:2.6em;min-height:2.6em;max-height:2.6em}.recipe-description{font-size:.8125rem;-webkit-line-clamp:2;height:2.3em;min-height:2.3em;max-height:2.3em}.info-item{font-size:.8125rem;max-width:45%;height:1.5em;min-height:1.5em}.recipe-stats{font-size:.6875rem;width:100%;flex-wrap:wrap;height:1em;min-height:1em}.recipe-card-wrapper,.recipe-card{height:100%;overflow:hidden}[dir=rtl] .recipe-card-content h3,html[lang=he] .recipe-card-content h3{word-break:break-word;white-space:normal}[dir=rtl] .recipe-card-content,html[lang=he] .recipe-card-content{overflow:hidden}[dir=rtl] .recipe-card .info-item,html[lang=he] .recipe-card .info-item{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-badges{gap:4px}.category-badge{font-size:.6875rem;padding:3px 8px;height:20px;max-width:80px}.category-more{min-width:28px;padding:3px 6px}}.skeleton-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.04)}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%;border-radius:0}.skeleton-content{padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton-title{height:24px;width:85%;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}.skeleton-category{height:20px;width:60px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}.skeleton-description{display:flex;flex-direction:column;gap:8px}.skeleton-line{height:16px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}.skeleton-line:first-child{width:100%}.skeleton-line-short{width:70%}.skeleton-info{display:flex;gap:16px;align-items:center}.skeleton-info-item{height:16px;width:50px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}.skeleton-author{height:16px;width:120px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}@media (max-width: 480px){.skeleton-image{height:160px}.skeleton-content{padding:12px;gap:10px}.skeleton-title{height:20px}.skeleton-info{gap:12px}.skeleton-info-item{width:40px;height:14px}}@media (prefers-color-scheme: dark){.skeleton-card{background:#1a1a1a;border-color:#ffffff1a}.skeleton-image,.skeleton-title,.skeleton-category,.skeleton-line,.skeleton-info-item,.skeleton-author{background:linear-gradient(90deg,#2a2a2a 25%,transparent 37%,#2a2a2a 63%);background-size:400% 100%}}@media (prefers-contrast: high){.skeleton-image,.skeleton-title,.skeleton-category,.skeleton-line,.skeleton-info-item,.skeleton-author{background:linear-gradient(90deg,#e0e0e0 25%,transparent 37%,#e0e0e0 63%);background-size:400% 100%}}.skeleton-grid-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.skeleton-title{height:32px;width:200px;margin-bottom:24px;border-radius:8px;background:linear-gradient(90deg,#f0f0f0 25%,transparent 37%,#f0f0f0 63%);background-size:400% 100%}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:32px}@media (max-width: 768px){.skeleton-grid-container{padding:0 12px}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:24px}.skeleton-title{height:28px;margin-bottom:20px}}@media (max-width: 480px){.skeleton-grid{grid-template-columns:1fr 1fr;gap:12px}.skeleton-title{height:24px;margin-bottom:16px}}.shimmer{animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@media (prefers-color-scheme: dark){.skeleton-title{background:linear-gradient(90deg,#2a2a2a 25%,transparent 37%,#2a2a2a 63%);background-size:400% 100%}}@media (prefers-reduced-motion: reduce){.shimmer{animation:none;background:#f0f0f0}@media (prefers-color-scheme: dark){.shimmer{background:#2a2a2a}}}.recipe-grid-container{max-width:var(--container-xl);margin:0 auto;padding:calc(56px + var(--safe-area-inset-top) + var(--spacing-lg)) max(var(--spacing-md),var(--safe-area-inset-left)) calc(60px + var(--safe-area-inset-bottom) + var(--spacing-lg)) max(var(--spacing-md),var(--safe-area-inset-right));min-height:calc(100vh - 56px - 60px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.recipe-grid-container.recipe-grid-empty-state{min-height:auto;padding-bottom:var(--spacing-md)}.recipe-grid-title{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--text-color)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);justify-content:center;align-content:start;grid-auto-rows:1fr;contain:layout style}.recipe-grid-loading,.recipe-grid-loading-more,.recipe-grid-end{text-align:center;padding:var(--spacing-lg);color:var(--text-light)}.recipe-grid-loading{min-height:50vh;display:flex;align-items:center;justify-content:center}.recipe-grid-loading span,.recipe-grid-loading-more span{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (max-width: 768px){.recipe-grid-container{padding:var(--spacing-md)}.recipe-grid-title{font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.recipe-grid{gap:var(--spacing-md)}}@media (max-width: 1024px) and (min-width: 641px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 640px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,45vw),1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.recipe-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,42vw),1fr));gap:var(--spacing-sm);grid-auto-rows:1fr;align-items:stretch;margin-bottom:var(--spacing-lg)}.recipe-grid-title{font-size:var(--text-lg)}.rtl .recipe-grid,html[lang=he] .recipe-grid{grid-auto-flow:dense}}@media (max-width: 360px){.recipe-grid{grid-template-columns:1fr;gap:var(--spacing-md);max-width:100%}}@media (min-width: 1200px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1400px;margin:0 auto var(--spacing-xl) auto}}@media (min-width: 1600px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1600px}}.recipe-grid-loading-more{margin-top:var(--spacing-lg)}.recipe-grid-skeleton-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--spacing-lg);opacity:.7}@media (max-width: 1024px) and (min-width: 641px){.recipe-grid-skeleton-more{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}}@media (max-width: 640px){.recipe-grid-skeleton-more{grid-template-columns:repeat(auto-fill,minmax(min(200px,45vw),1fr));gap:var(--spacing-md)}}@media (max-width: 480px){.recipe-grid-skeleton-more{grid-template-columns:repeat(auto-fit,minmax(min(160px,42vw),1fr));gap:var(--spacing-sm)}}@media (min-width: 1200px){.recipe-grid-skeleton-more{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl)}}.trending-tags{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--radius-lg)}.trending-tags h2{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:700;color:var(--text-color)}.trending-tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.trending-tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:8px 14px;background-color:var(--bg-white);border:2px solid #e0e0e0;border-radius:25px;text-decoration:none;color:var(--text-color);font-size:.875rem;transition:all .2s ease}.trending-tag:hover{border-color:var(--primary-color);background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.tag-name{font-weight:500}.tag-count{font-size:.75rem;color:var(--text-light);background-color:var(--bg-color);padding:2px 8px;border-radius:12px}@media (max-width: 768px){.trending-tags{padding:var(--spacing-md)}.trending-tags h2{font-size:1.125rem}.trending-tags-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.trending-tags-list::-webkit-scrollbar{display:none}.trending-tag{font-size:.75rem;padding:6px 12px;flex:0 0 auto}}.home{min-height:100vh;background-color:var(--bg-color)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--bg-white);text-align:center;padding:var(--spacing-xl) var(--spacing-md)}@media (min-width: 768px){.hero{padding:calc(var(--spacing-xxl) * 2) var(--spacing-lg)}}.hero h1{margin:0 0 var(--spacing-md) 0;font-size:2rem;font-weight:700;line-height:1.2}@media (min-width: 768px){.hero h1{font-size:3rem}}.hero p{margin:0 auto;font-size:1.125rem;opacity:.9;max-width:600px;line-height:1.5}@media (min-width: 768px){.hero p{font-size:1.25rem}}@media (max-width: 480px){.hero{padding:var(--spacing-lg) var(--spacing-sm)}.hero h1{font-size:1.5rem}.hero p{font-size:1rem;padding:0 var(--spacing-sm)}}.signup-promotion{background:linear-gradient(135deg,#fff5f2,#ffe8e0);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-lg) var(--spacing-md);text-align:center;box-shadow:0 4px 12px #ff8c421a;animation:slideUp .5s ease-out}.signup-promotion h2{margin:0 0 var(--spacing-sm) 0;font-size:1.5rem;font-weight:700;color:var(--text-color)}.signup-promotion p{margin:0 0 var(--spacing-md) 0;font-size:1rem;line-height:1.6;color:var(--text-light);max-width:500px;margin-left:auto;margin-right:auto}.signup-promotion-button{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff8c424d;min-height:var(--touch-target)}.signup-promotion-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #ff8c4266}.signup-promotion-button:active{transform:translateY(0)}@media (max-width: 768px){.signup-promotion{margin:var(--spacing-md) var(--spacing-sm);padding:var(--spacing-md)}.signup-promotion h2{font-size:1.25rem}.signup-promotion p{font-size:.875rem}.signup-promotion-button{width:100%;max-width:250px}}[dir=rtl] .signup-promotion{text-align:center}.no-recipes-message{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);max-width:600px;margin:0 auto;animation:fadeIn .3s ease-out}.no-recipes-message .empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.no-recipes-message h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-sm) 0}.no-recipes-message p{font-size:1rem;color:var(--text-light);margin:0 0 var(--spacing-lg) 0;line-height:1.5}.browse-all-btn{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff8c424d;min-height:var(--touch-target)}.browse-all-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #ff8c4266}.browse-all-btn:active{transform:translateY(0)}@media (max-width: 768px){.no-recipes-message{padding:var(--spacing-xl) var(--spacing-sm)}.no-recipes-message .empty-icon{font-size:3rem}.no-recipes-message h2{font-size:1.25rem}.no-recipes-message p{font-size:.875rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e9ecef);padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top));padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom));position:relative}.auth-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,140,66,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,140,66,.05) 0%,transparent 50%);pointer-events:none}.auth-form{background-color:var(--bg-white);border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px;position:relative;overflow:hidden}.auth-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-hover))}@media (max-width: 480px){.auth-form{padding:32px 24px;box-shadow:0 10px 40px #0000001a;border-radius:16px;max-width:none;margin:0 auto}}.auth-logo{text-align:center;margin-bottom:24px}.auth-logo .logo-icon{font-size:48px;display:block;margin-bottom:8px;animation:bounce 2s ease-in-out infinite}.auth-logo .auth-logo-image{width:120px;height:80px;display:block;margin:0 auto 24px;object-fit:contain}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-logo h1{font-size:28px;font-weight:800;color:var(--primary-color);margin:0;letter-spacing:-1px}.auth-form h2{margin:0 0 12px;font-size:1.5rem;font-weight:600;text-align:center;color:var(--text-color);letter-spacing:-.5px}.auth-subtitle{margin:0 0 32px;font-size:.9rem;color:var(--text-secondary);text-align:center;line-height:1.5}@media (max-width: 480px){.auth-form h2{font-size:1.5rem;margin-bottom:var(--spacing-md)}}.error-message{background-color:#fee;color:#c33;border:1px solid #fcc;border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center;font-size:.875rem;font-weight:500;animation:shake .5s ease-in-out}.success-message{background-color:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9;border-radius:8px;padding:16px 20px;margin-bottom:20px;font-size:.95rem;text-align:center;line-height:1.5;animation:fadeIn .3s ease-in-out}.success-message p{margin:0;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:16px}.form-group:last-of-type{margin-bottom:24px}.form-actions{margin-bottom:20px;text-align:right}.forgot-password-link{color:var(--primary-color);font-size:.875rem;text-decoration:none;font-weight:500;transition:all .2s ease}.forgot-password-link:hover{color:var(--primary-hover);text-decoration:underline}.auth-description{color:var(--text-light);font-size:.95rem;text-align:center;margin-bottom:24px;line-height:1.5}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color);font-size:.875rem;letter-spacing:.5px}.form-group input{width:100%;padding:12px 20px;border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;outline:none;transition:all .3s ease;min-height:44px;background-color:#f8f9fa;box-sizing:border-box;-webkit-appearance:none;appearance:none}.form-group input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #ff8c421a}.submit-button{width:100%;padding:12px 20px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:44px;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 12px #ff8c424d;letter-spacing:.3px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266}.submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff8c424d}.submit-button:disabled{background:linear-gradient(135deg,#ccc,#aaa);cursor:not-allowed;box-shadow:none;transform:none}.secondary-button{width:100%;padding:12px 20px;background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:44px;margin-top:12px;-webkit-tap-highlight-color:transparent}.secondary-button:hover{background-color:var(--primary-light);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #ff8c4233}.secondary-button:active{transform:translateY(0);box-shadow:none}.secondary-button:disabled{background-color:#f8f9fa;color:#aaa;border-color:#e9ecef;cursor:not-allowed;transform:none}.auth-divider{text-align:center;margin:24px 0;position:relative}.auth-divider span{background-color:var(--bg-white);padding:0 16px;color:#6c757d;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);z-index:-1}.verification-content{width:100%;text-align:center}.verification-info{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:24px;text-align:center}.verification-content .submit-button{margin-bottom:12px}.verification-content .secondary-button{margin-top:0;margin-bottom:24px}.verification-tips{margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef;text-align:right}.verification-tips h3{font-size:.875rem;color:var(--text-color);margin-bottom:12px;font-weight:600}.verification-tips ul{list-style:none;padding:0;margin:0}.verification-tips li{font-size:.875rem;color:var(--text-light);margin-bottom:8px;padding-right:20px;position:relative}.verification-tips li:before{content:"•";position:absolute;right:0;color:var(--primary-color);font-weight:700}.rtl .verification-tips{text-align:right}.rtl .verification-tips li{padding-right:20px;padding-left:0}.rtl .verification-tips li:before{right:0;left:auto}.verification-content input{width:100%;padding:12px 20px;border:2px solid #e9ecef;border-radius:10px;font-size:.95rem;outline:none;transition:all .3s ease;min-height:44px;background-color:#f8f9fa;box-sizing:border-box;margin-bottom:16px;-webkit-appearance:none;appearance:none}.verification-content input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #ff8c421a}.google-button{width:100%;padding:14px 24px;background-color:#fff;color:#3c4043;border:2px solid #dadce0;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.google-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#4285f4,#34a853,#fbbc04,#ea4335);opacity:0;transition:opacity .3s ease}.google-button:hover{border-color:#4285f4;background-color:#f8f9fa;box-shadow:0 1px 3px #4285f44d}.google-button:hover:before{opacity:.05}.google-button:active{background-color:#e8f0fe;transform:scale(.98)}.google-button:disabled{opacity:.6;cursor:not-allowed}.google-icon{flex-shrink:0;position:relative;z-index:1}.auth-link{text-align:center;margin-top:24px;color:#6c757d;font-size:.875rem}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:600;padding:4px 8px;display:inline-block;transition:all .2s ease;border-radius:4px}.auth-link a:hover{background-color:#ff8c421a;text-decoration:none}.nickname-hint{color:var(--text-light);font-size:.875rem;margin-bottom:var(--spacing-md);text-align:center;line-height:1.4}@media (max-width: 480px){.auth-container{padding:20px;align-items:center;background:#fff}.auth-container:before{display:none}.submit-button,.google-button{font-size:1rem;padding:16px 24px;min-height:52px}.auth-form h2{font-size:1.625rem}.form-group{margin-bottom:20px}}.button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.google-button .spinner{border-color:#4285f44d;border-top-color:#4285f4}.username-preview{margin-top:8px;font-size:.875rem;color:var(--text-secondary)}.username-preview strong{color:var(--primary-color);font-weight:600}.rtl .form-actions{text-align:left}.rating-display-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-md) 0;padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d}.rating-sections{display:flex;gap:var(--spacing-xl);align-items:stretch;flex-wrap:wrap;justify-content:center}.cook-rating-section,.interest-rating-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:#fff;border-radius:var(--radius-md);min-width:140px;box-shadow:0 1px 3px #0000001a;transition:transform .2s}.cook-rating-section:hover,.interest-rating-section:hover{transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.rating-value{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--text-color);line-height:1}.rating-icon{font-size:1.5rem}.rating-number{color:var(--primary-color)}.rating-label{font-size:.9rem;color:var(--text-light);text-align:center;line-height:1.2;font-weight:500}.no-ratings{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--text-light);font-style:italic;padding:var(--spacing-lg);text-align:center;width:100%}.no-ratings .rating-icon{font-size:2rem;opacity:.5}.no-ratings-text{font-size:1rem;font-weight:500}.rate-recipe-button{align-self:center;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-full);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);box-shadow:0 2px 6px #ff6b6b4d}.rate-recipe-button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}@media (max-width: 480px){.rating-display-container{padding:var(--spacing-md)}.rating-sections{gap:var(--spacing-md);justify-content:center;width:100%}.cook-rating-section,.interest-rating-section{min-width:110px;padding:var(--spacing-sm) var(--spacing-md);flex:1}.rating-value{font-size:1.25rem}.rating-icon{font-size:1.375rem}.rating-label{font-size:.8rem}.rate-recipe-button{width:100%;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}}[dir=rtl] .rating-display-container{direction:rtl}[dir=rtl] .rating-sections,[dir=rtl] .rating-value{flex-direction:row-reverse}.rating-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out;padding-bottom:60px}.rating-modal-container{background:var(--bg-white);width:100%;max-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -4px 20px #00000026;animation:slideUp .3s ease-out;max-height:calc(100vh - 100px);overflow-y:auto;position:relative}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-white);z-index:1}.rating-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-color)}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .2s}.close-button:hover{color:var(--text-color)}.rating-modal-content{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom) + 80px)}.question{font-size:1.125rem;font-weight:500;text-align:center;margin-bottom:var(--spacing-lg);color:var(--text-color)}.choice-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.choice-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-white);cursor:pointer;transition:all .2s;font-size:1rem;font-weight:500;color:var(--text-color)}.choice-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.choice-button:disabled{opacity:.6;cursor:not-allowed}.choice-button.made-it{border-color:var(--primary-color)}.choice-button.made-it:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.choice-button.browsing{border-color:#64b5f6}.choice-button.browsing:hover:not(:disabled){background-color:#64b5f6;color:#fff}.choice-button .emoji{font-size:1.75rem}.rating-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.rating-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-white);cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500;color:var(--text-color);text-align:left}.rating-option:hover:not(:disabled){transform:translate(4px);box-shadow:0 2px 8px #0000001a}.rating-option:disabled{opacity:.6;cursor:not-allowed}.rating-option .emoji{font-size:1.5rem;min-width:2rem}.rating-option.excellent:hover:not(:disabled){border-color:#4caf50;background-color:#e8f5e9}.rating-option.good:hover:not(:disabled){border-color:#8bc34a;background-color:#f1f8e9}.rating-option.okay:hover:not(:disabled){border-color:#ff9800;background-color:#fff3e0}.rating-option.not-great:hover:not(:disabled){border-color:#ff5722;background-color:#fbe9e7}.rating-option.bad:hover:not(:disabled){border-color:#f44336;background-color:#ffebee}.rating-option.will-try:hover:not(:disabled){border-color:#9c27b0;background-color:#f3e5f5}.rating-option.looks-good:hover:not(:disabled){border-color:#2196f3;background-color:#e3f2fd}.rating-option.unsure:hover:not(:disabled){border-color:#607d8b;background-color:#eceff1}.rating-option.not-appealing:hover:not(:disabled){border-color:#795548;background-color:#efebe9}.back-button{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:none;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;transition:all .2s;font-size:.875rem;display:block;margin-left:auto;margin-right:auto}.back-button:hover:not(:disabled){border-color:var(--text-light);color:var(--text-color)}@media (min-width: 768px){.rating-modal-backdrop{align-items:center;padding-bottom:0}.rating-modal-container{width:90%;max-width:500px;border-radius:var(--radius-lg);animation:fadeInScale .3s ease-out;margin:var(--spacing-lg)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.choice-buttons{flex-direction:row;justify-content:center}.choice-button{flex:1;max-width:200px}.rating-option:hover:not(:disabled){transform:translate(0) translateY(-2px)}}[dir=rtl] .rating-option{text-align:right}[dir=rtl] .rating-option:hover:not(:disabled){transform:translate(-4px)}@media (min-width: 768px){[dir=rtl] .rating-option:hover:not(:disabled){transform:translate(0) translateY(-2px)}}.youtube-player-container{margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.video-section-title{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:600;color:var(--text-color);text-align:center}.youtube-player-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-md);background-color:#000;box-shadow:0 4px 12px #0000001a}.youtube-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-md)}@media (max-width: 768px){.youtube-player-container{margin:var(--spacing-lg) calc(-1 * var(--spacing-md));padding:var(--spacing-md);border-radius:0;border-left:none;border-right:none}.video-section-title{font-size:1.125rem;margin-bottom:var(--spacing-sm)}.youtube-player-wrapper,.youtube-player{border-radius:var(--radius-sm)}}@media (min-width: 1024px){.youtube-player-container{margin:var(--spacing-xxl) 0}.video-section-title{font-size:1.5rem}}.youtube-player-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:1;opacity:0;transition:opacity .3s}.youtube-player-wrapper.loading:before{opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}[dir=rtl] .video-section-title{text-align:center}.you-might-like{background:var(--bg-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.you-might-like-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.you-might-like-header h2{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.you-might-like-header h2:before{content:"💡";font-size:1.25rem}.debug-refresh{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.debug-refresh:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.you-might-like-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;gap:var(--spacing-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.you-might-like-loading p{color:var(--text-secondary);font-size:.875rem;margin:0}.you-might-like-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;gap:var(--spacing-md);text-align:center}.you-might-like-error p{color:var(--text-secondary);margin:0}.retry-button{background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--primary-dark);transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.you-might-like-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) 0;text-align:center}.you-might-like-empty p{color:var(--text-secondary);font-style:italic;margin:0}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.recommendations-grid .recipe-card-wrapper{height:100%}.debug-info{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md)}.debug-info summary{font-weight:600;cursor:pointer;color:var(--text-color);margin-bottom:var(--spacing-sm)}.debug-info pre{font-size:.75rem;background:#fff;padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;margin:0;color:#374151}@media (max-width: 768px){.you-might-like{padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.you-might-like-header h2{font-size:1.25rem}.recommendations-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.debug-info{padding:var(--spacing-sm)}.debug-info pre{font-size:.7rem}}@media (max-width: 480px){.you-might-like{padding:var(--spacing-md);border-radius:var(--radius-md)}.you-might-like-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.recommendations-grid{gap:var(--spacing-sm)}}[dir=rtl] .you-might-like-header h2:before{order:2}[dir=rtl] .debug-info summary{text-align:right}.recommendations-grid .recipe-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.recommendations-grid .recipe-card:nth-child(1){animation-delay:.1s}.recommendations-grid .recipe-card:nth-child(2){animation-delay:.2s}.recommendations-grid .recipe-card:nth-child(3){animation-delay:.3s}.recommendations-grid .recipe-card:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ingredient-replacement-container{background-color:#f8f9fa;border-radius:12px;padding:24px;margin:24px 0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.ingredient-replacement-container:hover{box-shadow:0 4px 12px #00000014}.ingredient-replacement-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ingredient-replacement-header[dir=rtl]{flex-direction:row-reverse;justify-content:flex-end}.magic-icon{color:#7c3aed;width:24px;height:24px}.ingredient-replacement-header h3{margin:0;font-size:1.25rem;color:#1f2937}.ingredient-replacement-header[dir=rtl] h3{direction:rtl}.ingredient-replacement-description{color:#6b7280;margin-bottom:20px;font-size:.95rem;line-height:1.5}.loading-message{display:flex;align-items:center;gap:12px;padding:16px;background-color:#f3f4f6;border-radius:8px;color:#6b7280}.guest-message{display:flex;align-items:center;gap:12px;padding:16px;background-color:#e5e7eb;border-radius:8px;color:#4b5563}.lock-icon{width:20px;height:20px;color:#9ca3af}.guest-message p{margin:0;font-size:.95rem}.ingredient-dropdown-container{position:relative;width:100%;max-width:500px;margin-bottom:12px}.ingredient-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;color:#1f2937;cursor:pointer;transition:all .2s ease;min-height:48px}.ingredient-dropdown-trigger:hover:not(:disabled){border-color:#7c3aed}.ingredient-dropdown-trigger:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.ingredient-dropdown-trigger.open{border-color:#7c3aed;border-bottom-left-radius:0;border-bottom-right-radius:0}.ingredient-dropdown-trigger.has-selection{background-color:#7c3aed0d;border-color:#7c3aed}.dropdown-arrow{margin-left:12px;font-size:.75rem;transition:transform .2s ease;color:#6b7280}.ingredient-dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:2px solid #7c3aed;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:9999;max-height:350px;overflow:hidden;display:flex;flex-direction:column}.ingredient-search-container{padding:12px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.ingredient-search-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem;color:#1f2937;background-color:#fff;transition:border-color .2s ease}.ingredient-search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.ingredient-search-input::placeholder{color:#9ca3af}.ingredients-list{overflow-y:auto;max-height:270px}.ingredient-option{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:14px 16px;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6;min-height:48px}.ingredient-option:hover{background-color:#f9fafb}.ingredient-option.selected{background-color:#7c3aed1a;color:#6d28d9;font-weight:500}.ingredient-option:last-child{border-bottom:none}.ingredient-text{flex:1;font-size:.95rem;color:inherit;margin-right:8px;line-height:1.4;word-wrap:break-word}.selected-indicator{margin-left:8px;margin-top:2px;color:#7c3aed;font-weight:700;font-size:1rem;flex-shrink:0}.no-results{padding:16px;text-align:center;color:#6b7280;font-size:.9rem;font-style:italic}.spinner{width:20px;height:20px;border:2px solid #ffffff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.requests-remaining{font-size:.875rem;color:#6b7280;margin-bottom:16px}.error-message{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:12px;font-size:.875rem}.replacement-result{background-color:#fff;padding:16px;border-radius:8px;margin-top:16px;border:2px solid #e5e7eb}.result-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#374151}[dir=rtl] .result-header,.result-header[dir=rtl]{flex-direction:row-reverse!important;justify-content:flex-end!important}.result-icon{width:20px;height:20px;color:#7c3aed}.replacement-text{margin:0 0 12px;color:#1f2937;line-height:1.6;font-size:1rem}.ai-disclaimer{margin:0;font-size:.85rem;color:#6b7280;font-style:italic;line-height:1.4;border-top:1px solid #e5e7eb;padding-top:8px}.rate-limit-message{background-color:#fef3c7;color:#d97706;padding:12px 16px;border-radius:8px;margin-top:12px;font-size:.875rem;text-align:center}.loading-indicator{display:flex;align-items:center;gap:8px;justify-content:center;padding:12px;color:#6b7280}[dir=rtl] .ingredient-replacement-header{flex-direction:row-reverse}[dir=rtl] .guest-message{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .result-header,.replacement-result[dir=rtl] .result-header{flex-direction:row-reverse!important;justify-content:flex-end!important}[dir=rtl] .ingredient-dropdown-trigger,[dir=rtl] .selected-text{text-align:right}[dir=rtl] .dropdown-arrow{margin-left:0;margin-right:12px}[dir=rtl] .ingredient-option{text-align:right}[dir=rtl] .ingredient-text{margin-right:0;margin-left:8px}[dir=rtl] .selected-indicator{margin-left:0;margin-right:8px}@media (prefers-color-scheme: dark){.ingredient-replacement-container{background-color:#1f2937}.ingredient-replacement-header h3{color:#f3f4f6}.ingredient-replacement-description{color:#9ca3af}.guest-message{background-color:#374151;color:#d1d5db}.ingredient-input{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.ingredient-input:focus{border-color:#a78bfa}.replacement-result{background-color:#374151;border-color:#4b5563}.result-header{color:#e5e7eb}.replacement-text{color:#f3f4f6}}@media (max-width: 640px){.ingredient-replacement-container{padding:16px;margin:16px 0}.ingredient-dropdown-container{max-width:100%}.ingredient-dropdown-trigger{padding:14px 16px;font-size:1rem;min-height:50px}.ingredient-dropdown-menu{max-height:280px}.ingredients-list{max-height:200px}.ingredient-option{padding:14px 16px;min-height:48px}.ingredient-text{font-size:1rem}}.comment-section{margin-top:30px;padding:20px 0}.comment-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.comments-title-wrapper{display:flex;align-items:center;gap:10px}.mobile-toggle-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s}.mobile-toggle-btn:hover{background-color:#f3f4f6}.toggle-arrow{font-size:12px;color:#6b7280;transition:transform .2s;display:inline-block}.toggle-arrow.collapsed{transform:rotate(-90deg)}.toggle-arrow.expanded{transform:rotate(0)}.comments-title{font-size:20px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:8px}.comment-count{color:#6b7280;font-weight:400;font-size:16px}.comment-sort{position:relative}.sort-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;outline:none}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.new-comment-container{margin-bottom:30px}.comment-input-wrapper{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.comment-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:60px;max-height:200px;outline:none;transition:border-color .2s}.comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comment-input::placeholder{color:#9ca3af}.comment-submit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.cancel-btn{padding:8px 16px;background:transparent;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.submit-btn{padding:8px 16px;background:#3b82f6;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:#2563eb}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-prompt{text-align:center;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:30px}.login-prompt p{color:#6b7280;margin:0;font-size:14px}.comments-list{space-y:16px}.comment-item{display:flex;gap:12px;margin-bottom:16px;padding:16px 0}.comment-reply{margin-left:44px;padding-left:16px;border-left:2px solid #e5e7eb}.comment-avatar{flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.comment-author{font-weight:600;color:#1f2937;font-size:13px}.comment-time{color:#6b7280;font-size:12px}.edited-indicator{color:#9ca3af;font-size:12px;font-style:italic}.comment-text{color:#374151;font-size:14px;line-height:1.5;margin-bottom:8px;word-wrap:break-word;white-space:pre-wrap}.comment-actions{display:flex;align-items:center;gap:16px}.action-btn{background:none;border:none;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;padding:6px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:4px}.action-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.like-btn.disabled{cursor:not-allowed;opacity:.6}.like-btn.disabled:hover{background:transparent;color:#6b7280}.like-btn.disabled .knife-icon{transform:none}.like-btn{position:relative}.like-btn.liked{color:#dc2626}.knife-icon{font-size:14px;transition:transform .2s}.like-btn:hover .knife-icon{transform:scale(1.1)}.like-count{font-size:12px;font-weight:500}.delete-btn{color:#dc2626}.delete-btn:hover{background:#fee2e2;color:#b91c1c}.report-menu{position:relative}.report-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:10;min-width:120px;overflow:hidden}.report-dropdown button{width:100%;padding:8px 12px;background:none;border:none;text-align:left;font-size:12px;color:#374151;cursor:pointer;transition:background-color .2s}.report-dropdown button:hover{background:#f3f4f6}.reply-input-container{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px}.reply-input-wrapper{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.reply-input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:40px;max-height:120px;outline:none}.reply-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.reply-actions{display:flex;justify-content:flex-end;gap:8px}.reply-actions .cancel-btn,.reply-actions .submit-btn{padding:6px 12px;font-size:12px}.replies-section{margin-top:12px}.toggle-replies-btn{background:none;border:none;color:#3b82f6;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;gap:6px}.toggle-replies-btn:hover{background:#eff6ff}.toggle-icon{transition:transform .2s;font-size:10px}.toggle-icon.expanded{transform:rotate(180deg)}.replies-list{margin-top:12px}.load-more-btn{width:100%;padding:12px 20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:20px}.load-more-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.comments-loading{text-align:center;padding:40px 20px;color:#6b7280}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.no-comments{text-align:center;padding:40px 20px;color:#6b7280}.no-comments p{margin:0 0 8px;font-size:14px}.no-comments p:last-child{font-size:13px;opacity:.8}.comment-section[dir=rtl]{text-align:right}.comment-section[dir=rtl] .comment-reply{margin-left:0;margin-right:44px;padding-left:0;padding-right:16px;border-left:none;border-right:2px solid #e5e7eb}.comment-section[dir=rtl] .comment-header,.comment-section[dir=rtl] .comment-actions,.comment-section[dir=rtl] .comment-submit-actions,.comment-section[dir=rtl] .reply-actions{justify-content:flex-start}.comment-section[dir=rtl] .report-dropdown{left:auto;right:0}.comment-section[dir=rtl] .report-dropdown button{text-align:right}@media (max-width: 768px){.comment-section{padding:15px 0}.comment-section-header{flex-direction:column;align-items:flex-start;gap:15px}.comments-title{font-size:18px}.comment-item{gap:10px;padding:12px 0}.comment-reply{margin-left:32px;padding-left:12px}.comment-section[dir=rtl] .comment-reply{margin-left:0;margin-right:32px;padding-left:0;padding-right:12px}.comment-input-wrapper{gap:8px}.comment-input,.reply-input{font-size:16px}.comment-actions{gap:12px;flex-wrap:wrap}.action-btn{font-size:11px;padding:4px 6px}.knife-icon{font-size:12px}}@media (max-width: 480px){.comment-item{gap:8px}.comment-reply{margin-left:24px;padding-left:8px}.comment-section[dir=rtl] .comment-reply{margin-left:0;margin-right:24px;padding-left:0;padding-right:8px}.comment-text{font-size:13px}.comment-submit-actions{flex-direction:column-reverse;gap:8px}.reply-actions{flex-direction:column-reverse;gap:6px}.cancel-btn,.submit-btn{width:100%;justify-content:center}}@media (prefers-contrast: high){.comment-input{border:2px solid #000}.comment-input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc4d}.action-btn{border:1px solid transparent}.action-btn:focus{border-color:#06c;outline:none}}@media (prefers-reduced-motion: reduce){.knife-icon,.toggle-icon,.loading-spinner{animation:none;transition:none}.action-btn,.comment-input,.submit-btn,.cancel-btn{transition:none}}.recipe-detail{max-width:800px;margin:0 auto;padding:var(--spacing-lg);padding-top:40px;background-color:var(--bg-white);min-height:100vh;position:relative;z-index:1;overflow-x:visible}@media (min-width: 768px){.recipe-detail{padding-top:80px;margin-top:20px}}@media (max-width: 768px){.recipe-detail{padding:var(--spacing-md);padding-top:20px;overflow-x:visible}}.recipe-header{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);position:relative}.recipe-title-wrapper{width:100%}.recipe-title-wrapper h1{margin:0;width:100%}.recipe-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-color);line-height:1.2;flex:1}@media (min-width: 768px){.recipe-header h1{font-size:2rem}}.favorite-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-white);border:2px solid #ff4757;border-radius:50px;cursor:pointer;font-size:.875rem;transition:all .3s;min-height:var(--touch-target);width:100%;max-width:200px;font-weight:500;align-self:flex-start;position:relative;z-index:10;color:#ff4757}@media (min-width: 768px){.favorite-button{width:auto;min-width:150px}}.favorite-button:hover{background-color:#fff5f6;transform:translateY(-1px);box-shadow:0 2px 8px #ff475733}.favorite-button:active{transform:translateY(0)}.favorite-button.active{background-color:#ff4757;border-color:#ff4757;color:#fff}.favorite-button.active:hover{background-color:#ff3838;border-color:#ff3838}.recipe-detail .recipe-actions{position:static!important;display:flex;gap:8px;margin-top:12px;align-items:center;flex-shrink:0;align-self:flex-start;width:auto;bottom:auto!important;right:auto!important;opacity:1!important;z-index:auto!important}@media (min-width: 768px){.recipe-detail .recipe-actions{margin-top:16px}}.action-button{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-decoration:none;outline:none;position:relative;width:32px;height:32px;font-size:16px;opacity:.6}.action-button:hover{opacity:1;background-color:#0000000d}.recipe-detail .recipe-actions .edit-button{background:none!important;color:inherit;padding:8px!important;border-radius:6px!important;min-height:auto!important;white-space:normal!important;width:32px!important;height:32px!important}.recipe-detail .recipe-actions .delete-button{color:inherit}@media (min-width: 768px){.action-button{width:36px;height:36px;padding:10px}.recipe-actions .edit-button{width:36px!important;height:36px!important;padding:10px!important;font-size:16px!important}}.action-button:active{transform:translateY(0)}.recipe-images{margin-bottom:var(--spacing-lg)}.main-image{width:100%;height:250px;overflow:hidden;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}@media (min-width: 768px){.main-image{height:400px}}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:var(--spacing-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.image-thumbnails::-webkit-scrollbar{display:none}.thumbnail{min-width:60px;width:60px;height:60px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:none;padding:0;transition:border-color .3s}@media (min-width: 768px){.thumbnail{min-width:80px;width:80px;height:80px}}.thumbnail:hover{border-color:#e0e0e0}.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.recipe-categories-container{margin-bottom:var(--spacing-md);padding:0 var(--spacing-md)}.recipe-categories{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;align-items:center}.category-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:1px solid #2196f3;border-radius:25px;font-size:14px;font-weight:600;color:#1976d2;transition:all .3s ease;box-shadow:0 2px 4px #2196f31a}.category-pill:hover{transform:translateY(-1px);box-shadow:0 4px 8px #2196f333;background:linear-gradient(135deg,#bbdefb,#e1bee7)}.category-icon{font-size:16px;color:#1976d2}.category-name{white-space:nowrap}@media (max-width: 768px){.recipe-categories-container{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm)}.category-pill{padding:6px 12px;font-size:13px;border-radius:20px}.category-icon{font-size:14px}}[dir=rtl] .recipe-categories{justify-content:flex-start}[dir=rtl] .category-pill{flex-direction:row-reverse}.recipe-meta-container{position:relative;background:#fff;padding:12px 0;margin-bottom:var(--spacing-lg);display:block;width:100%;overflow:hidden;contain:layout style}.recipe-meta-container:before,.recipe-meta-container:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:5}.recipe-meta-container:before{left:0;background:linear-gradient(to right,white 0%,transparent 100%)}.recipe-meta-container:after{right:0;background:linear-gradient(to left,white 0%,transparent 100%)}.recipe-meta{display:flex!important;gap:8px;overflow-x:auto!important;overflow-y:visible!important;scroll-behavior:smooth;padding:0 60px;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex-wrap:nowrap!important;justify-content:flex-start;width:100%;-webkit-overflow-scrolling:touch;min-width:100%;box-sizing:border-box}.recipe-meta::-webkit-scrollbar{display:none}.meta-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.meta-scroll-arrow:hover{box-shadow:0 4px 12px #00000026}.meta-scroll-arrow span{font-size:24px;line-height:1;color:#606060}.meta-scroll-arrow.left{left:8px}.meta-scroll-arrow.right{right:8px}@media (min-width: 769px){.recipe-meta-container{padding:20px var(--spacing-lg);overflow:visible}.recipe-meta-container:before,.recipe-meta-container:after{display:none}.recipe-meta{padding:0;overflow-x:visible;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1200px;margin:0 auto}.meta-item{padding:12px 20px;font-size:15px;font-weight:600}.meta-scroll-arrow{display:none}}@media (max-width: 768px){.recipe-meta-container{padding:8px 0;overflow-x:auto}.recipe-meta-container:before,.recipe-meta-container:after{display:block;width:40px}.recipe-meta{padding:0 45px;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.meta-item{padding:6px 12px;font-size:13px;flex:0 0 auto}.meta-scroll-arrow{width:32px;height:32px;background:#fffffff2;backdrop-filter:blur(4px);border:1px solid rgba(224,224,224,.8);box-shadow:0 2px 8px #00000026}.meta-scroll-arrow.left{left:6px}.meta-scroll-arrow.right{right:6px}.meta-scroll-arrow span{font-size:20px;font-weight:700;color:#333}}.meta-item{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f2f2f2;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;color:#030303;transition:all .2s ease;flex-shrink:0!important;flex:0 0 auto!important}.meta-item:hover{background:#e5e5e5}.meta-item .icon{font-size:16px;line-height:1}.meta-item.dietary-item{background:#e8f5e8;color:#2d5a2d;border:1px solid #4caf50}.meta-item.dietary-item:hover{background:#d4edda}.meta-item.dietary-item .icon{color:#4caf50}[dir=rtl] .recipe-meta-container{direction:rtl}[dir=rtl] .meta-scroll-arrow.left{left:auto;right:8px}[dir=rtl] .meta-scroll-arrow.right{right:auto;left:8px}[dir=rtl] .meta-scroll-arrow.left span,[dir=rtl] .meta-scroll-arrow.right span{transform:rotate(180deg)}@media (min-width: 768px){.meta-item .icon{font-size:20px}}.recipe-description,.recipe-detail-description{font-size:1rem;line-height:1.6;color:var(--text-light);margin-bottom:var(--spacing-lg);white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;height:auto;min-height:auto;max-height:none;word-break:normal;word-wrap:break-word;display:block}.recipe-rating{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-md);text-align:center}.recipe-rating h3{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600;color:var(--text-color);text-align:center}@media (min-width: 768px){.recipe-rating h3{font-size:1.25rem}}.rating-display{text-align:center;margin-bottom:var(--spacing-md)}.rating-section{margin-bottom:var(--spacing-sm)}.rating-type{padding:var(--spacing-sm);background-color:var(--bg-white);border-radius:var(--spacing-sm);margin-bottom:var(--spacing-xs);border:1px solid var(--border-color)}.rating-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.rating-count{font-size:.75rem;color:var(--text-light);margin-top:4px}.interest-score{display:flex;align-items:center;gap:var(--spacing-sm)}.interest-bar{flex:1;height:8px;background-color:var(--bg-color);border-radius:4px;overflow:hidden;position:relative}.interest-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);transition:width .3s ease;border-radius:4px}.interest-value{font-size:.875rem;font-weight:600;color:var(--text-color);min-width:40px}.rate-recipe-button{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm)}.rate-recipe-button:hover{background-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b33}.rate-recipe-button:active{transform:translateY(0)}@media (min-width: 768px){.rating-display{flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-lg)}.rating-section{flex:1;flex-direction:row;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.rating-type{flex:1;min-width:200px;text-align:center}.rate-recipe-button{align-self:center}}.recipe-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.recipe-content{grid-template-columns:1fr 1fr}}.ingredients-section,.instructions-section{background-color:var(--bg-color);padding:var(--spacing-md);border-radius:var(--radius-md)}@media (min-width: 768px){.ingredients-section,.instructions-section{padding:var(--spacing-lg)}}.ingredients-section h2,.instructions-section h2{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:600;color:var(--text-color)}@media (min-width: 768px){.ingredients-section h2,.instructions-section h2{font-size:1.5rem}}.ingredients-section ul{margin:0;padding:0;list-style:none}.ingredients-section li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:.875rem}@media (min-width: 768px){.ingredients-section li{font-size:1rem}}.ingredients-section li:last-child{border-bottom:none}.instructions-section ol{margin:0;padding:0;list-style:none;counter-reset:step}.instructions-section li{position:relative;padding:var(--spacing-sm) 0 var(--spacing-sm) 2rem;counter-increment:step;font-size:.875rem;line-height:1.6}@media (min-width: 768px){.instructions-section li{font-size:1rem}}.instructions-section li:before{content:counter(step);position:absolute;left:0;top:var(--spacing-sm);width:1.5rem;height:1.5rem;background-color:var(--primary-color);color:var(--bg-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.recipe-tags{margin-bottom:var(--spacing-lg)}.recipe-tags h3{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600;color:var(--text-color)}@media (min-width: 768px){.recipe-tags h3{font-size:1.25rem}}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-light);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tag:last-child{margin-right:0}[dir=rtl] .tag{margin-right:0;margin-left:var(--spacing-sm)}[dir=rtl] .tag:last-child{margin-left:0}.clickable-tag{text-decoration:none;transition:all .2s ease;cursor:pointer}.recipe-date-added{margin-bottom:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.date-added-text{margin:0;font-size:.875rem;color:var(--text-light);font-style:italic}@media (min-width: 768px){.date-added-text{font-size:.9375rem}}.clickable-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.recipe-author{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border-radius:0;margin-bottom:var(--spacing-lg);border-bottom:1px solid #e5e7eb}.author-link{display:flex;align-items:flex-start;gap:12px;text-decoration:none;color:inherit;flex:1}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar .user-avatar-component{width:100%!important;height:100%!important;border-radius:50%!important}.author-info{flex:1;min-width:0}.author-info h4{margin:0 0 4px;font-size:15px;font-weight:500;color:#0f0f0f;line-height:1.3}.author-stats{display:flex;gap:8px;margin-bottom:8px}.author-stat-pill{background:#f2f2f2;color:#606060;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:400;white-space:nowrap}.author-info p,.author-stat,.author-stat strong,.stat-icon,.author-stat-divider{display:none}.recipe-author .follow-button{padding:8px 16px!important;background:#0f0f0f!important;color:#fff!important;border:none!important;border-radius:18px!important;font-size:14px!important;font-weight:500!important;cursor:pointer;transition:background-color .2s;height:36px!important;min-width:90px!important;margin:0!important;width:auto!important;max-width:none!important;transform:none!important;flex-shrink:0}.recipe-author .follow-button:hover{background:#272727!important;transform:none!important}.recipe-author .follow-button.following{background:#f2f2f2!important;color:#0f0f0f!important;border:1px solid #d4d4d4!important}.recipe-author .follow-button.following:hover{background:#e5e5e5!important;transform:none!important}.recipe-author .follow-button:disabled{opacity:.5;cursor:not-allowed}.recipe-date{font-size:.875rem;color:var(--text-secondary);margin-left:auto}@media (max-width: 768px){.recipe-author{padding:12px;gap:10px}.author-link{gap:10px}.author-avatar{width:36px;height:36px}.author-info h4{font-size:14px}.author-stats{gap:6px}.author-stat-pill{font-size:11px;padding:1px 6px}.recipe-author .follow-button{padding:6px 12px!important;font-size:13px!important;height:32px!important;min-width:80px!important;border-radius:16px!important}}.loading,.error,.not-found{text-align:center;padding:var(--spacing-xxl);font-size:1.125rem;color:var(--text-light)}.error{color:var(--error-color)}@media (max-width: 480px){.recipe-header h1{font-size:1.5rem}.main-image{height:200px}.recipe-meta{grid-template-columns:1fr;gap:var(--spacing-sm)}.ingredients-section li,.instructions-section li{font-size:.8125rem}.tag{font-size:.75rem;padding:2px 8px}}.restricted-content{margin:var(--spacing-lg) 0;padding:var(--spacing-xxl);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;text-align:center;box-shadow:0 8px 32px #0000001a;border:2px solid #e2e8f0;min-height:70vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:100;width:100%;opacity:1}.lock-message{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:500px;text-align:center}[dir=rtl] .lock-message{display:flex;flex-direction:column;align-items:center;text-align:center}[dir=rtl] .lock-message h3{text-align:center}[dir=rtl] .lock-message p{text-align:right}[dir=rtl] .lock-message .lock-icon{text-align:center;margin:0 auto var(--spacing-lg) auto;display:block}[dir=rtl] .unlock-button{margin:var(--spacing-lg) auto 0 auto;display:block;text-align:center}.lock-message .lock-icon{color:#ff6b35;margin-bottom:var(--spacing-lg);opacity:.9;text-align:center;display:block;width:100%}.lock-message .lock-icon svg{margin:0 auto;display:block}.lock-message h3{margin:0 0 var(--spacing-lg) 0;font-size:2rem;font-weight:700;color:#1a202c;text-shadow:0 1px 2px rgba(0,0,0,.1);text-align:center}.lock-message p{margin:0;font-size:1.1rem;color:#4a5568;line-height:1.6;max-width:400px}.recipe-preview{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:left;width:100%;max-width:400px}.recipe-preview h4{margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;font-weight:600;color:#2d3748}.recipe-preview p{margin:0;font-size:.95rem;color:#718096;line-height:1.5}[dir=rtl] .recipe-preview,[dir=rtl] .recipe-preview h4,[dir=rtl] .recipe-preview p{text-align:right}.unlock-button{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:16px 32px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md);box-shadow:0 4px 16px #ff6b354d;text-transform:uppercase;letter-spacing:.5px}.unlock-button:hover{background:linear-gradient(135deg,#e55a2b,#e67e22);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.lock-message .chef-link{color:#ff6b35;text-decoration:none;font-weight:600;display:inline;transition:all .2s ease;border-bottom:1px dotted #ff6b35}.lock-message .chef-link:hover{color:#e55a2b;border-bottom-style:solid}@media (max-width: 640px){.restricted-content{margin:var(--spacing-md) 0;padding:var(--spacing-lg)}.lock-message h3{font-size:1.25rem}.lock-message p{font-size:.9rem}.unlock-button{padding:10px 20px;font-size:15px}}@media (prefers-color-scheme: dark){.restricted-content{background:#1a1a1a;border-color:#333}.lock-message h3{color:#fff}.lock-message p{color:#ccc}}} .recipe-method-selector{min-height:100vh;background:var(--bg-color);display:flex;align-items:center;justify-content:center;padding:20px}.method-selector-container{width:100%;max-width:1000px;margin:0 auto}.method-selector-title{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:12px;text-align:center}.method-selector-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:40px;text-align:center}.method-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.method-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.method-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .3s ease}.method-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.method-card:active{transform:translateY(-2px)}.youtube-method:before{background:red}.youtube-method:hover{border-color:red}.ai-method:before{background:#8b5cf6}.ai-method:hover{border-color:#8b5cf6}.manual-method:before{background:#10b981}.manual-method:hover{border-color:#10b981}.method-icon{font-size:48px;display:block;margin-bottom:16px}.method-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.method-description{font-size:16px;color:var(--text-secondary);line-height:1.5;margin:0}.method-selector-footer{text-align:center}.method-note{font-size:14px;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.recipe-method-selector{padding:60px 16px 16px;align-items:flex-start}.method-selector-title{font-size:24px;margin-bottom:8px}.method-selector-subtitle{font-size:16px;margin-bottom:24px}.method-cards{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.method-card{padding:24px 20px}.method-icon{font-size:36px;margin-bottom:12px}.method-title{font-size:18px;margin-bottom:8px}.method-description{font-size:14px}.method-note{font-size:13px;padding:0 16px}}@media (max-width: 380px){.method-selector-title{font-size:20px}.method-selector-subtitle{font-size:14px}.method-card{padding:20px 16px}.method-icon{font-size:32px}.method-title{font-size:16px}.method-description{font-size:13px}}[dir=rtl] .method-selector-title,[dir=rtl] .method-selector-subtitle,[dir=rtl] .method-note,[dir=rtl] .method-card{text-align:center;direction:rtl}[dir=rtl] .method-title,[dir=rtl] .method-description{direction:rtl}@media (prefers-color-scheme: dark){.method-card{background:#1f2937;border-color:#374151}.method-card:hover{box-shadow:0 8px 24px #0000004d}.youtube-method:hover{border-color:#dc2626}.ai-method:hover{border-color:#7c3aed}.manual-method:hover{border-color:#059669}}.method-card:focus{outline:3px solid var(--primary-color);outline-offset:2px}.method-card:focus:not(:focus-visible){outline:none}.method-card:disabled{opacity:.6;cursor:not-allowed}.method-card:disabled:hover{transform:none;box-shadow:none}.mobile-select-container{position:relative;width:100%}.mobile-select-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-white);font-size:16px;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:var(--touch-target);transition:border-color .3s;position:relative}.mobile-select-button:hover:not(:disabled){border-color:#999}.mobile-select-button:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b6b33}.mobile-select-button:disabled{opacity:.6;cursor:not-allowed}.mobile-select-button.open{border-color:var(--primary-color)}.mobile-select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color)}.mobile-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#666;transition:transform .3s}.mobile-select-button.open .mobile-select-arrow{transform:translateY(-50%) rotate(180deg)}.mobile-select-dropdown:not(.mobile){position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.mobile-select-backdrop{position:fixed;inset:0;background-color:#0000004d;z-index:998;animation:fadeIn .2s ease-out}.mobile-select-dropdown.mobile{position:fixed;left:0;right:0;bottom:60px;background-color:var(--bg-white);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 12px #0000001a;z-index:999;max-height:calc(100vh - 120px);display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(calc(100% + 60px))}to{transform:translateY(0)}}.mobile-select-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--bg-white);z-index:1}.mobile-select-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.mobile-select-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.mobile-select-close:hover{background-color:#f5f5f5}.mobile-select-options{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 20px}.mobile-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:none;border:none;text-align:left;font-size:16px;color:var(--text-color);cursor:pointer;transition:background-color .2s;position:relative}.mobile-select-option:hover{background-color:#f5f5f5}.mobile-select-option.selected{color:var(--primary-color);font-weight:500}.mobile-select-option .checkmark{color:var(--primary-color);font-size:20px;margin-left:8px}.rtl .mobile-select-button{text-align:right;padding-left:40px;padding-right:var(--spacing-md)}.rtl .mobile-select-arrow{left:12px;right:auto}.rtl .mobile-select-option{text-align:right;flex-direction:row-reverse}.rtl .mobile-select-option .checkmark{margin-left:0;margin-right:8px}.rtl .mobile-select-header{flex-direction:row-reverse}@media (max-width: 640px){.mobile-select-dropdown:not(.mobile){display:none}}@media (min-width: 641px){.mobile-select-dropdown.mobile{display:none}}@supports (-webkit-touch-callout: none){.mobile-select-button{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.mobile-select-dropdown,.mobile-select-dropdown.mobile{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mobile-select-header,.mobile-select-options{background-color:#fff!important;background:#fff!important}.mobile-select-option{background-color:transparent!important}.mobile-select-option:hover{background-color:#f5f5f5!important}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.mobile-select-button,.mobile-select-dropdown,.mobile-select-dropdown.mobile,.mobile-select-header,.mobile-select-options{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important}}}.multi-category-select{position:relative;width:100%}.category-select-trigger{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:16px;transition:all .2s ease}.category-select-trigger:hover:not(:disabled){border-color:var(--primary-color)}.category-select-trigger.open{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.category-select-trigger:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.selected-display{flex:1;text-align:left;color:#333}.dropdown-arrow{color:#666;font-size:12px;transition:transform .2s ease}.selected-categories-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#fff3e6;border:1px solid var(--primary-color);border-radius:16px;font-size:14px;color:var(--primary-color)}.remove-category{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:16px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.remove-category:hover{background:#ff8c421a}.category-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--primary-color);border-top:none;border-radius:0 0 8px 8px;z-index:1000;max-height:300px;overflow-y:auto}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;font-size:14px;color:#666}.close-dropdown{background:none;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-dropdown:hover{color:#333}.category-options{max-height:200px;overflow-y:auto}.category-option{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f3f4}.category-option:last-child{border-bottom:none}.category-option:hover:not(.disabled){background:#f8f9fa}.category-option.selected{background:#fff3e6;color:var(--primary-color)}.category-option.disabled{opacity:.5;cursor:not-allowed}.category-option input[type=checkbox]{margin-right:12px;width:16px;height:16px}.category-name{flex:1;font-size:16px}.checkmark{color:#4caf50;font-weight:700;font-size:14px}.dropdown-overlay{position:fixed;inset:0;z-index:999}@media (max-width: 640px){.category-select-trigger{padding:14px 16px;font-size:16px}.category-dropdown{max-height:250px}.category-option{padding:14px 16px;font-size:16px}.selected-categories-preview{gap:4px}.category-pill{font-size:13px;padding:3px 6px}}[dir=rtl] .category-select-trigger{text-align:right}[dir=rtl] .category-option input[type=checkbox]{margin-right:0;margin-left:12px}[dir=rtl] .selected-display{text-align:right}@media (prefers-color-scheme: dark){.category-select-trigger{background:#2d3748;border-color:#4a5568;color:#fff}.category-dropdown{background:#2d3748;border-color:#4a5568}.dropdown-header{background:#4a5568;border-color:#718096;color:#e2e8f0}.category-option:hover:not(.disabled){background:#4a5568}.category-option.selected{background:#3182ce}}@supports (-webkit-touch-callout: none){.category-select-trigger{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.selected-display{color:#333!important}.category-dropdown{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.dropdown-header{background-color:#f8f9fa!important;background:#f8f9fa!important;color:#666!important}.category-options{background-color:#fff!important;background:#fff!important}.category-option{background-color:#fff!important;color:#333!important}.category-option:hover:not(.disabled){background-color:#f8f9fa!important}.category-option.selected{background-color:#fff3e6!important;color:var(--primary-color)!important}.category-name{color:inherit!important}.category-option input[type=checkbox]{-webkit-appearance:none!important;appearance:none!important;width:16px!important;height:16px!important;border:2px solid #ddd!important;border-radius:3px!important;background-color:#fff!important;margin-right:12px!important}.category-option input[type=checkbox]:checked{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;position:relative}.category-option input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}}.autocomplete-wrapper{position:relative;width:100%}.autocomplete-input{width:100%}.autocomplete-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000001a;z-index:100;max-height:200px;overflow-y:auto}.suggestion-loading{padding:12px 16px;text-align:center;color:var(--text-secondary);font-size:14px}.suggestion-item{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s;border-bottom:1px solid var(--border-light)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background-color:var(--bg-hover)}.suggestion-text{flex:1;color:var(--text-color);font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.suggestion-count{color:var(--text-secondary);font-size:12px;margin-left:12px;white-space:nowrap}.rtl .suggestion-count{margin-left:0;margin-right:12px}.rtl .suggestion-item{flex-direction:row-reverse}.dark .autocomplete-suggestions{background-color:var(--dark-bg-secondary);border-color:var(--dark-border)}.dark .suggestion-item{border-bottom-color:var(--dark-border)}.dark .suggestion-item:hover,.dark .suggestion-item.selected{background-color:var(--dark-hover)}@media (max-width: 640px){.autocomplete-suggestions{max-height:150px}.suggestion-item{padding:10px 12px}.suggestion-text{font-size:16px}}@supports (-webkit-touch-callout: none){.autocomplete-input,.autocomplete-input input,.autocomplete-input textarea{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.autocomplete-suggestions{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.suggestion-item{background-color:#fff!important;color:#333!important}.suggestion-item:hover,.suggestion-item.selected{background-color:#f5f5f5!important}.suggestion-text{color:#333!important}.suggestion-count{color:#666!important}}.video-recipe-extraction{background:linear-gradient(135deg,#fef7ff,#f3e8ff,#ede9fe);border:2px solid #a855f7;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #a855f71f,0 4px 16px #a855f70f;position:relative;overflow:hidden}.video-recipe-extraction:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#a855f7,#ec4899,#f59e0b,#10b981,#3b82f6,#a855f7);border-radius:16px;z-index:-1;animation:magicBorder 3s linear infinite}@keyframes magicBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.extraction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.extraction-header h3{margin:0;font-size:18px;font-weight:700;color:#7c3aed;line-height:1.4;text-shadow:0 2px 4px rgba(124,58,237,.1);animation:magicGlow 2s ease-in-out infinite alternate}@keyframes magicGlow{0%{text-shadow:0 2px 4px rgba(124,58,237,.1),0 0 8px rgba(124,58,237,.2)}to{text-shadow:0 2px 4px rgba(124,58,237,.2),0 0 16px rgba(124,58,237,.4)}}.rate-limit-info{background:linear-gradient(135deg,#ddd6fe,#e9d5ff);color:#7c3aed;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #a855f7;box-shadow:0 2px 4px #a855f71a}.extraction-form{margin-bottom:16px}.extraction-instruction{margin:0 0 12px;font-size:14px;color:#4b5563;line-height:1.5}.url-input-container{display:flex;gap:12px;margin-bottom:12px}.youtube-url-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.youtube-url-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.youtube-url-input:disabled{background:#f8fafc;color:#64748b;cursor:not-allowed}.extract-button{padding:12px 24px;background:linear-gradient(135deg,#7c3aed,#a855f7,#c084fc);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:180px;justify-content:center;box-shadow:0 4px 16px #7c3aed4d,0 2px 8px #7c3aed33;position:relative;overflow:hidden}.extract-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.extract-button:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#8b5cf6,#a78bfa);transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66,0 4px 12px #7c3aed4d}.extract-button:hover:not(:disabled):before{left:100%}.extract-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.extraction-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:12px}.error-icon{font-size:16px;flex-shrink:0}.extraction-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:14px;margin-bottom:12px}.success-icon{font-size:16px;flex-shrink:0}.extraction-warnings{border-top:1px solid #e2e8f0;padding-top:16px;margin-top:16px}.warning-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fffbeb;border:1px solid #fed7aa;border-radius:6px;color:#d97706;font-size:13px;margin-bottom:8px}.reminder-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;font-size:13px;margin-bottom:8px}.reminder-message.optional{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}@media (max-width: 768px){.video-recipe-extraction{padding:16px;margin-bottom:20px}.extraction-header{flex-direction:column;align-items:flex-start;gap:8px}.extraction-header h3{font-size:15px;line-height:1.5}.url-input-container{flex-direction:column;gap:10px}.youtube-url-input{font-size:14px;padding:10px 12px}.extraction-instruction{font-size:13px;margin-bottom:10px}.extract-button{width:100%;min-width:auto;font-size:13px;padding:10px 16px}.rate-limit-info{align-self:flex-end;font-size:11px;padding:4px 8px}}@media (max-width: 380px){.extraction-header h3{font-size:14px}.extraction-instruction{font-size:12px}}[dir=rtl] .extraction-header{flex-direction:row-reverse}[dir=rtl] .extraction-header h3{text-align:right}[dir=rtl] .extraction-instruction{text-align:right;direction:rtl}[dir=rtl] .url-input-container{flex-direction:row-reverse}[dir=rtl] .extraction-error,[dir=rtl] .extraction-success,[dir=rtl] .warning-message,[dir=rtl] .reminder-message,[dir=rtl] .reminder-message.optional,[dir=rtl] .extraction-warnings,[dir=rtl] .video-recipe-extraction .extraction-warnings .warning-message,[dir=rtl] .video-recipe-extraction .extraction-warnings .reminder-message,[dir=rtl] .video-recipe-extraction .extraction-warnings .reminder-message.optional{text-align:right!important;direction:rtl!important}@media (max-width: 768px){[dir=rtl] .url-input-container{flex-direction:column}[dir=rtl] .extraction-header{align-items:flex-end}}.create-recipe{max-width:800px;margin:0 auto;padding:calc(56px + var(--safe-area-inset-top) + var(--spacing-md)) max(var(--spacing-md),var(--safe-area-inset-left)) calc(80px + var(--safe-area-inset-bottom)) max(var(--spacing-md),var(--safe-area-inset-right));background-color:var(--bg-white);min-height:calc(100vh - 56px - 60px - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.create-recipe h1{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.015em;color:var(--text-color)}@media (min-width: 768px){.create-recipe h1{font-size:var(--text-3xl)}}.error-message{background-color:var(--error-bg);color:var(--error-color);border:2px solid var(--error-border);border-radius:8px;padding:12px 16px;margin-bottom:20px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);animation:shake .5s ease-in-out;box-shadow:var(--shadow-sm)}.bottom-error-banner{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-relaxed);animation:slideInUp .3s ease-out;box-shadow:var(--shadow-sm)}.bottom-error-banner .error-icon{font-size:var(--text-lg);margin-top:2px;flex-shrink:0}.bottom-error-banner .error-text{flex:1}.bottom-error-banner .error-close{background:none;border:none;color:var(--error-color);font-size:var(--text-xl);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s ease;flex-shrink:0}.bottom-error-banner .error-close:hover{background-color:var(--error-border)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.bottom-error-banner{padding:var(--spacing-md);margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1);border-left:none;border-right:none;border-radius:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.form-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media (min-width: 768px){.form-section{padding:var(--spacing-lg)}}.form-section h2{margin:0 0 var(--spacing-md) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:-.01em;color:var(--text-color)}@media (min-width: 768px){.form-section h2{font-size:var(--text-2xl)}}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:var(--font-medium);color:var(--text-color);font-size:var(--text-sm);line-height:var(--leading-normal)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--text-base);line-height:var(--leading-normal);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;background:#ffffffe6;backdrop-filter:blur(5px)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:var(--shadow-primary),0 0 0 3px #ff8c421a;transform:translateY(-1px);background:#fff}.form-group select{-webkit-appearance:none;appearance:none;background-color:var(--bg-white);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px;cursor:pointer}@media (max-width: 640px){.form-group select{font-size:16px}}.rtl .form-group select{background-position:left 12px center;padding-right:var(--spacing-md);padding-left:40px}.form-group select:hover{border-color:#999}.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b6b33}.form-group select option{padding:var(--spacing-sm);background-color:var(--bg-white);color:var(--text-color)}.form-group input,.form-group select{min-height:var(--touch-target)}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 640px){.form-row{grid-template-columns:1fr 1fr}}.array-field{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);align-items:flex-start;position:relative}.array-field input,.array-field textarea,.array-field .autocomplete-wrapper{flex:1}.remove-button{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);font-size:1.125rem;transition:opacity .3s;min-width:var(--touch-target);min-height:var(--touch-target);display:flex;align-items:center;justify-content:center;color:var(--error-color)}.remove-button:hover{opacity:.7}.add-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:var(--bg-white);border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:background-color .3s;min-height:var(--touch-target)}.add-button:hover,.add-button:active{background-color:var(--primary-hover)}.tag-input{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}@media (min-width: 640px){.tag-input{flex-wrap:nowrap}}.tag-input input{flex:1;padding-right:var(--spacing-lg)!important}[dir=rtl] .tag-input input{padding-left:var(--spacing-lg)!important;padding-right:var(--spacing-md)!important}.add-tag-button{padding:8px 16px;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .3s}.add-tag-button:hover{background-color:#ff5252}.method-indicator{margin-bottom:20px;text-align:center}.method-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-white);border:2px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:500;color:var(--text-secondary)}.tag-input-wrapper{position:relative;margin-bottom:var(--spacing-md)}.tag-suggestions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag-suggestion{padding:6px 12px;background-color:#f0f0f0;border:none;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease}.tag-suggestion:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px)}.popular-tags{margin-bottom:var(--spacing-md)}.popular-tags p{font-size:14px;color:#666;margin-bottom:var(--spacing-sm)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:.875rem;color:var(--text-light)}.remove-tag{background:none;border:none;cursor:pointer;color:#999;font-size:16px;line-height:1;padding:0;margin-left:4px}.remove-tag:hover{color:#666}.image-upload-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.image-hint{font-size:14px;color:#666;margin:0}.image-counter{font-size:14px;font-weight:600;color:var(--primary-color);margin:0}.image-upload-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.image-upload-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-upload-button:active{transform:translateY(0)}.upload-icon{font-size:20px}.max-images-message{padding:12px 16px;background-color:#f0f0f0;color:#666;border-radius:8px;font-size:14px;text-align:center;margin-bottom:16px}.image-error-message{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;animation:slideIn .3s ease-out}.save-progress-status{background-color:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.progress-indicator{display:flex;align-items:center;gap:12px}.image-error-message:before{content:"⚠️";font-size:18px}.preview-item{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;border:2px solid var(--border-color);background-color:#f5f5f5}.remove-image{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:#ffffffe6;border:none;border-radius:var(--radius-full);width:2rem;height:2rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s;box-shadow:0 1px 3px #0003;color:var(--error-color)}.form-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}@media (min-width: 640px){.form-actions{flex-direction:row;justify-content:flex-end}}.cancel-button,.submit-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;min-height:var(--touch-target);width:100%}@media (min-width: 640px){.cancel-button,.submit-button{width:auto}}.cancel-button{background-color:var(--bg-white);color:var(--text-light);border:1px solid var(--border-color)}.cancel-button:hover,.cancel-button:active{background-color:var(--bg-color)}.submit-button{background-color:var(--primary-color);color:var(--bg-white)}.submit-button:hover,.submit-button:active{background-color:var(--primary-hover)}.cancel-button:disabled,.submit-button:disabled{opacity:.6;cursor:not-allowed}.recipe-tip-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:16px;resize:vertical;transition:border-color .3s;background-color:var(--bg-white);color:var(--text-color)}.recipe-tip-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b6b33}.recipe-tip-textarea:disabled{opacity:.6;cursor:not-allowed}.rtl .recipe-tip-textarea{text-align:right;direction:rtl}@media (max-width: 480px){.create-recipe{padding:var(--spacing-sm)}.create-recipe h1{font-size:var(--text-xl);margin-bottom:var(--spacing-md)}.form-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.array-field{flex-direction:column}.array-field input,.array-field textarea{width:100%}}.dietary-options{margin-top:var(--spacing-lg)}.dietary-options>label{font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-sm);display:block}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);background:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.checkbox-label.dietary-option{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:var(--bg-white);border:2px solid var(--border-color);transition:all .2s ease;min-height:var(--touch-target)}.checkbox-label.dietary-option:hover{border-color:var(--primary-color);background-color:#ff8c420d}.checkbox-label.dietary-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-white);color:transparent;transition:all .2s ease;flex-shrink:0;position:relative}.checkbox-icon:after{content:"✓";position:absolute;font-size:14px;font-weight:700;color:transparent;transition:color .2s ease}.checkbox-label.dietary-option input[type=checkbox]:checked~.checkbox-icon{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.checkbox-label.dietary-option input[type=checkbox]:checked~.checkbox-icon:after{color:#fff}.checkbox-label.dietary-option input[type=checkbox]:focus~.checkbox-icon{box-shadow:0 0 0 3px #ff8c4233}.checkbox-label.dietary-option input[type=checkbox]:disabled~.checkbox-icon,.checkbox-label.dietary-option input[type=checkbox]:disabled~span{opacity:.5;cursor:not-allowed}.checkbox-label.dietary-option span:not(.checkbox-icon){font-size:.95rem;font-weight:500;user-select:none;color:var(--text-color)}[dir=rtl] .checkbox-label.dietary-option{flex-direction:row;justify-content:flex-start;text-align:right}[dir=rtl] .checkbox-label.dietary-option span:not(.checkbox-icon){direction:rtl;text-align:right}@media (min-width: 768px){.checkbox-group{grid-template-columns:repeat(4,1fr);padding:var(--spacing-lg)}.checkbox-label.dietary-option{padding:var(--spacing-md)}}@media (max-width: 768px) and (min-width: 481px){.checkbox-group{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.checkbox-group{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);padding:var(--spacing-sm)}.checkbox-label.dietary-option{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem}.checkbox-label.dietary-option span:not(.checkbox-icon){font-size:.875rem}.checkbox-icon{width:18px;height:18px}}.youtube-status{margin-top:var(--spacing-xs);font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.youtube-status.validating{color:var(--primary-color);background-color:#ff8c421a}.youtube-status.success{color:var(--success-color);background-color:#4caf501a}.youtube-status.error{color:var(--error-color);background-color:#cc33331a}input[type=url].validated{border-color:var(--success-color);background-color:#4caf500d}.highlight-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border:2px solid #0ea5e9!important;border-radius:12px!important;padding:20px!important;animation:highlightPulse 2s ease-in-out}.attention-indicator{margin-left:8px;font-size:16px;animation:bounce 1s infinite}[dir=rtl] .attention-indicator{margin-left:0;margin-right:8px}@keyframes highlightPulse{0%{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 20px 5px #0ea5e933}to{box-shadow:0 0 #0ea5e966}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}[dir=rtl] .method-indicator{text-align:center;direction:rtl}[dir=rtl] .method-badge{direction:rtl}.character-counter{display:block;text-align:right;color:var(--text-secondary);font-size:var(--text-xs);margin-top:4px}[dir=rtl] .character-counter{text-align:left}.user-recipe-grid-container{width:100%;padding:var(--spacing-md) 0}.user-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.user-recipe-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.user-recipe-card-wrapper{position:relative}.user-recipe-card{display:block;background-color:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit;cursor:pointer;will-change:transform}.user-recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.user-recipe-card:active{transform:scale(.98);transition:transform .1s}.recipe-card-image{position:relative;width:100%;height:200px;overflow:hidden}.recipe-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.no-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);color:var(--text-lighter);font-size:3rem}.privacy-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:3}.privacy-badge.private{background-color:#6c757de6;color:#fff}.privacy-badge.followers-only{background-color:#ffc107e6;color:#212529e6}.privacy-badge.public{background-color:#28a745e6;color:#fff}.trending-badge{position:absolute;top:calc(var(--spacing-sm) + 28px);right:var(--spacing-sm);background-color:var(--primary-color);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;z-index:2}.edit-recipe-btn{position:absolute!important;top:calc(var(--spacing-sm) + 44px)!important;left:var(--spacing-sm)!important;background-color:#28a745e6!important;color:#fff!important;border:none!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1.1rem!important;z-index:10!important;transition:background-color .3s,transform .2s!important;padding:0!important;margin:0!important;line-height:1!important;text-align:center!important}.edit-recipe-btn:hover{background-color:#198754f2!important;transform:scale(1.1)!important;width:36px!important;height:36px!important}.edit-recipe-btn:active{transform:scale(.95)!important;width:36px!important;height:36px!important}.delete-recipe-btn{position:absolute!important;top:var(--spacing-sm)!important;left:var(--spacing-sm)!important;background-color:#dc3545e6!important;color:#fff!important;border:none!important;width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1.1rem!important;z-index:10!important;transition:background-color .3s,transform .2s!important;padding:0!important;margin:0!important;line-height:1!important;text-align:center!important}.delete-recipe-btn:hover{background-color:#c82333f2!important;transform:scale(1.1)!important;width:36px!important;height:36px!important}.delete-recipe-btn:active{transform:scale(.95)!important;width:36px!important;height:36px!important}.delete-recipe-btn:disabled{opacity:.5!important;cursor:not-allowed!important;width:36px!important;height:36px!important}.recipe-card-content{padding:var(--spacing-md)}.recipe-card-content h3{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe-category{margin-bottom:var(--spacing-sm)}.category-badges{flex-wrap:wrap;gap:6px;align-items:center}.category-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.category-more{background-color:#6c757d1a;color:#6c757d;min-width:32px;text-align:center;padding:var(--spacing-xs) 8px}.recipe-description{margin:var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.5;height:3em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recipe-info{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);color:var(--text-lighter);font-size:.875rem}.info-item{display:flex;align-items:center;gap:var(--spacing-xs)}.info-item .icon{opacity:.8}.no-recipes{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:1.1rem}.load-more-btn{display:block;margin:0 auto;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s;min-height:var(--touch-target)}.load-more-btn:hover{background-color:var(--primary-dark)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:1.1rem}[dir=rtl] .recipe-info,[dir=rtl] .info-item{text-align:right;direction:rtl}[dir=rtl] .privacy-badge,[dir=rtl] .trending-badge{right:auto;left:var(--spacing-sm)}[dir=rtl] .edit-recipe-btn,[dir=rtl] .delete-recipe-btn{left:auto!important;right:var(--spacing-sm)!important}[dir=rtl] .category-badge{margin-left:var(--spacing-sm);margin-right:0}.profile{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-md);min-height:100vh;background-color:#fafafa}@media (min-width: 768px){.profile{padding:var(--spacing-xxl) var(--spacing-lg)}}.profile-header{background:#fff;border-radius:20px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,#ff8c42,#ff7a2e);z-index:0}@media (min-width: 768px){.profile-header{padding:var(--spacing-xl)}.profile-header:before{height:140px}}.profile-header-content{position:relative;z-index:1}.profile-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md);margin-top:40px}@media (min-width: 768px){.profile-info{flex-direction:row;text-align:left;margin-top:160px}}.profile-avatar{position:relative;z-index:2;border-radius:50%!important}.profile-avatar .user-avatar-component{border:4px solid white;box-shadow:0 4px 12px #00000026;border-radius:50%!important}.profile-details-container{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.profile-details-container{flex-direction:row;align-items:flex-start;justify-content:space-between}}.profile-details{flex:1}.profile-info h1{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:var(--spacing-xs)}@media (min-width: 768px){.profile-info h1{font-size:2.25rem}}.profile-info p{margin:0;color:var(--text-light);font-size:1rem;line-height:1.5}.profile-meta{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md);justify-content:center}@media (min-width: 768px){.profile-meta{justify-content:flex-start}}.profile-stat{text-align:center}.profile-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-color);margin-bottom:2px}.profile-stat-label{font-size:.875rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.profile-actions{display:flex;gap:var(--spacing-sm);justify-content:center}@media (min-width: 768px){.profile-actions{justify-content:flex-end;align-items:flex-start;flex-shrink:0}}.edit-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:25px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:40px;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--spacing-xs)}@media (min-width: 768px){.edit-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-xl)}}.edit-button:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}.edit-button:active{transform:translateY(0);box-shadow:0 2px 6px #ff8c4233}.request-recipe-button{padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:40px;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--spacing-xs);box-shadow:0 2px 8px #28a74533}@media (min-width: 768px){.request-recipe-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-xl)}}.request-recipe-button:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.request-recipe-button:active{transform:translateY(0);box-shadow:0 2px 6px #28a74533}.profile-form{background-color:#fff;border-radius:20px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 4px 20px #0000000f;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.profile-form{padding:var(--spacing-xl)}}.form-section{margin-bottom:var(--spacing-lg)}.form-section h2{margin:0 0 var(--spacing-md);font-size:1.125rem;font-weight:600;color:var(--text-color)}@media (min-width: 768px){.form-section h2{font-size:1.25rem}}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-color);font-size:.875rem}.form-group input,.form-group select{width:100%;padding:var(--spacing-md);border:2px solid #f0f0f0;border-radius:12px;font-size:1rem;background-color:#fafafa;color:var(--text-color);transition:all .3s ease;min-height:var(--touch-target)}.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid #f0f0f0;border-radius:12px;font-size:1rem;background-color:#fafafa;color:var(--text-color);transition:all .3s ease;resize:vertical;font-family:inherit}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#e0e0e0;background-color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #ff8c421a}.char-count{position:absolute;bottom:8px;right:8px;font-size:.75rem;color:var(--text-light)}.form-group.checkbox{margin-bottom:var(--spacing-md)}.form-group.checkbox label{display:flex;align-items:center;font-weight:400;margin-bottom:0;cursor:pointer;font-size:.875rem}.form-group.checkbox .form-helper-text{display:block;margin-top:.25rem;margin-left:26px;font-size:.75rem;color:#6b7280;line-height:1.4}@media (min-width: 768px){.form-group.checkbox label{font-size:1rem}}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;min-height:auto!important;-webkit-appearance:auto;appearance:auto;margin:0 var(--spacing-sm) 0 0;cursor:pointer;flex-shrink:0}.profile-settings-readonly{background:#fff;border-radius:12px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:0 2px 8px #0000000a}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);border-bottom:2px solid #f1f5f9;padding-bottom:var(--spacing-sm)}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md) 0;border-bottom:1px solid #f8fafc}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.setting-description{display:block;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.setting-status{margin-left:var(--spacing-md)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.enabled{background-color:#dcfce7;color:#166534}.status-badge.disabled{background-color:#fef2f2;color:#991b1b}.social-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;word-break:break-all}.social-link:hover{text-decoration:underline}@media (max-width: 768px){.profile-settings-readonly{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.setting-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.setting-status{margin-left:0}}.form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);align-items:center;justify-content:flex-end}.save-button{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--primary-color);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:var(--touch-target);box-shadow:0 4px 12px #ff8c424d}.save-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff8c4266}.save-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff8c424d}.save-button:disabled{background-color:#e0e0e0;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md);font-size:.875rem;text-align:center}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-tabs{background:#fff;border-radius:15px;padding:var(--spacing-xs);margin-bottom:var(--spacing-xl);box-shadow:0 2px 12px #0000000a;display:flex;gap:var(--spacing-xs);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.profile-tabs::-webkit-scrollbar{display:none}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;font-size:.875rem;font-weight:600;color:#666;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);-webkit-font-smoothing:antialiased}@media (min-width: 768px){.tab{font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);min-height:48px}}.tab:hover{color:var(--text-color);background-color:#ff8c420f}.tab.active{color:var(--primary-color)!important;background-color:#fff!important;border:2px solid var(--primary-color);box-shadow:0 4px 12px #ff8c4233;font-weight:700}.tab.active:hover{color:#fff!important;background-color:var(--primary-color)!important;border-color:var(--primary-color)}.tab.active .tab-icon{color:inherit!important;opacity:1!important}.tab-icon{font-size:1.1em}.profile-content{min-height:400px}@media (max-width: 480px){.profile{padding:var(--spacing-sm)}.profile-header{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.profile-info{gap:var(--spacing-sm)}.profile-info h1{font-size:1.25rem}.profile-form{padding:var(--spacing-sm)}.form-section h2{font-size:1rem}.tab{font-size:.875rem;padding:var(--spacing-sm)}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.save-button{width:100%}}.user-card-link{text-decoration:none;color:inherit;display:block}.user-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.user-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-card-header{align-items:center;gap:12px;flex:1;min-width:0}.user-card-info{flex:1;min-width:0}.user-card-name{font-size:16px;font-weight:600;margin:0 0 4px;color:#0f0f0f;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-badge{flex-shrink:0}.user-card-bio{font-size:14px;color:#606060;margin:0 0 8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.user-card-stats{display:flex;align-items:center;gap:8px;font-size:13px;color:#606060}.user-card-stats .stat strong{color:#0f0f0f;font-weight:500}.stat-separator{color:#d4d4d4}.follow-button-small{padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:90px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff6b35;color:#fff;flex-shrink:0}.follow-button-small:hover:not(:disabled){background:#e55a2b;transform:scale(1.02)}.follow-button-small.following{background:#f2f2f2;color:#606060;border:1px solid #d4d4d4}.follow-button-small.following:hover:not(:disabled){background:#e5e5e5;border-color:silver}.follow-button-small:disabled{opacity:.6;cursor:not-allowed}.follow-button-small.loading{pointer-events:none}.button-spinner-small{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.user-card{padding:12px}.user-card-header{gap:10px}.user-card-name{font-size:15px}.user-card-bio{font-size:13px}.user-card-stats{font-size:12px}.follow-button-small{min-width:80px;padding:6px 14px;font-size:13px;height:28px}}[dir=rtl] .user-card{direction:rtl}@media (prefers-color-scheme: dark){.user-card{background:#181818;box-shadow:0 1px 3px #0000004d}.user-card:hover{box-shadow:0 4px 12px #00000080}.user-card-name{color:#f1f1f1}.user-card-bio,.user-card-stats{color:#aaa}.user-card-stats .stat strong{color:#f1f1f1}.follow-button-small.following{background:#272727;color:#aaa;border-color:#404040}.follow-button-small.following:hover:not(:disabled){background:#3a3a3a;border-color:#505050}}.search-filters{position:relative;display:inline-block;z-index:10}.filter-button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:.95rem;color:var(--text-color);transition:all .2s}.filter-button:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.filter-button.has-filters{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-button.has-filters:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.filter-icon{display:flex;align-items:center}.filter-text{font-weight:500}.filter-count{background:#fff;color:var(--primary-color);padding:2px 6px;border-radius:10px;font-size:.8rem;font-weight:700;margin-left:var(--spacing-xs)}.filter-button.has-filters .filter-count{background:#ffffffe6}.filter-dropdown{position:absolute;top:100%;left:0;margin-top:var(--spacing-xs);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:250px;z-index:100;max-height:400px;overflow-y:auto}[dir=rtl] .filter-dropdown{left:auto;right:0}.filter-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color)}.filter-header h3{margin:0;font-size:1rem;font-weight:600}.filter-options{padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.filter-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:background-color .2s;flex-shrink:0;min-width:fit-content}.filter-option:hover{background-color:var(--bg-secondary)}.filter-option input[type=checkbox]{width:16px;height:16px;cursor:pointer}.filter-option span{font-size:.9rem;user-select:none}@media (max-width: 768px){.filter-dropdown{position:fixed;inset:auto 0 80px;margin:0;border-radius:var(--radius-md) var(--radius-md) 0 0;max-height:calc(75vh - 80px);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,20px);box-shadow:0 -4px 20px #00000026}.filter-header{position:sticky;top:0;background:#fff;z-index:1}.filter-options{padding-bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,20px))}}[dir=rtl] .filter-count{margin-left:0;margin-right:var(--spacing-xs)}[dir=rtl] .filter-option{flex-direction:row-reverse}.calorie-categories{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.calorie-header{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.calorie-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.calorie-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.calorie-button:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.calorie-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.calorie-button.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}@media (max-width: 768px){.calorie-buttons{gap:var(--spacing-xs)}.calorie-button{padding:var(--spacing-sm);font-size:.9rem}}.filter-actions{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 var(--radius-md) var(--radius-md)}.clear-all-button,.apply-filters-button{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid transparent}.clear-all-button{background:#fff;color:var(--text-secondary);border-color:var(--border-color)}.clear-all-button:hover{background:var(--bg-tertiary);color:var(--text-color);border-color:var(--primary-color)}.apply-filters-button{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}.apply-filters-button.has-changes{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.apply-filters-button.has-changes:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.apply-filters-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.filter-actions{position:sticky;bottom:0;margin-bottom:calc(-1*env(safe-area-inset-bottom,20px));padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,20px))}}.dietary-classifications{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.classification-header{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.classification-options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.classification-options .filter-option{display:flex;align-items:center;flex-shrink:0;min-width:fit-content}.classification-options .filter-option input[type=checkbox]{margin-right:var(--spacing-sm);vertical-align:middle}[dir=rtl] .classification-options .filter-option input[type=checkbox]{margin-right:0;margin-left:var(--spacing-sm)}.prep-time-ranges{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.prep-time-header{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.prep-time-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.prep-time-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.prep-time-button:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.prep-time-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.prep-time-button.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.difficulty-levels{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.difficulty-header{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.difficulty-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.difficulty-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff;color:var(--text-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.difficulty-button:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.difficulty-button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.difficulty-button.active:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.min-rating{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color)}.rating-header{margin:0 0 var(--spacing-xs) 0;font-size:.95rem;font-weight:600;color:var(--text-color)}.rating-option{display:flex;justify-content:center}.rating-option .filter-option{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .2s}.rating-option .filter-option:hover{background-color:var(--bg-secondary)}.rating-option .filter-option span{font-size:.9rem;user-select:none}@media (max-width: 768px){.prep-time-buttons{gap:var(--spacing-xs)}.prep-time-button{padding:var(--spacing-sm);font-size:.8rem}.difficulty-buttons{gap:var(--spacing-xs)}.difficulty-button{padding:var(--spacing-sm);font-size:.8rem}}[dir=rtl] .rating-option .filter-option input[type=checkbox]{margin-right:0;margin-left:var(--spacing-sm)}.search-results{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-md);min-height:100vh}.search-header{margin-bottom:var(--spacing-lg);position:relative;overflow:visible}.search-title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.search-header h1{margin:0;font-size:1.75rem;font-weight:600;color:var(--text-color);line-height:1.2}.results-count{margin:0;color:var(--text-light);font-size:1rem}.search-sections{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.search-section{padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-color)}.search-section:last-child{border-bottom:none}.search-section h2{margin:0 0 var(--spacing-lg) 0;font-size:1.375rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-sm)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);justify-content:center}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.trending-recipe{position:relative}.trending-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background-color:var(--primary-color);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;z-index:10;display:flex;align-items:center;gap:var(--spacing-xs)}.no-results{text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.no-results p{font-size:1.125rem;color:var(--text-light);margin-bottom:var(--spacing-sm)}.search-tip{font-size:1rem;color:var(--text-lighter)}.no-query{text-align:center;padding:var(--spacing-xxl) var(--spacing-md)}.no-query p{font-size:1.125rem;color:var(--text-light)}.loading{text-align:center;padding:var(--spacing-xxl) var(--spacing-md);font-size:1.125rem;color:var(--text-light)}@media (max-width: 768px){.search-results{padding:var(--spacing-md)}.search-title-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.search-header h1{font-size:1.5rem}.search-section h2{font-size:1.25rem}.recipe-grid{gap:var(--spacing-md)}.users-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.no-query,.no-results{padding:var(--spacing-xl) var(--spacing-md)}.no-query p,.no-results p{font-size:1rem}}@media (max-width: 640px){.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}}@media (max-width: 480px){.search-header h1{font-size:1.25rem}.recipe-grid{grid-template-columns:1fr 1fr}}@media (max-width: 360px){.recipe-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}.load-more-container{display:flex;justify-content:center;margin:var(--spacing-xl) 0}.load-more-button{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);color:var(--bg-white);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,transform .2s}.load-more-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-2px)}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.trending-page{padding:var(--spacing-lg);max-width:var(--container-xl);margin:0 auto}.page-header{text-align:center;margin-bottom:var(--spacing-xxl)}.page-header h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.trending-icon{font-size:2.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.trending-page{padding:var(--spacing-md)}.page-header h1,.trending-icon{font-size:2rem}.page-description{font-size:1rem}}.favorites-page{padding:var(--spacing-lg);max-width:var(--container-xl);margin:0 auto}.page-header{margin-bottom:var(--spacing-xxl)}.header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.header-title{flex:1}.page-header h1{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-sm)}.btn-enhanced{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea40}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea59;text-decoration:none;color:#fff}.page-description{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto}.category-filter{margin-bottom:var(--spacing-xl);background-color:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.favorites-page .category-pill.active{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #ff6b334d}.category-name{font-weight:600}.category-count{font-size:.875rem;opacity:.8;font-weight:400}.category-pill.active .category-count{opacity:.9}.category-pill[data-category=all]:before{content:"📖"}@media (max-width: 768px){.favorites-page{padding:var(--spacing-md)}.header-main{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-actions{align-self:center}.page-header h1,.favorites-icon{font-size:2rem}.page-description{font-size:1rem}.category-filter{padding:var(--spacing-md);margin-bottom:var(--spacing-lg);overflow:hidden}.category-filter:before,.category-filter:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:2;opacity:.8}.category-filter:before{left:0;background:linear-gradient(to right,white 0%,transparent 100%)}.category-filter:after{right:0;background:linear-gradient(to left,white 0%,transparent 100%)}.category-filter:after{content:"›";display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--primary-color);background:linear-gradient(to left,rgba(255,255,255,.95) 0%,transparent 100%);text-shadow:0 2px 4px rgba(0,0,0,.2);width:40px}.category-pills{gap:var(--spacing-sm);justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-sm);flex-wrap:nowrap;padding-left:var(--spacing-sm);padding-right:var(--spacing-xl)}.category-pills::-webkit-scrollbar{display:none}.category-pill{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;flex-shrink:0}}.rtl .category-pills,.rtl .category-pill{flex-direction:row-reverse}.rtl .category-pill:before{margin-right:0;margin-left:var(--spacing-xs)}.loading-categories{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-favorites{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-secondary)}.no-favorites p{font-size:1.1rem;margin-bottom:var(--spacing-lg)}.no-favorites .emoji{font-size:3rem;display:block;margin-bottom:var(--spacing-lg);opacity:.5}.enhanced-recipe-grid{display:grid;gap:var(--spacing-lg);margin:var(--spacing-lg);margin-bottom:calc(var(--spacing-xl) + 80px);padding-bottom:var(--spacing-lg)}.info-item{display:inline-block;gap:var(--spacing-xs);font-size:.875rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-right:var(--spacing-sm)}.info-item .icon{font-size:16px}.info-item.rating{color:orange}.enhanced-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.enhanced-recipe-card{position:relative;background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.enhanced-recipe-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.recipe-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.recipe-image-container{position:relative;width:100%;height:200px;overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.enhanced-recipe-card:hover .recipe-image{transform:scale(1.05)}.recipe-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%);color:var(--text-lighter);font-size:4rem;transform:scale(.8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.recipe-indicators{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.recipe-indicators span{background-color:#000c;color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;backdrop-filter:blur(4px)}.cook-count{background-color:#28a745e6!important}.has-notes{background-color:#ff6b6be6!important}.recipe-content{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 42px);flex:1;display:flex;flex-direction:column;position:relative;min-height:160px}.recipe-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--text-color);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-description{color:var(--text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.recipe-meta{margin-top:auto;position:relative;z-index:1}.recipe-meta-row{margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.recipe-meta-row:last-child{margin-bottom:0}.recipe-time,.recipe-difficulty,.recipe-author{font-size:.875rem;color:var(--text-light);gap:4px;white-space:nowrap}.recipe-time{flex-shrink:0;margin-right:var(--spacing-lg)}.recipe-difficulty{font-weight:500;flex-shrink:0}.recipe-author{margin-right:auto;position:relative;z-index:1}.enhanced-recipe-card .user-avatar{position:relative!important;z-index:2!important;margin-right:var(--spacing-xs)!important}.enhanced-recipe-card .recipe-author .user-avatar{width:24px!important;height:24px!important;font-size:12px!important;min-width:24px!important;min-height:24px!important}.personal-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.personal-section-inline{margin-top:var(--spacing-sm)}.recipe-info{flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-md) 0}.info-item{display:inline-block;gap:4px;font-size:.875rem;color:var(--text-light);white-space:nowrap;margin-right:var(--spacing-sm)}.info-item .icon{font-size:.9rem}.info-item.rating{color:var(--primary-color);font-weight:500}.recipe-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.recipe-author-small{font-size:.8rem;color:var(--text-light);gap:var(--spacing-xs)}.personal-info{margin-bottom:var(--spacing-xs);font-size:.875rem}.info-label{color:var(--text-light);font-weight:500}.info-value{color:var(--text-color)}.personal-notes-preview{display:flex;align-items:flex-start;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.notes-icon{font-size:.9rem;color:var(--primary-color)}.notes-text{font-size:.875rem;color:var(--text-secondary);line-height:1.3;flex:1}.recipe-actions{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;opacity:0;transition:opacity .3s ease;z-index:10}.enhanced-recipe-card:hover .recipe-actions{opacity:1}.action-btn{width:36px;height:36px;border:1px solid rgba(255,255,255,.6);border-radius:8px;background-color:#fffffff2;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(4px)}.action-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #00000040}.move-recipe-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;min-width:320px;max-width:480px;max-height:80vh;overflow-y:auto}.move-recipe-modal h3{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;color:var(--text-color)}.move-recipe-modal p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.5}.collections-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);max-height:300px;overflow-y:auto}.collection-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.collection-option:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.collection-option:focus{outline:none;background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.collection-option:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.collection-option.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff!important;transform:none;box-shadow:0 2px 8px #00000026}.collection-option.selected .collection-name,.collection-option.selected .collection-icon{color:#fff!important}.collection-option:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.move-modal-collection-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:hidden}.move-modal-collection-item:hover{background-color:#fff4ed;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.move-modal-collection-item:focus{outline:none;background-color:#fff4ed;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px #ff8c4233}.move-modal-collection-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.move-modal-collection-item.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:none;box-shadow:0 2px 8px #00000026}.move-modal-collection-item.selected:hover{background-color:#ff7a2e;border-color:#ff7a2e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #ff8c424d}.move-modal-collection-item.selected .move-modal-collection-name,.move-modal-collection-item.selected .move-modal-collection-icon{color:#fff}.move-modal-collection-item.selected .move-modal-collection-count{color:#fffc}.move-modal-collection-item:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.move-modal-collection-icon{font-size:1.1rem;flex-shrink:0}.move-modal-collection-name{flex:1;font-weight:500}.move-modal-collection-count{font-size:.875rem;color:var(--text-light)}.collection-option .collection-icon{font-size:1.1rem}.collection-option .collection-name{flex:1;font-weight:500}.collection-option .collection-count{font-size:.875rem;color:var(--text-light)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.modal-actions .btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);min-width:120px}.modal-actions .btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px #0003}.modal-actions .btn-primary:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.3)}.modal-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.modal-actions .btn-primary.loading{cursor:not-allowed;pointer-events:none}.modal-actions .btn-primary .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.modal-actions .btn-secondary{background-color:transparent;color:var(--text-secondary);border:2px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.modal-actions .btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-color);background-color:#00000005;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.modal-actions .btn-secondary:focus{outline:none;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.modal-actions .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.enhanced-recipe-grid.loading{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.recipe-card.skeleton{background-color:var(--bg-white);border-radius:var(--radius-lg);overflow:hidden;animation:pulse 1.5s ease-in-out infinite alternate}.skeleton-image{width:100%;height:200px;background-color:var(--bg-color)}.skeleton-text{height:16px;background-color:var(--bg-color);border-radius:4px;margin-bottom:var(--spacing-sm)}.skeleton-title{height:20px;width:80%}.skeleton-description{width:100%}.skeleton-meta{height:14px;width:60%}@keyframes pulse{0%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.enhanced-recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-md);margin-bottom:calc(var(--spacing-xl) + 100px);padding-bottom:var(--spacing-xl)}.recipe-actions{opacity:1}.action-btn{width:40px;height:40px;font-size:1rem}.enhanced-recipe-card .recipe-author .user-avatar{width:28px!important;height:28px!important;font-size:14px!important;min-width:28px!important;min-height:28px!important}.recipe-content{min-height:140px}.move-recipe-modal{margin:var(--spacing-md);min-width:auto;max-width:none;left:var(--spacing-md);right:var(--spacing-md);transform:translateY(-50%)}}[dir=rtl] .recipe-indicators{right:auto;left:var(--spacing-sm)}[dir=rtl] .recipe-actions{right:auto;left:12px}[dir=rtl] .enhanced-recipe-card .user-avatar{margin-right:0!important;margin-left:var(--spacing-xs)!important}[dir=rtl] .recipe-time{margin-right:0;margin-left:var(--spacing-lg)}[dir=rtl] .recipe-difficulty{margin-left:0}[dir=rtl] .recipe-author{margin-right:0;margin-left:auto}[dir=rtl] .personal-notes-preview{border-left:none;border-right:3px solid var(--primary-color)}[dir=rtl] .collection-option{flex-direction:row-reverse}[dir=rtl] .info-item,.rtl .info-item{margin-right:0;margin-left:var(--spacing-sm)}.collection-selector{position:relative;min-width:280px}.collection-button{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;min-height:var(--touch-target)}.collection-button:hover{border-color:var(--primary-color);background-color:var(--primary-light)}.collection-icon{font-size:1.1rem}.collection-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--spacing-sm)}.collection-count{font-size:.875rem;color:var(--text-light);font-weight:400;background-color:var(--bg-color);padding:2px 6px;border-radius:var(--radius-sm);min-width:20px;text-align:center;flex-shrink:0}.dropdown-arrow{font-size:.8rem;color:var(--text-light);transition:transform .3s ease}.dropdown-overlay{position:fixed;inset:0;z-index:998}.collection-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;overflow:hidden;margin-top:var(--spacing-xs)}.dropdown-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);background-color:var(--bg-color)}.dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.collections-list{max-height:320px;overflow-y:auto}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.collection-item:last-child{border-bottom:none}.collection-item:hover{background-color:var(--bg-color)}.collection-item.active{background-color:var(--primary-light);color:var(--primary-color)}.collection-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.collection-details{flex:1;min-width:0;display:flex;flex-direction:column}.collection-item .collection-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;margin-bottom:2px}.collection-item .collection-description{font-size:.8rem;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.collection-item .collection-count{font-size:.875rem;color:var(--text-light);font-weight:400;background-color:var(--bg-color);padding:2px 6px;border-radius:var(--radius-sm);min-width:20px;text-align:center;flex-shrink:0}.delete-collection-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);font-size:1rem;color:var(--text-light);transition:color .2s ease;min-width:24px;min-height:24px;border-radius:var(--radius-sm)}.delete-collection-btn:hover{color:#dc3545;background-color:#dc35451a}.delete-confirm-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1002;min-width:320px;max-width:480px}.delete-confirm-modal h3{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;color:var(--text-color)}.delete-confirm-modal p{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}@media (max-width: 768px){.collection-selector{min-width:auto;width:100%}.collection-dropdown{position:absolute;top:100%;left:0;right:0;transform:none;max-height:60vh;margin-top:var(--spacing-xs)}.collection-item{padding:var(--spacing-md)}.collection-item .collection-name{font-size:1rem}.delete-confirm-modal{margin:var(--spacing-md);min-width:auto;max-width:none;left:var(--spacing-md);right:var(--spacing-md);transform:translateY(-50%)}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}[dir=rtl] .collection-name{text-align:right;margin-right:0;margin-left:var(--spacing-sm)}[dir=rtl] .collection-info{flex-direction:row-reverse}[dir=rtl] .collection-item .collection-count{margin-left:0;margin-right:var(--spacing-sm)}.collections-list::-webkit-scrollbar{width:6px}.collections-list::-webkit-scrollbar-track{background:var(--bg-color)}.collections-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.collections-list::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.personal-tags-filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;width:100%}.personal-tags-filter.disabled{opacity:.6}.filter-label{font-weight:600;color:var(--text-color);font-size:.9rem;white-space:nowrap}.no-tags-message{font-size:.85rem;color:var(--text-light);font-style:italic}.dropdown-container{position:relative;min-width:200px}.search-container{padding:.75rem;border-bottom:1px solid var(--border-light);background-color:var(--bg-color)}.tag-search-input{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-color);background-color:var(--bg-white);transition:border-color .2s ease}.tag-search-input:focus{outline:none;border-color:var(--primary-color)}.tag-search-input::placeholder{color:var(--text-light)}.tags-list{overflow-y:auto;max-height:200px}.tag-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.tag-option:hover{background-color:var(--bg-color)}.tag-option.selected{background-color:var(--primary-light);color:var(--primary-dark);font-weight:500}.tag-option:last-child{border-bottom:none}.tag-text{flex:1;font-size:.9rem;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results{padding:1rem;text-align:center;color:var(--text-light);font-size:.85rem;font-style:italic}@media (max-width: 768px){.personal-tags-filter{flex-direction:column;align-items:stretch;gap:.5rem}.filter-label{align-self:flex-start}.dropdown-container{min-width:unset;width:100%;max-width:100%}.dropdown-trigger{padding:.75rem;min-height:44px;font-size:1rem;width:100%;max-width:100%;box-sizing:border-box}.dropdown-menu{max-height:250px;width:100%;max-width:100%;box-sizing:border-box;left:0;right:0}.tags-list{max-height:150px}.tag-option{padding:1rem .75rem;min-height:44px}.tag-text{font-size:1rem}}[dir=rtl] .personal-tags-filter{flex-direction:row-reverse}[dir=rtl] .dropdown-container{direction:rtl}[dir=rtl] .tag-search-input,[dir=rtl] .tag-option{text-align:right;direction:rtl}[dir=rtl] .tag-text{text-align:right}[dir=rtl] .no-results{text-align:center;direction:rtl}@media (max-width: 768px){[dir=rtl] .personal-tags-filter{flex-direction:column;align-items:stretch}[dir=rtl] .personal-tags-filter .filter-label{align-self:flex-end;text-align:right;width:100%}[dir=rtl] .personal-tags-filter .dropdown-container{width:100%;direction:rtl}[dir=rtl] .dropdown-menu{width:100%;max-width:100%}}.custom-select{position:relative;width:100%;min-width:0}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background-color:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text-color);cursor:pointer;transition:all .2s ease;min-height:40px}.dropdown-trigger:hover{border-color:var(--primary-color)}.dropdown-trigger.open{border-color:var(--primary-color);border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-trigger.has-selection{background-color:var(--primary-light);border-color:var(--primary-color)}.selected-text{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{margin-left:.5rem;font-size:.7rem;transition:transform .2s ease;color:var(--text-light)}.dropdown-arrow.up{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-white);border:2px solid var(--primary-color);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);z-index:9999;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.options-list{overflow-y:auto;max-height:200px}.option-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.option-item:hover{background-color:var(--bg-color)}.option-item.selected{background-color:var(--primary-light);color:var(--primary-dark);font-weight:500}.option-item:last-child{border-bottom:none}.option-text{flex:1;font-size:.9rem;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-indicator{margin-left:.5rem;color:var(--primary-color);font-weight:700;font-size:.9rem}@media (max-width: 768px){.dropdown-trigger{padding:.75rem;min-height:44px;font-size:1rem}.dropdown-menu{max-height:250px}.options-list{max-height:150px}.option-item{padding:1rem .75rem;min-height:44px}.option-text{font-size:1rem}}[dir=rtl] .custom-select{direction:rtl}[dir=rtl] .dropdown-trigger,[dir=rtl] .selected-text{text-align:right;direction:rtl}[dir=rtl] .dropdown-arrow{margin-left:0;margin-right:.5rem}[dir=rtl] .dropdown-menu{direction:rtl;text-align:right}[dir=rtl] .option-item{text-align:right;direction:rtl}[dir=rtl] .option-text{text-align:right}[dir=rtl] .selected-indicator{margin-left:0;margin-right:.5rem}.sort-dropdown-special .dropdown-menu{position:fixed;z-index:99999;min-width:200px;will-change:top,left;backface-visibility:hidden;perspective:1000px}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:var(--bg-color)}.options-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.favorites-filter{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);width:100%;box-sizing:border-box}.category-section{margin-bottom:var(--spacing-lg)}.category-pills{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.category-pill{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-color);border:2px solid transparent;border-radius:var(--radius-full);font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;white-space:nowrap;min-height:var(--touch-target)}.category-pill:hover{background-color:var(--primary-light);color:var(--primary-color);transform:translateY(-2px)}.category-pill.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 12px #ff6b334d}.category-pill:before{font-size:1.1rem}.category-pill[data-category=breakfast]:before{content:"🍳"}.category-pill[data-category=lunch]:before{content:"🥘"}.category-pill[data-category=dinner]:before{content:"🍝"}.category-pill[data-category=dessert]:before{content:"🧁"}.category-pill[data-category=snack]:before{content:"🥨"}.category-pill[data-category=beverage]:before{content:"🥤"}.category-pill[data-category=appetizer]:before{content:"🥟"}.category-pill[data-category=salad]:before{content:"🥗"}.category-pill[data-category=soup]:before{content:"🍜"}.category-pill[data-category=mainCourse]:before{content:"🍽️"}.filter-controls{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;justify-content:space-between;margin-top:var(--spacing-md);position:relative}.sort-control{display:flex;align-items:center;gap:var(--spacing-sm)}.sort-control label{font-weight:500;color:var(--text-color);white-space:nowrap}.sort-select{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-white);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:border-color .3s ease;min-height:36px}.advanced-filters-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-white);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;min-height:36px}.advanced-filters-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.advanced-filters-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-indicator{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background-color:#dc3545;border-radius:50%;font-size:8px}.clear-filters-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:#dc3545;border:none;border-radius:var(--radius-sm);color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;min-height:36px}.clear-filters-btn:hover{background-color:#c82333}.advanced-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--radius-md);border:1px solid var(--border-light)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-weight:500;color:var(--text-color);font-size:.9rem}.filter-group select{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-white);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:border-color .3s ease;min-height:36px}.filter-group select:focus{outline:none;border-color:var(--primary-color)}@media (max-width: 768px){.favorites-filter{padding-top:var(--spacing-md);padding-left:0;padding-right:0;width:100%;max-width:100%}.category-section{margin-bottom:var(--spacing-md)}.category-pills{gap:var(--spacing-xs);justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--spacing-sm);flex-wrap:nowrap;margin:0 -var(--spacing-md);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.category-pills::-webkit-scrollbar{display:none}.category-pill{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;flex-shrink:0;min-height:36px}.category-pill:before{font-size:1rem}.filter-controls{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.sort-control{justify-content:space-between;width:100%}.sort-control{width:100%}.sort-control select,.sort-select{flex:1;min-width:0;box-sizing:border-box}.advanced-filters-btn,.clear-filters-btn{width:100%;justify-content:center}.advanced-filters{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-md)}.filter-group select{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.filter-group{width:100%;max-width:100%}.advanced-filters{width:100%;max-width:100%;box-sizing:border-box}}[dir=rtl] .category-pills,[dir=rtl] .category-pill{flex-direction:row-reverse}[dir=rtl] .category-pill:before{margin-right:0;margin-left:var(--spacing-xs)}[dir=rtl] .filter-controls{flex-direction:row-reverse}[dir=rtl] .sort-control{flex-direction:row-reverse;text-align:right}[dir=rtl] .sort-control label{text-align:right;order:2}[dir=rtl] .sort-control select,[dir=rtl] .sort-select{order:1;direction:rtl}@media (max-width: 768px){[dir=rtl] .filter-controls{flex-direction:column}[dir=rtl] .sort-control{flex-direction:row-reverse;text-align:right}[dir=rtl] .sort-control label{text-align:right}[dir=rtl] .sort-control select,[dir=rtl] .sort-select{direction:rtl;text-align:right}}.create-collection-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;width:90vw;max-width:380px;animation:modalFadeIn .2s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);gap:var(--spacing-md)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color);flex:1;padding-right:var(--spacing-sm)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .3s ease;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0}.close-btn:hover{color:var(--text-color);background-color:var(--bg-color)}.error-message{background-color:#fee;color:#d32f2f;border:2px solid #ffcccc;border-radius:var(--radius-sm);padding:var(--spacing-sm);margin:var(--spacing-md) var(--spacing-lg) 0;font-size:.9rem;font-weight:500}.collection-form{padding:var(--spacing-lg);padding-bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom))}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.form-group label{font-weight:600;color:var(--text-color);font-size:.95rem}.form-group input,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;color:var(--text-color);background-color:var(--bg-white);transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--bg-color);color:var(--text-light);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s ease;min-height:40px}.btn-secondary:hover{background-color:var(--border-color)}.btn-primary{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;min-height:40px}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-primary:disabled{background-color:var(--text-light);border-color:var(--text-light);cursor:not-allowed}@media (max-width: 640px){.create-collection-modal{width:95vw;max-width:none}.modal-header{padding:var(--spacing-md);align-items:flex-start}.modal-header h2{font-size:1.125rem;line-height:1.3;padding-right:var(--spacing-md)}.collection-form{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}.form-group{margin-bottom:var(--spacing-sm)}.modal-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);padding-bottom:var(--spacing-md)}.modal-actions button{width:100%;min-height:44px}}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .modal-header h2{padding-right:0;padding-left:var(--spacing-sm)}[dir=rtl] .modal-actions{flex-direction:row-reverse}[dir=rtl] .form-group label{text-align:right}@media (max-width: 640px){[dir=rtl] .modal-actions{flex-direction:column}[dir=rtl] .modal-actions button{width:100%}[dir=rtl] .modal-header h2{padding-right:0;padding-left:var(--spacing-md)}}.recipe-notes-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;z-index:1001;width:90vw;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}.recipe-notes-modal-header{padding:1.5rem 3rem 1rem 1.5rem;border-bottom:1px solid #f0f0f0;position:relative}.recipe-header{display:flex;gap:1rem;align-items:center}.recipe-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:12px;flex-shrink:0}.recipe-info h2{margin:0 0 .25rem;font-size:1.25rem;font-weight:600;color:#1a1a1a;line-height:1.3}.recipe-author{margin:0;color:#666;font-size:.875rem}.recipe-rating{margin-top:.25rem}.rating-text{font-size:.875rem;color:#666}.recipe-notes-close-btn{position:absolute;top:.75rem;right:.75rem;background:#fffffff2;border:1px solid #e0e0e0;width:32px;height:32px;border-radius:50%;font-size:1rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a}.recipe-notes-close-btn:hover{background:#e0e0e0;color:#333}.notes-form{padding:1.5rem 3rem 1.5rem 1.5rem}.form-help-message{display:flex;align-items:center;gap:.5rem;background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem}.help-icon{font-size:1.25rem;flex-shrink:0}.help-text{font-size:.875rem;color:#1565c0;line-height:1.4}.optional-badge{display:inline-block;background:#e0e0e0;color:#666;font-size:.75rem;font-weight:400;padding:.125rem .5rem;border-radius:12px;margin-left:.5rem;vertical-align:middle}[dir=rtl] .optional-badge{margin-left:0;margin-right:.5rem}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1a1a1a}.form-section label{display:block;margin-bottom:.5rem;font-weight:600;color:#1a1a1a;font-size:1rem}.rating-input{display:flex;flex-direction:column;gap:1rem}.stars-container{display:flex;gap:.5rem;justify-content:center;padding:1rem;background:#f8f9fa;border-radius:12px}.star{background:none;border:none;cursor:pointer;font-size:2rem;color:#ddd;transition:all .2s ease;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.star.active{color:gold;transform:scale(1.1)}.star:hover{color:gold;background-color:#ffd7001a;transform:scale(1.05)}.star:active{transform:scale(.95)}.rating-feedback{text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}.current-rating{font-size:1rem;font-weight:600;color:orange}.no-rating{font-size:.875rem;color:#999;font-style:italic}.clear-rating{background:#fff;border:1px solid #ddd;color:#666;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s ease;align-self:center}.clear-rating:hover{border-color:#ff4757;color:#ff4757;background-color:#ff47570d}.cook-counter{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:12px}.counter-btn{width:40px;height:40px;border:2px solid #e0e0e0;border-radius:50%;background-color:#fff;color:#333;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.counter-btn:hover:not(:disabled){border-color:#007bff;background-color:#007bff;color:#fff}.counter-btn:disabled{opacity:.5;cursor:not-allowed}.counter-value{font-size:1.25rem;font-weight:600;color:#1a1a1a;min-width:40px;text-align:center}.counter-label{font-size:.875rem;color:#666}.form-section input,.form-section textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#1a1a1a;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-section input:focus,.form-section textarea:focus{outline:none;border-color:#007bff}.form-section textarea{resize:vertical;min-height:100px;font-family:inherit}.array-input{display:flex;flex-direction:column;gap:.75rem}.input-row{display:flex;gap:.75rem;align-items:stretch}.input-row input{flex:1;margin-bottom:0}.add-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;white-space:nowrap;min-height:48px}.add-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.items-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;min-height:2rem}.item-tag{display:flex;align-items:center;gap:.5rem;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:20px;padding:.5rem .75rem .5rem 1rem;font-size:.875rem;color:#1a1a1a}.item-tag .remove-btn{background:#ff4757;border:none;cursor:pointer;color:#fff;font-size:.75rem;font-weight:700;line-height:1;padding:0;margin:0;width:18px;height:18px;min-width:18px;min-height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.item-tag .remove-btn:hover:not(:disabled){background-color:#ff3838;transform:scale(1.1)}.character-count{font-size:.75rem;color:var(--text-light);text-align:right;margin-top:2px}[dir=rtl] .character-count{text-align:left}.validation-errors{background-color:#fff5f5;border:2px solid #fc8181;border-radius:8px;padding:1rem;margin-bottom:1.5rem;animation:shake .5s ease-in-out}.error-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600}.error-icon{font-size:1.25rem}.error-title{color:#c53030;font-size:.95rem}.validation-errors .error-message{color:#c53030;font-size:.875rem;margin-bottom:.5rem;padding-left:1.75rem;position:relative}.validation-errors .error-message:before{content:"•";position:absolute;left:.5rem;color:#fc8181}.validation-errors .error-message:last-child{margin-bottom:0}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}[dir=rtl] .validation-errors .error-message{padding-left:0;padding-right:1.75rem}[dir=rtl] .validation-errors .error-message:before{left:auto;right:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.modal-actions button{min-height:48px;padding:.75rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#20c997,#28a745);transform:translateY(-1px)}.btn-secondary{background:#fff;color:#666;border:2px solid #e0e0e0}.btn-secondary:hover{border-color:#007bff;color:#007bff;background:#007bff0d}@media (max-width: 768px){.modal-overlay{padding:.5rem;align-items:center}.recipe-notes-modal{max-width:none;width:100%;max-height:95vh;border-radius:12px}.recipe-notes-modal-header{padding:1rem 2.5rem 1rem 1rem}.recipe-notes-close-btn{top:.5rem;right:.5rem;width:28px;height:28px;font-size:.9rem;z-index:20}.recipe-header{flex-direction:column;text-align:center;gap:.75rem}.recipe-thumbnail{align-self:center;width:50px;height:50px}.recipe-info h2{font-size:1.1rem}.notes-form{padding:1rem 2.5rem 1rem 1rem}.form-section{margin-bottom:1.5rem}.form-section h3{font-size:1rem;margin-bottom:.75rem}.stars-container{gap:.25rem;padding:.75rem}.star{font-size:1.75rem;min-width:44px;min-height:44px;padding:.25rem}.cook-counter{padding:.75rem;gap:.75rem}.counter-btn{width:36px;height:36px;font-size:1.1rem}.input-row{flex-direction:column;gap:.5rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-actions button{width:100%;order:2}.btn-primary{order:1}.item-tag .remove-btn{width:16px;height:16px;min-width:16px;min-height:16px;font-size:.7rem}}[dir=rtl] .recipe-header{flex-direction:row-reverse}[dir=rtl] .recipe-notes-close-btn{right:auto;left:.75rem}[dir=rtl] .recipe-notes-modal-header{padding:1.5rem 1.5rem 1rem 3rem}[dir=rtl] .notes-form{padding-right:1.5rem;padding-left:3rem}[dir=rtl] .rating-input{flex-direction:column}[dir=rtl] .cook-counter,[dir=rtl] .input-row,[dir=rtl] .item-tag,[dir=rtl] .modal-actions{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .recipe-notes-close-btn{left:.5rem;right:auto}[dir=rtl] .input-row,[dir=rtl] .modal-actions{flex-direction:column}}.save-success-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:600;z-index:2000;animation:slideIn .3s ease,slideOut .3s ease 2.7s}@keyframes slideIn{0%{transform:translate(-50%) translateY(-100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100px);opacity:0}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.favorites-stats-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1001;width:90vw;max-width:800px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-sm)}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .3s ease;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:var(--text-color)}.stats-content{padding:var(--spacing-lg) var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.stat-card{background-color:var(--bg-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:2px solid var(--border-light);transition:all .3s ease}.stat-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:block}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-sm);line-height:1}.stat-label{font-size:1rem;color:var(--text-secondary);font-weight:500}.stats-section{margin-bottom:var(--spacing-xl)}.stats-section h3{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-sm)}.section-description{margin:0 0 var(--spacing-lg) 0;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.recipes-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.recipe-stat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all .3s ease}.recipe-stat-item:hover{background-color:var(--primary-light);border-color:var(--primary-color)}.recipe-rank{font-size:1.25rem;font-weight:700;color:var(--primary-color);min-width:40px;text-align:center}.recipe-name{font-weight:600;color:var(--text-color);margin-bottom:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-meta{font-size:.875rem;color:var(--text-light);line-height:1.2}.more-items{text-align:center;padding:var(--spacing-md);color:var(--text-light);font-size:.9rem;font-style:italic}.modal-actions{display:flex;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--border-light)}@media (max-width: 768px){.favorites-stats-modal{width:95vw;left:50%;right:auto;transform:translate(-50%,-50%)}.modal-header{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}.modal-header h2{font-size:1.25rem}.stats-content{padding:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{padding:var(--spacing-md)}.stat-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.stat-value{font-size:1.5rem}.stat-label{font-size:.875rem}.recipe-stat-item{padding:var(--spacing-sm) var(--spacing-md)}.recipe-rank{font-size:1rem;min-width:30px}.modal-actions{padding:var(--spacing-md)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.recipe-stat-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.recipe-rank{align-self:center}}[dir=rtl] .modal-header,[dir=rtl] .recipe-stat-item{flex-direction:row-reverse}[dir=rtl] .favorites-stats-modal{padding-left:8px}[dir=rtl] .recipe-rank{text-align:center}[dir=rtl] .recipe-info{text-align:right;direction:rtl}@media (max-width: 480px){[dir=rtl] .recipe-stat-item{flex-direction:column}}.favorites-stats-modal::-webkit-scrollbar{width:8px}.favorites-stats-modal::-webkit-scrollbar-track{background:var(--bg-color)}.favorites-stats-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.favorites-stats-modal::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.favorites-enhanced{padding:var(--spacing-lg);max-width:var(--container-xl);margin:0 auto;min-height:100vh;direction:ltr;width:100%;box-sizing:border-box;overflow:visible}[dir=rtl] .favorites-enhanced{direction:rtl}.favorites-header{margin-bottom:var(--spacing-xl)}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.favorites-header h1{font-size:2.5rem;margin:0;color:var(--text-color);display:flex;align-items:center;gap:var(--spacing-sm)}.favorites-icon{font-size:2.5rem;animation:heartbeat 1.5s ease-in-out infinite}.header-actions{display:flex;gap:var(--spacing-md)}.collection-description{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0}.btn-simple{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--bg-white);color:var(--text-color);text-decoration:none;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-weight:500;font-size:.95rem;transition:all .3s ease}.btn-simple:hover{background-color:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none;transform:translateY(-1px)}.enhanced-controls{background-color:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.control-row{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box}.search-box{position:relative;flex:1;min-width:200px;max-width:100%}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-right:3rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;transition:all .3s ease;background-color:var(--bg-color)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b331a}.search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text-secondary);pointer-events:none}.sort-selector{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.sort-selector label{font-weight:500;color:var(--text-color);white-space:nowrap}.sort-select{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-white);font-size:.95rem;cursor:pointer;transition:all .3s ease}.sort-select:focus{outline:none;border-color:var(--primary-color)}.favorites-controls{background-color:var(--bg-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl);position:relative;z-index:15;overflow:visible!important}.controls-row{display:flex;gap:var(--spacing-lg);align-items:flex-start;margin-bottom:var(--spacing-xl);flex-wrap:wrap;min-height:60px;width:100%;box-sizing:border-box}.error-banner{background-color:#fee;color:#d32f2f;border:2px solid #ffcccc;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.error-banner button{background:none;border:none;color:#d32f2f;font-size:1.5rem;cursor:pointer;padding:0;min-width:24px;min-height:24px}.favorites-content{margin-top:var(--spacing-xl);position:relative;z-index:0}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .3s ease;min-height:var(--touch-target);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:var(--bg-white);color:var(--text-color);border:2px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .3s ease;min-height:var(--touch-target);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-secondary:hover{background-color:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{background-color:#dc3545;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all .3s ease;min-height:var(--touch-target);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-danger:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width: 768px){.favorites-enhanced{padding:var(--spacing-sm);max-width:100vw;width:100%;box-sizing:border-box}.favorites-header h1,.favorites-icon{font-size:1.75rem}.enhanced-controls{padding:var(--spacing-md)}.control-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md);width:100%}.search-box{min-width:auto;width:100%}.sort-selector{justify-content:space-between}.header-main{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{display:flex;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:var(--spacing-sm)}.header-actions .btn-primary,.header-actions .btn-secondary,.header-actions .btn-simple{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.controls-row{flex-direction:column;width:100%;max-width:100%;box-sizing:border-box}}[dir=rtl] .favorites-enhanced{text-align:right}[dir=rtl] .header-main,[dir=rtl] .header-actions,[dir=rtl] .controls-row,[dir=rtl] .control-row{flex-direction:row-reverse}[dir=rtl] .search-icon{right:auto;left:var(--spacing-md)}[dir=rtl] .search-input{padding-right:var(--spacing-lg);padding-left:3rem;text-align:right}[dir=rtl] .sort-selector,[dir=rtl] .favorites-header h1{flex-direction:row-reverse}[dir=rtl] .collection-description{text-align:right}[dir=rtl] .error-banner{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .header-main{flex-direction:column;align-items:flex-start}[dir=rtl] .control-row,[dir=rtl] .controls-row{flex-direction:column}[dir=rtl] .header-actions{justify-content:flex-start}}.categories-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-style:italic}.empty-state{text-align:center;padding:var(--spacing-xxl);margin-top:var(--spacing-xl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.empty-state h2{font-size:1.75rem;font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-md)}.empty-state p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto var(--spacing-xl);line-height:1.5}.favorites-page.enhanced .favorites-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.1) rotate(5deg);opacity:.8}50%{transform:scale(1.2) rotate(-5deg);opacity:1}75%{transform:scale(1.1) rotate(3deg);opacity:.9}}.favorites-counter{background:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.counter-text{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.counter-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.counter-progress{height:100%;border-radius:3px;transition:all .3s ease}.limit-warning{font-size:12px;color:#f44;font-weight:600}.remaining-count{font-size:12px;color:var(--text-secondary);opacity:.8}@media (max-width: 768px){.favorites-counter{padding:12px;margin-bottom:16px}.counter-text{font-size:13px}}.following-page{max-width:1200px;margin:0 auto;padding:40px 20px 20px;min-height:calc(100vh - 160px)}.following-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-spinner{width:36px;height:36px;border:3px solid #f3f3f3;border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite}.page-header{text-align:center;margin-bottom:32px;padding:40px 20px 20px}@media (min-width: 769px){.page-header{margin-top:20px}}.page-header h1{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:700;margin:0 0 12px;color:#333}.following-icon{font-size:32px}.page-description{font-size:15px;color:#666;max-width:500px;margin:0 auto;line-height:1.5}.view-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:32px}.toggle-btn{padding:10px 24px;background:#f8f9fa;border:none;border-radius:24px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#e9ecef;color:#333}.toggle-btn.active{background:#ff6b6b;color:#fff}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.channel-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .2s ease}.channel-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.channel-link{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;margin-bottom:16px}.channel-avatar{width:fit-content;height:fit-content;border-radius:50%!important;overflow:hidden;flex-shrink:0}.channel-avatar .user-avatar-component{border-radius:50%!important}.channel-avatar img{width:100%;height:100%;object-fit:cover}.channel-info h3{margin:0 0 4px;font-size:18px;font-weight:600}.channel-stats{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.unfollow-btn{width:100%;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .2s ease}.unfollow-btn:hover{background:var(--error-color);color:#fff;border-color:var(--error-color)}.unfollow-btn:disabled{opacity:.6;cursor:not-allowed}.no-results{text-align:center;padding:60px 20px}.no-results p{font-size:16px;color:#666;margin-bottom:24px;line-height:1.5}.explore-link{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.explore-link:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width: 768px){.page-header h1{font-size:28px}.following-icon{font-size:32px}.channels-grid{grid-template-columns:1fr}.channel-card{padding:16px}.channel-avatar{width:fit-content;height:fit-content}}@media (prefers-color-scheme: dark){.following-page{background-color:#1a1a1a;color:#fff}.page-header h1{color:#fff}.page-description{color:#ccc}.toggle-btn{background:#2d2d2d;color:#ccc}.toggle-btn:hover{background:#444;color:#fff}.toggle-btn.active{background:#ff6b6b;color:#fff}.channel-card{background:#2d2d2d;border-color:#444}.channel-card:hover{background:#333}.no-results p{color:#ccc}}.followers-management{max-width:600px;margin:0 auto;padding:0 var(--spacing-md);min-height:100vh;background:var(--bg-white)}.page-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0 var(--spacing-md);border-bottom:1px solid #eee;margin-bottom:var(--spacing-md);position:sticky;top:0;background:var(--bg-white);z-index:10}.back-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .2s ease}.back-button:hover{background:#f5f5f5;color:#333}.page-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#333;flex:1}.search-container{margin-bottom:var(--spacing-lg)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#666;z-index:1}.search-input{width:100%;padding:12px 12px 12px 44px;border:1px solid #ddd;border-radius:12px;font-size:16px;background:#f8f9fa;transition:all .2s ease}.search-input:focus{outline:none;border-color:#ff6b35;background:#fff;box-shadow:0 0 0 3px #ff6b351a}.tabs-container{margin-bottom:var(--spacing-lg);position:sticky;top:80px;background:var(--bg-white);z-index:5;padding:var(--spacing-sm) 0}.tabs{display:flex;background:#f1f3f4;border-radius:12px;padding:4px;gap:4px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:none;color:#666;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.tab.active{background:#fff;color:#ff6b35;box-shadow:0 2px 8px #0000001a}.tab-count{background:#ff6b3533;color:#ff6b35;padding:2px 6px;border-radius:10px;font-size:12px;font-weight:600;margin-left:4px}.tab.active .tab-count{background:#ff6b354d}.content{padding-bottom:var(--spacing-xl)}.loading-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl);color:#666}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:2px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl);text-align:center;color:#666}.empty-icon{color:#ccc;margin-bottom:var(--spacing-sm)}.empty-state h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.empty-state p{margin:0;font-size:.9rem;color:#666;line-height:1.5;max-width:300px}.user-list{display:flex;flex-direction:column;gap:1px;background:#f5f5f5;border-radius:12px;overflow:hidden}.user-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:#fff;transition:background .2s ease}.user-item:hover{background:#fafafa}.user-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.user-details h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-stats{margin:0;font-size:13px;color:#666}.user-actions{flex-shrink:0}.follow-button,.unfollow-button{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #ff6b35;background:#fff;color:#ff6b35;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.follow-button:hover,.follow-button.following,.unfollow-button{background:#ff6b35;color:#fff}.follow-button.following:hover,.unfollow-button:hover{background:#e55a2b}.follow-button:disabled,.unfollow-button:disabled{opacity:.6;cursor:not-allowed}.load-more-container{display:flex;justify-content:center;padding:var(--spacing-lg) 0}.load-more-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#f8f9fa;border:1px solid #ddd;color:#666;border-radius:12px;font-size:14px;cursor:pointer;transition:all .2s ease}.load-more-button:hover:not(:disabled){background:#ff6b35;color:#fff;border-color:#ff6b35}.load-more-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.followers-management{padding:0 var(--spacing-sm)}.page-header{padding:var(--spacing-md) 0 var(--spacing-sm)}.page-header h1{font-size:1.25rem}.back-button{padding:6px 8px;font-size:13px}.search-input{font-size:16px}.tabs-container{top:60px}.tab{padding:10px 12px;font-size:13px}.user-item{padding:var(--spacing-sm)}.user-details h4{font-size:15px}.user-stats{font-size:12px}.follow-button,.unfollow-button{padding:6px 12px;font-size:13px}}[dir=rtl] .followers-management .page-header{display:block!important;text-align:right!important}[dir=rtl] .followers-management .back-button{float:right!important;margin-left:0!important;margin-right:0!important}[dir=rtl] .followers-management .page-header h1{text-align:right!important;margin-left:0!important;margin-right:0!important;clear:both!important}body[dir=rtl] .followers-management .page-header{display:block!important;text-align:right!important}body[dir=rtl] .followers-management .back-button{float:right!important;margin-left:0!important;margin-right:0!important}body[dir=rtl] .followers-management .page-header h1{text-align:right!important;margin-left:0!important;margin-right:0!important;clear:both!important}[dir=rtl] .search-icon{left:auto;right:12px}[dir=rtl] .search-input{padding:12px 44px 12px 12px}[dir=rtl] .user-info{text-align:right}@media (prefers-color-scheme: dark){.followers-management{background:#1a1a1a;color:#fff}.page-header{background:#1a1a1a;border-bottom-color:#333}.page-header h1{color:#fff}.back-button{color:#aaa}.back-button:hover{background:#333;color:#fff}.search-input{background:#2a2a2a;border-color:#444;color:#fff}.search-input:focus{background:#333;border-color:#ff6b35}.search-icon{color:#aaa}.tabs-container{background:#1a1a1a}.tabs{background:#2a2a2a}.tab{color:#aaa}.tab.active{background:#333;color:#ff6b35}.user-list{background:#333}.user-item{background:#2a2a2a}.user-item:hover{background:#333}.user-details h4{color:#fff}.user-stats{color:#aaa}.empty-state h3{color:#fff}.empty-state p{color:#aaa}.empty-icon{color:#555}.load-more-button{background:#2a2a2a;border-color:#444;color:#aaa}.load-more-button:hover:not(:disabled){background:#ff6b35;color:#fff;border-color:#ff6b35}}.activity-page{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-md);padding-bottom:calc(var(--spacing-xl) + 60px)}.activity-header{text-align:center;margin-bottom:var(--spacing-xl)}.activity-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs);color:var(--text-color)}.activity-subtitle{color:var(--text-light);font-size:1rem}.activity-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.activity-tabs::-webkit-scrollbar{display:none}.tab-button{flex:1;min-width:fit-content;padding:var(--spacing-md);background:none;border:none;border-bottom:2px solid transparent;font-size:1rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .3s;white-space:nowrap}.activity-page .tab-button.active{color:#ff6b35!important;border-bottom-color:#ff6b35!important}.tab-button:hover{color:var(--text-color)}.activity-content{position:relative}.activity-section{display:none}.activity-section.active{display:block;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.section-subtitle{color:var(--text-light);font-size:.9rem}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;transition:transform .2s}.activity-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.activity-icon{display:none}.activity-content-wrapper{flex:1;min-width:0}.activity-header-info{margin-bottom:var(--spacing-sm)}.activity-user{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--text-color);font-weight:600}.activity-user:hover{color:var(--primary-color)}.user-name{font-size:.95rem}.activity-action{color:var(--text-light);font-size:.9rem}.activity-time{margin-left:auto;color:var(--text-lighter);font-size:.85rem}.activity-recipe{display:flex;gap:var(--spacing-md);text-decoration:none;color:inherit;background:var(--bg-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:background-color .2s}.activity-recipe:hover{background:var(--bg-secondary)}.recipe-thumbnail{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.recipe-info h3{font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-stats{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-light)}.activity-stat{display:inline-flex;align-items:center;gap:3px}.activity-stat-badge{display:inline-flex;align-items:center;padding:2px 6px;background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:capitalize}.chef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.chef-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;text-decoration:none;color:inherit;transition:all .2s}.chef-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.chef-card h3{margin:var(--spacing-sm) 0;font-size:1rem;font-weight:600}.chef-reason{font-size:.85rem;color:var(--text-light);margin-bottom:var(--spacing-sm)}.chef-stats{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--text-light)}.chef-stats strong{color:var(--text-color)}.loading-message,.empty-message{text-align:center;padding:var(--spacing-xxl);color:var(--text-light)}.empty-message p{margin-bottom:var(--spacing-md)}.cta-link,.cta-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;transition:background-color .2s;border:none;cursor:pointer;font-size:1rem}.cta-link:hover,.cta-button:hover{background:var(--primary-hover)}@media (max-width: 768px){.activity-page{padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-xl) + 70px)}.activity-header h1{font-size:1.5rem}.activity-subtitle{font-size:.9rem}.activity-item{padding:var(--spacing-sm)}.activity-header-info{font-size:.9rem}.activity-time{margin-left:0;font-size:.8rem}.recipe-thumbnail{width:50px;height:50px}.chef-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.chef-card{padding:var(--spacing-md)}.chef-stats{flex-direction:column;gap:var(--spacing-xs)}}[dir=rtl] .activity-content-wrapper{text-align:right}[dir=rtl] .activity-time{margin-left:0;margin-right:auto}[dir=rtl] .activity-recipe .recipe-info,[dir=rtl] .recipe-info,[dir=rtl] .activity-recipe .recipe-info h3,[dir=rtl] .recipe-info h3{text-align:right!important;direction:rtl!important}[dir=rtl] .activity-stats{direction:ltr}@media (min-width: 1024px){.activity-tabs{display:none}.activity-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.activity-section{display:block!important}.chef-grid{grid-template-columns:repeat(2,1fr)}}.notifications-page{max-width:800px;margin:0 auto;padding:20px;min-height:100vh}.notifications-header{margin-bottom:30px}.notifications-header h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:20px}.notifications-tabs{display:flex;background:#f9fafb;border-radius:12px;padding:4px;gap:4px;border:1px solid #e5e7eb}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.tab-icon{font-size:18px}.tab-text{font-weight:600}.comments-notifications{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.notifications-actions{padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;gap:12px}.mark-all-read-btn{padding:8px 16px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.mark-all-read-btn:hover{background:#1d4ed8}.clear-actions{display:flex;gap:8px}.clear-read-btn,.clear-all-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff}.clear-read-btn{color:#6b7280}.clear-read-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.clear-all-btn{color:#dc2626}.clear-all-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.clear-read-btn:disabled,.clear-all-btn:disabled{opacity:.5;cursor:not-allowed}.notifications-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.no-notifications{text-align:center;padding:60px 20px;color:#6b7280}.no-notifications-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-notifications h3{font-size:20px;font-weight:600;color:#374151;margin-bottom:8px}.no-notifications p{font-size:16px;line-height:1.5;max-width:400px;margin:0 auto}.notifications-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s ease;position:relative}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#eff6ff;border-left:4px solid #2563eb}.notification-item.unread:hover{background:#dbeafe}.notification-icon{font-size:24px;margin-top:2px;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-text{font-size:16px;font-weight:500;color:#1f2937;line-height:1.4;margin-bottom:8px}.notification-details{margin-bottom:8px}.recipe-title{font-size:14px;font-weight:600;color:#2563eb;display:block;margin-bottom:4px}.comment-preview{font-size:14px;color:#6b7280;font-style:italic;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-time{font-size:12px;color:#9ca3af;font-weight:500}.unread-dot{position:absolute;top:20px;right:20px;width:8px;height:8px;background:#2563eb;border-radius:50%;flex-shrink:0}[dir=rtl] .notification-item.unread{border-left:none;border-right:4px solid #2563eb}[dir=rtl] .unread-dot{right:auto;left:20px}[dir=rtl] .notifications-tabs{direction:rtl}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-header h1{font-size:28px;margin-bottom:16px}.tab-button{padding:10px 12px;font-size:14px}.tab-icon{font-size:16px}.notification-item{padding:16px;gap:12px}.notification-icon{font-size:20px}.notification-text{font-size:15px}.no-notifications{padding:40px 16px}.no-notifications-icon{font-size:48px}.no-notifications h3{font-size:18px}.no-notifications p{font-size:14px}}@media (prefers-contrast: high){.notification-item.unread{border-left-width:6px}.unread-dot{width:10px;height:10px}.tab-button.active{border:2px solid #2563eb}}@media (prefers-color-scheme: dark){.notifications-page{background:#111827;color:#f9fafb}.notifications-header h1{color:#f9fafb}.notifications-tabs{background:#1f2937;border-color:#374151}.tab-button{color:#9ca3af}.tab-button:hover{background:#374151;color:#f3f4f6}.tab-button.active{background:#374151;color:#60a5fa}.comments-notifications{background:#1f2937;border:1px solid #374151}.notifications-actions{background:#111827;border-color:#374151}.notification-item{border-color:#374151}.notification-item:hover{background:#111827}.notification-item.unread{background:#1e3a8a}.notification-item.unread:hover{background:#1e40af}.notification-text{color:#f9fafb}.recipe-title{color:#60a5fa}.comment-preview{color:#9ca3af}.notification-time{color:#6b7280}.no-notifications h3{color:#f3f4f6}.no-notifications p{color:#9ca3af}}.subscribe-button-container{display:flex;align-items:center;gap:8px;position:relative}.subscribe-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:106px;height:36px;justify-content:center;text-transform:uppercase;letter-spacing:.5px}.subscribe-button:disabled{opacity:.6;cursor:not-allowed}.subscribe-button.not-subscribed{background:#ff6b35;color:#fff}.subscribe-button.not-subscribed:hover:not(:disabled){background:#e55a2b;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b354d}.subscribe-button.subscribed{background:#f2f2f2;color:#606060;border:1px solid #d4d4d4}.subscribe-button.subscribed:hover:not(:disabled){background:#e5e5e5;border-color:silver}.subscribe-button.loading{pointer-events:none}.button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.notification-button-container{position:relative}.notification-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#f2f2f2;border:1px solid #d4d4d4;border-radius:50%;cursor:pointer;transition:all .2s ease;color:#606060}.notification-button:hover{background:#e5e5e5;border-color:silver}.notification-button.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.notification-button.active:hover{background:#e55a2b;border-color:#e55a2b}.notification-menu{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:#fff;border:1px solid #d4d4d4;border-radius:8px;box-shadow:0 4px 16px #00000026;z-index:1000;overflow:hidden}.notification-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5;background:#f9f9f9}.notification-menu-header h4{margin:0;font-size:14px;font-weight:500;color:#0f0f0f}.close-menu{background:none;border:none;font-size:20px;color:#606060;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-menu:hover{background:#e5e5e5}.notification-options{padding:8px 0}.notification-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease}.notification-option:hover{background:#f9f9f9}.notification-option input[type=radio]{margin:2px 0 0;cursor:pointer}.option-content{flex:1}.option-content strong{display:block;font-size:14px;font-weight:500;color:#0f0f0f;margin-bottom:2px}.option-content p{margin:0;font-size:12px;color:#606060;line-height:1.4}.permission-warning{color:#ff9500;font-size:14px}.permission-note{color:#ff9500!important;font-size:11px!important;font-style:italic;margin-top:4px!important}.notification-option.disabled{opacity:.6;pointer-events:none;cursor:not-allowed}.notification-option.disabled input[type=radio]{cursor:not-allowed}.notification-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid #e5e5e5;background:#f9f9f9;font-size:14px;color:#606060}.notification-loading .loading-spinner.small{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite}.notification-option{transition:background-color .2s ease;border-radius:4px;margin:2px 0}.notification-option:hover:not(.disabled){background:#f5f5f5}.notification-option input[type=radio]:checked+.option-content strong{color:#ff6b35}.notification-button{position:relative}.notification-button.has-permission:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#4caf50;border-radius:50%;border:2px solid white}@media (max-width: 768px){.subscribe-button{min-width:96px;height:32px;padding:8px 14px;font-size:13px}.notification-button{width:32px;height:32px}.notification-menu{right:auto;left:-160px;transform:none;width:260px;position:absolute;top:calc(100% + 8px)}}[dir=rtl] .notification-menu{right:0;left:auto}@media (max-width: 768px){[dir=rtl] .notification-menu{left:-160px;right:auto;transform:none}}[dir=rtl] .subscribe-button-container{flex-direction:row-reverse}@media (prefers-color-scheme: dark){.subscribe-button.subscribed{background:#272727;color:#aaa;border-color:#404040}.subscribe-button.subscribed:hover:not(:disabled){background:#3a3a3a;border-color:#505050}.notification-button{background:#272727;border-color:#404040;color:#aaa}.notification-button:hover{background:#3a3a3a;border-color:#505050}.notification-button.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.notification-button.active:hover{background:#e55a2b;border-color:#e55a2b}.notification-menu{background:#181818;border-color:#404040;box-shadow:0 4px 16px #00000080}.notification-menu-header{background:#202020;border-bottom-color:#404040}.notification-menu-header h4{color:#f1f1f1}.close-menu{color:#aaa}.close-menu:hover{background:#3a3a3a}.notification-option:hover{background:#202020}.option-content strong{color:#f1f1f1}.option-content p{color:#aaa}}.user-channel{max-width:1284px;margin:0 auto;background:#fff;min-height:100vh}.channel-loading{display:flex;justify-content:center;align-items:center;min-height:60vh}.channel-loading .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #cc0000;border-radius:50%;animation:spin 1s linear infinite}.channel-error{text-align:center;padding:60px 20px;color:#606060}.channel-error h2{margin:0;font-size:20px;font-weight:400}.channel-header{background:#fff}.channel-banner{height:40px;background:linear-gradient(135deg,#ff6b35,#ff8c42);position:relative;overflow:hidden}.banner-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35e6,#ff8c42cc)}.channel-info-section{padding:16px 24px 24px;border-bottom:1px solid #e5e5e5}.channel-primary-info{display:flex;align-items:flex-start;gap:24px}.channel-avatar-container{position:relative;flex-shrink:0;margin-top:-20px}.channel-avatar-container .user-avatar-component{width:80px!important;height:80px!important;border:4px solid white;border-radius:50%!important;box-shadow:0 2px 10px #0000001a}.verified-badge{position:absolute;bottom:-2px;right:-2px;background:#ff6b35;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 1px 4px #0003}.channel-metadata{flex:1;min-width:0;padding-top:4px}.channel-name{margin:0 0 4px;font-size:24px;font-weight:400;color:#0f0f0f;line-height:1.3;word-wrap:break-word}.channel-stats-line{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#606060;font-size:14px;flex-wrap:wrap}.handle{font-weight:400}.stat-separator{color:#606060;font-size:12px}.subscriber-count,.video-count{font-weight:400}.channel-description{margin-bottom:16px;max-width:600px}.channel-description p{margin:0;color:#0f0f0f;font-size:14px;line-height:1.4}.channel-links{display:flex;gap:16px;flex-wrap:wrap}.channel-link{display:inline-flex;align-items:center;gap:6px;color:#606060;text-decoration:none;font-size:14px;font-weight:400;transition:color .2s ease}.channel-link:hover{color:#0f0f0f}.channel-link.youtube{color:red}.channel-link.instagram{color:#e4405f}.channel-actions{display:flex;align-items:flex-start;gap:12px;margin-top:4px;flex-shrink:0}.manage-channel-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f2f2f2;border:1px solid #d4d4d4;border-radius:24px;color:#0f0f0f;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.manage-channel-button:hover{background:#e5e5e5;border-color:silver}.channel-content{background:#fff}.channel-navigation{border-bottom:1px solid #e5e5e5;padding:0 24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.channel-navigation::-webkit-scrollbar{display:none}.nav-tabs{display:flex;gap:32px;min-width:max-content}[dir=rtl] .nav-tabs{display:block;text-align:right}[dir=rtl] .nav-tab{display:inline-block;margin-left:32px;margin-right:0;padding:16px 24px;font-size:16px;font-weight:600;min-height:48px}.nav-tab{display:flex;align-items:center;gap:8px;padding:16px 24px;background:none;border:none;font-size:16px;font-weight:600;color:#606060;cursor:pointer;position:relative;transition:color .2s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-height:48px}.nav-tab:hover,.nav-tab.active{color:#0f0f0f}.nav-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#ff6b35}.channel-videos{padding:24px}@media (max-width: 1024px){.channel-info-section{padding:16px 20px 20px}.channel-primary-info{gap:20px}.channel-navigation{padding:0 20px}.channel-videos{padding:20px}}@media (max-width: 768px){.channel-banner{height:30px}.channel-info-section{padding:16px 16px 20px}.channel-primary-info{flex-direction:column;align-items:center;text-align:center;gap:16px}.channel-avatar-container{margin-top:-15px}.channel-avatar-container .user-avatar-component{width:64px!important;height:64px!important}.verified-badge{width:20px;height:20px;bottom:0;right:0}.verified-badge svg{width:12px;height:12px}.channel-metadata{text-align:center;max-width:100%}.channel-name{font-size:20px}.channel-stats-line{justify-content:center;font-size:13px}.channel-description{text-align:center;margin:0 auto 16px}.channel-links{justify-content:center}.channel-actions{width:100%;justify-content:center;margin-top:16px}.nav-tabs{gap:24px}.nav-tab{font-size:15px;padding:14px 20px;min-height:44px}.channel-navigation{padding:0 16px}.channel-videos{padding:16px}}@media (max-width: 480px){.channel-info-section{padding:12px 12px 16px}.channel-primary-info{gap:12px}.channel-name{font-size:18px}.channel-stats-line{font-size:12px;gap:6px}.stat-separator{font-size:10px}.channel-description p,.channel-link{font-size:13px}.nav-tabs{gap:20px}.channel-videos{padding:12px}}[dir=rtl] .channel-primary-info,[dir=rtl] .channel-stats-line,[dir=rtl] .channel-links,[dir=rtl] .channel-actions,[dir=rtl] .manage-channel-button{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .channel-primary-info{flex-direction:column}[dir=rtl] .channel-stats-line,[dir=rtl] .channel-links,[dir=rtl] .channel-actions{flex-direction:row;justify-content:center}}@media (prefers-color-scheme: dark){.user-channel{background:#0f0f0f;color:#f1f1f1}.channel-header{background:#0f0f0f}.channel-info-section{border-bottom-color:#333}.channel-name{color:#f1f1f1}.channel-stats-line{color:#aaa}.channel-description p{color:#f1f1f1}.channel-link{color:#aaa}.channel-link:hover{color:#f1f1f1}.manage-channel-button{background:#272727;border-color:#404040;color:#f1f1f1}.manage-channel-button:hover{background:#3a3a3a;border-color:#505050}.channel-content{background:#0f0f0f}.channel-navigation{border-bottom-color:#333}.nav-tab{color:#aaa}.nav-tab:hover,.nav-tab.active{color:#f1f1f1}.nav-tab.active:after{background:#f1f1f1}.channel-error{color:#aaa}}.channel-navigation{scroll-behavior:smooth}.nav-tab:focus,.manage-channel-button:focus,.channel-link:focus{outline:2px solid #ff6b35;outline-offset:2px;border-radius:4px}@media (prefers-contrast: high){.channel-stats-line,.channel-link,.nav-tab,.stat-separator{color:#000}}@media (prefers-reduced-motion: reduce){.nav-tab,.manage-channel-button,.channel-link{transition:none}.loading-spinner{animation:none}}.admin-layout{display:flex;min-height:100vh;background:#f5f6fa}.admin-layout.rtl{direction:rtl}.admin-layout.rtl .admin-sidebar{left:auto;right:0;box-shadow:-2px 0 10px #0000001a}.admin-layout.rtl .admin-main{margin-left:0;margin-right:260px}.admin-layout.rtl .admin-nav-link,.admin-layout.rtl .admin-user-info{text-align:right}.admin-sidebar{width:260px;background:#2c3e50;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000;box-shadow:2px 0 10px #0000001a;transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-header{padding:25px 20px;background:#1e2936;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:-.5px}.admin-sidebar-toggle{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:4px;transition:background .2s}.admin-sidebar-toggle:hover{background:#ffffff1a}.admin-nav{flex:1;padding:20px 15px}.admin-nav-link{display:block;padding:14px 20px;color:#ecf0f1;text-decoration:none;border-radius:8px;margin-bottom:8px;transition:all .2s ease;font-size:1rem;font-weight:500;position:relative}.admin-nav-link:hover{background:#3498db26;transform:translate(5px)}.admin-nav-link.active{background:#ff6b6b;color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.admin-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);background:#1e2936}.admin-user-info{margin-bottom:15px;color:#95a5a6}.admin-user-info p{margin:0;font-size:.875rem}.admin-user-email{font-weight:600;color:#fff;word-break:break-all;margin-top:5px}.admin-actions{display:flex;flex-direction:column;gap:10px}.admin-link,.admin-logout{background:#34495e;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s ease;font-size:.875rem;font-weight:500}.admin-link:hover,.admin-logout:hover{background:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 8px #ff6b6b4d}.admin-main{flex:1;display:flex;flex-direction:column;margin-left:260px;transition:margin-left .3s ease}.admin-header{background:#fff;padding:20px 30px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:20px}.admin-header h1{margin:0;color:#2c3e50;font-size:1.75rem;font-weight:600}.admin-content{flex:1;padding:30px;overflow-y:auto;background:#f5f6fa}.mobile-only,.desktop-hidden,.admin-overlay{display:none}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.mobile-only,.desktop-hidden{display:block}.admin-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.admin-header{padding:15px 20px}.admin-content{padding:20px}.admin-sidebar-toggle.mobile-only{background:#ff6b6b;color:#fff;border-radius:8px;box-shadow:0 2px 8px #ff6b6b33}}@media (min-width: 769px){.admin-sidebar{transform:translate(0)}.desktop-hidden{display:none}}.admin-dashboard{width:100%}.admin-dashboard h1{margin:0 0 30px;font-size:2rem;color:#1e2139}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e8e8e8;position:relative;transition:box-shadow .3s ease}.stat-card:hover{box-shadow:0 4px 16px #0000001a}.stat-card.wide{grid-column:span 2}.stat-card h3{margin:0 0 16px;font-size:1.125rem;color:#6b7280;font-weight:500}.stat-number{font-size:2.5rem;font-weight:700;color:#ff6b6b;margin:8px 0}.stat-details{display:flex;gap:var(--spacing-md);margin:var(--spacing-md) 0;font-size:.875rem}.stat-details .active{color:var(--success-color)}.stat-details .inactive{color:var(--danger-color)}.stat-link{display:inline-block;margin-top:var(--spacing-md);color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem;transition:color .3s}.stat-link:hover{color:var(--primary-hover);text-decoration:underline}.category-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.category-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--radius-sm)}.category-name{font-weight:500;text-transform:capitalize}.category-count{color:var(--text-light)}.difficulty-stats,.time-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.difficulty-item,.time-item{display:flex;justify-content:space-between;align-items:center}.difficulty-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-transform:capitalize}.difficulty-count,.time-count{font-weight:600;color:var(--text-color)}.time-range{color:var(--text-light);font-size:.875rem}.top-recipes{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.recipe-list h3{margin:0 0 var(--spacing-md) 0;font-size:1.25rem;color:var(--text-color)}.admin-table{width:100%;background-color:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.admin-table th,.admin-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{background-color:var(--bg-color);font-weight:600;color:var(--text-color);font-size:.875rem;text-transform:uppercase}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:var(--bg-color)}.table-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.875rem}.table-link:hover{text-decoration:underline}@media (max-width: 1024px){.stat-card.wide{grid-column:span 1}.top-recipes{grid-template-columns:1fr}}@media (max-width: 768px){.admin-dashboard{padding:var(--spacing-md)}.admin-dashboard h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-card{padding:var(--spacing-md)}.stat-number{font-size:2rem}.category-stats{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table th,.admin-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.admin-actions{margin-bottom:40px}.action-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #e8e8e8;transition:all .3s ease;position:relative;overflow:hidden}.action-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.cleanup-card{border-left:4px solid #ff8c42;background:linear-gradient(135deg,#fff,#fff8f4)}.cleanup-card:hover{background:linear-gradient(135deg,#fff8f4,#fff0e6)}.action-card h3{margin:0 0 16px;font-size:1.25rem;color:#1e2139;font-weight:600;display:flex;align-items:center;gap:8px}.action-card p{margin:0 0 16px;color:#6b7280;font-size:1rem;line-height:1.5}.action-details{margin-bottom:20px}.action-note{display:inline-block;background:#ff8c421a;color:#ff8c42;padding:4px 12px;border-radius:16px;font-size:.875rem;font-weight:500}.action-link{display:inline-flex;align-items:center;gap:8px;color:#ff8c42;text-decoration:none;font-weight:600;font-size:1rem;padding:12px 24px;background:#ff8c421a;border-radius:8px;transition:all .3s ease}.action-link:hover{background:#ff8c4233;transform:translate(4px)}@media (max-width: 768px){.admin-actions{margin-bottom:30px}.action-card{padding:20px}.action-card h3{font-size:1.125rem}.action-link{font-size:.9rem;padding:10px 20px}}.admin-users{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-lg)}.admin-users h1{margin:0 0 var(--spacing-xl) 0;font-size:2rem;color:var(--text-color)}.users-controls{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.search-bar{position:relative;max-width:500px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .3s}.search-input:focus{outline:none;border-color:var(--primary-color)}.search-icon{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-light)}.filter-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:all .3s;color:var(--text-color)}.filter-btn:hover{background-color:var(--bg-color)}.filter-btn.active{background-color:var(--primary-color);color:var(--bg-white);border-color:var(--primary-color)}.users-table-container{background-color:var(--bg-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow-x:auto}.users-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1300px}.users-table th,.users-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-table th:nth-child(1),.users-table td:nth-child(1){width:180px}.users-table th:nth-child(2),.users-table td:nth-child(2){width:200px}.users-table th:nth-child(3),.users-table td:nth-child(3){width:120px}.users-table th:nth-child(4),.users-table td:nth-child(4){width:90px}.users-table th:nth-child(5),.users-table td:nth-child(5){width:80px}.users-table th:nth-child(6),.users-table td:nth-child(6){width:120px}.users-table th:nth-child(7),.users-table td:nth-child(7){width:130px}.users-table th:nth-child(8),.users-table td:nth-child(8){width:180px}.users-table th{background-color:var(--bg-color);font-weight:600;color:var(--text-color);font-size:.875rem;text-transform:uppercase;white-space:nowrap}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:var(--bg-color)}.user-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.user-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-avatar span{font-weight:600;color:var(--text-light);text-transform:uppercase}.status-badge,.role-badge,.verification-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#e8f5e9;color:var(--success-color)}.status-badge.inactive{background-color:#ffebee;color:var(--danger-color)}.role-badge.admin{background-color:#e3f2fd;color:#1976d2}.role-badge.user{background-color:#f3e5f5;color:#7b1fa2}.verification-badge.verified{background-color:#e3f2fd;color:#1da1f2}.verification-badge.unverified{background-color:#f5f5f5;color:#666}.action-btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .3s;min-width:80px}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.disable{background-color:var(--danger-color);color:var(--bg-white)}.action-btn.disable:hover:not(:disabled){background-color:#d32f2f}.action-btn.enable{background-color:var(--success-color);color:var(--bg-white)}.action-btn.enable:hover:not(:disabled){background-color:#388e3c}.action-buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-start}.action-buttons .action-btn{min-width:70px;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.action-btn.verification-btn.verify{background-color:#1da1f2;color:var(--bg-white)}.action-btn.verification-btn.verify:hover{background-color:#1991db}.action-btn.verification-btn.unverify{background-color:#757575;color:var(--bg-white)}.action-btn.verification-btn.unverify:hover{background-color:#616161}@media (max-width: 768px){.admin-users{padding:var(--spacing-md)}.admin-users h1{font-size:1.5rem}.filter-controls{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs)}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:var(--spacing-sm)}.user-avatar{width:32px;height:32px}.users-table th:nth-child(3),.users-table td:nth-child(3),.users-table th:nth-child(7),.users-table td:nth-child(7){display:none}}@media (max-width: 480px){.users-table th:nth-child(5),.users-table td:nth-child(5),.users-table th:nth-child(6),.users-table td:nth-child(6){display:none}}.searchable-select{position:relative;width:100%}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-white);cursor:pointer;transition:border-color .3s;font-size:1rem;min-height:44px}.searchable-select-trigger:hover{border-color:var(--primary-color)}.searchable-select-trigger .placeholder{color:var(--text-light)}.searchable-select-trigger .selected{color:var(--text-color)}.searchable-select-trigger .arrow{transition:transform .3s;font-size:.8rem;color:var(--text-light)}.searchable-select-trigger .arrow.up{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;margin-top:2px;max-height:300px;overflow:hidden}.searchable-select-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;border-bottom:1px solid var(--border-color);outline:none;font-size:.9rem;background-color:var(--bg-color)}.searchable-select-search:focus{background-color:var(--bg-white)}.searchable-select-options{max-height:240px;overflow-y:auto}.searchable-select-option{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color .2s;border-bottom:1px solid var(--border-light);font-size:.9rem}.searchable-select-option:hover{background-color:var(--bg-color)}.searchable-select-option.selected{background-color:var(--primary-color);color:var(--bg-white)}.searchable-select-option:last-child{border-bottom:none}@media (max-width: 768px){.searchable-select-dropdown{max-height:200px}.searchable-select-options{max-height:150px}.searchable-select-option{padding:var(--spacing-md) var(--spacing-md);font-size:1rem}}.admin-recipes{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-lg)}.admin-recipes h1{margin:0 0 var(--spacing-xl) 0;font-size:2rem;color:var(--text-color)}.recipes-controls{margin-bottom:var(--spacing-lg)}.search-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--spacing-md);align-items:center}.search-input,.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .3s;background-color:var(--bg-white)}.search-input:focus,.filter-select:focus{outline:none;border-color:var(--primary-color)}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.recipe-admin-card{background-color:var(--bg-white);border-radius:var(--radius-md);overflow:visible!important;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:520px}.recipe-image{position:relative;width:100%;height:200px;overflow:hidden}.recipe-image img{width:100%;height:100%;object-fit:cover}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);font-size:3rem;color:var(--text-lighter)}.trending-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--primary-color);color:var(--bg-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;text-transform:uppercase}.recipe-details{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.recipe-details h3{margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;color:var(--text-color);line-height:1.3}.recipe-author{margin:0 0 var(--spacing-md) 0;color:var(--text-light);font-size:.875rem}.recipe-stats{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;color:var(--text-light)}.recipe-meta{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.difficulty-badge,.category-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.difficulty-badge.easy{background-color:#e8f5e9;color:var(--success-color)}.difficulty-badge.medium{background-color:#fff3e0;color:var(--warning-color)}.difficulty-badge.hard{background-color:#ffebee;color:var(--danger-color)}.category-badge{background-color:#e3f2fd;color:#1976d2}.date-badge{background-color:#f3e5f5;color:#7b1fa2;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.action-btn.view{background-color:#4caf50!important;color:#fff!important}.action-btn.view:hover{background-color:#388e3c!important}.action-btn.edit{background-color:#2196f3!important;color:#fff!important}.action-btn.edit:hover{background-color:#1976d2!important}.action-btn.trending{background-color:#ff9800!important;color:#fff!important}.action-btn.trending:hover{background-color:#f57c00!important}.action-btn.trending.active{background-color:#4caf50!important}.action-btn.trending.active:hover{background-color:#388e3c!important}.action-btn.delete{background-color:#f44336!important;color:#fff!important}.action-btn.delete:hover{background-color:#d32f2f!important}.no-results{text-align:center;padding:var(--spacing-xxl);color:var(--text-light)}.recipe-id{font-size:.75rem;color:#666;margin:2px 0 0;font-family:monospace}.recipe-actions{display:flex!important;gap:var(--spacing-sm)!important;margin-top:auto!important;padding:var(--spacing-md)!important;border-top:1px solid var(--border-color)!important;min-height:60px!important;background-color:var(--bg-white)!important;position:relative!important;z-index:1!important}.action-btn{display:flex!important;visibility:visible!important;opacity:1!important;flex:1!important;min-height:40px!important;padding:var(--spacing-sm) var(--spacing-md)!important;border:none!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;transition:none!important;text-decoration:none!important;text-align:center!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:2!important}.recipe-admin-card .recipe-actions,.recipe-admin-card .recipe-actions *,.recipe-admin-card .action-btn,.recipe-admin-card .action-btn *,.recipe-admin-card .action-btn.view,.recipe-admin-card .action-btn.edit,.recipe-admin-card .action-btn.trending,.recipe-admin-card .action-btn.delete,.recipe-admin-card .action-btn.btn,.recipe-admin-card .action-btn.loading,.recipe-admin-card .action-btn .btn-text,.recipe-admin-card button,.recipe-admin-card a[class*=action-btn],div[class*=recipe-admin-card] button,div[class*=recipe-admin-card] .action-btn,div[class*=recipe-admin-card] .recipe-actions button,div[class*=recipe-admin-card] .recipe-actions .action-btn{opacity:1!important;visibility:visible!important;display:flex!important;pointer-events:auto!important;z-index:9999!important}.recipe-admin-card .action-btn.loading .btn-text,.recipe-admin-card .action-btn.page-transition-enter,.recipe-admin-card .action-btn.page-transition-exit,.recipe-admin-card .action-btn.fade-in,.recipe-admin-card .action-btn[class*=transition],.recipe-admin-card .action-btn[class*=animate],.recipe-admin-card .action-btn[class*=fade]{opacity:1!important;visibility:visible!important;display:flex!important}.recipe-admin-card .action-btn:before,.recipe-admin-card .action-btn:after{opacity:1!important;display:none!important}@media (max-width: 1200px){.search-filters{grid-template-columns:1fr 1fr 1fr}.search-input{grid-column:span 3}}@media (max-width: 1024px){.search-filters{grid-template-columns:1fr 1fr}.search-input{grid-column:span 2}}@media (max-width: 768px){.admin-recipes{padding:var(--spacing-md)}.admin-recipes h1{font-size:1.5rem}.search-filters{grid-template-columns:1fr;gap:var(--spacing-sm)}.search-input{grid-column:span 1}.recipes-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.recipe-admin-card{flex-direction:row}.recipe-image{width:120px;height:120px;flex-shrink:0}.recipe-actions{flex-wrap:wrap!important;gap:var(--spacing-xs)!important}.action-btn{font-size:.75rem!important;padding:var(--spacing-xs) var(--spacing-sm)!important;min-width:60px!important}}@media (max-width: 480px){.recipe-admin-card{flex-direction:column}.recipe-image{width:100%;height:150px}.recipe-stats{font-size:.75rem;gap:var(--spacing-sm)}}.admin-analytics{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-lg)}.admin-analytics.enhanced{max-width:100%}.analytics-header{margin-bottom:var(--spacing-xl)}.analytics-tabs{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);border-bottom:2px solid var(--border-color)}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;background:transparent;color:var(--text-light);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-btn:hover{color:var(--primary-color);background-color:var(--bg-hover)}.tab-content{margin-top:var(--spacing-xl)}.method-stats{display:flex;flex-direction:column;gap:var(--spacing-md)}.method-item{display:flex;align-items:center;gap:var(--spacing-md)}.method-label{min-width:80px;font-weight:500}.method-bar{flex:1;height:20px;background-color:var(--bg-color);border-radius:var(--radius-sm);overflow:hidden}.bar-fill.manual{background-color:#4caf50}.bar-fill.youtube{background-color:red}.bar-fill.ai{background-color:#9c27b0}.bar-fill.shared-link{background-color:#ff9800}.method-value{min-width:40px;text-align:right;font-weight:600}.key-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.metric-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:center}.metric-card h4{margin:0 0 var(--spacing-md) 0;color:var(--text-light);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.content-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.recipe-list,.creators-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.recipe-item,.creator-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--bg-color)}.rank{background-color:var(--primary-color);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.recipe-info,.creator-info{flex:1}.recipe-info h4,.creator-info h4{margin:0 0 2px;font-size:.9rem}.recipe-info p,.creator-info p{margin:0;font-size:.8rem;color:var(--text-light);font-family:monospace}.recipe-stats,.creator-stats{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:var(--text-light)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-item{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:.8rem;border:1px solid var(--border-color)}.tag-item-card{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;min-width:80px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.tag-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.tag-name{font-weight:600;font-size:.9rem;text-align:center;margin-bottom:4px}.tag-count{font-size:.8rem;opacity:.9;background:#fff3;padding:2px 8px;border-radius:12px}.recipe-item{display:flex;align-items:center;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:12px;transition:all .2s}.recipe-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.recipe-item.clickable{cursor:pointer;user-select:none}.recipe-item.clickable:hover{transform:translate(4px);border-color:#4f46e5;box-shadow:0 4px 12px #4f46e526;background:linear-gradient(135deg,#fff,#f8fafc)}.recipe-item.clickable:active{transform:translate(2px);box-shadow:0 2px 6px #4f46e533}.recipe-item .rank{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-right:16px}.recipe-info{flex:1;min-width:0}.recipe-info h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-info p{margin:0;font-size:.8rem;color:#718096}.recipe-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.recipe-stats span{font-size:.8rem;padding:4px 8px;border-radius:4px;background:#f7fafc;color:#4a5568;white-space:nowrap}.recipe-stats .favorites{background:#fed7d7;color:#c53030}.recipe-stats .shares{background:#c6f6d5;color:#2d7d32}.recipe-stats .views{background:#bee3f8;color:#2c5282}.follow-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.followed-list{display:flex;flex-direction:column;gap:12px}.followed-item{display:flex;align-items:center;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s}.followed-item:hover{border-color:#667eea;background:#f0f4ff}.followed-item .rank{width:28px;height:28px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;margin-right:12px}.followed-info{flex:1;min-width:0}.followed-info h4{margin:0 0 2px;font-size:.9rem;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.followed-info p{margin:0;font-size:.75rem;color:#718096}.followed-stats{display:flex;align-items:center}.followed-stats .followers{font-size:.75rem;padding:3px 8px;border-radius:12px;background:#e6fffa;color:#065f46;font-weight:500}.dietary-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.dietary-section,.nutrition-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.dietary-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.dietary-row{display:flex;align-items:center;gap:var(--spacing-md)}.dietary-label{min-width:100px;font-weight:500}.dietary-bar{flex:1;height:16px;background-color:var(--bg-color);border-radius:var(--radius-sm);overflow:hidden}.bar-fill.dietary{background:linear-gradient(90deg,#4caf50,#8bc34a)}.dietary-value{min-width:80px;text-align:right;font-size:.8rem;color:var(--text-light)}.nutrition-stats{display:flex;flex-direction:column;gap:var(--spacing-lg)}.nutrition-card{text-align:center;padding:var(--spacing-md);background-color:var(--bg-color);border-radius:var(--radius-sm)}.nutrition-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:var(--spacing-xs) 0 0 0}.calorie-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.calorie-chart{display:flex;flex-direction:column;gap:var(--spacing-xs)}.calorie-segment{display:flex;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.calorie-segment.low{background-color:#e8f5e9}.calorie-segment.medium{background-color:#fff3e0}.calorie-segment.high{background-color:#ffebee}.engagement-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl)}.language-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.language-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.language-item{display:flex;align-items:center;gap:var(--spacing-md)}.language-bar{flex:1;height:20px;background-color:var(--bg-color);border-radius:var(--radius-sm);overflow:hidden}.bar-fill.english{background-color:#2196f3}.bar-fill.hebrew{background-color:#ff9800}.monetization-insights{display:flex;flex-direction:column;gap:var(--spacing-xl)}.opportunity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.opportunity-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-left:4px solid var(--primary-color)}.opportunity-card h4{margin:0 0 var(--spacing-md) 0;color:var(--primary-color)}.opportunity-action{font-weight:600;color:var(--success-color);margin-top:var(--spacing-sm)}.revenue-projections{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.projection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.projection-item{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--radius-sm)}.projection-value{font-size:1.5rem;font-weight:700;color:var(--success-color);margin:var(--spacing-sm) 0 0 0}.time-analytics{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-top:var(--spacing-xl)}.time-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.time-chart{display:flex;gap:var(--spacing-sm);align-items:end;height:120px;margin-top:var(--spacing-lg)}.time-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.bar-vertical{width:100%;background:linear-gradient(to top,var(--primary-color),var(--primary-hover));border-radius:var(--radius-sm);min-height:10px;transition:all .3s}.time-label{font-size:.7rem;color:var(--text-light);text-align:center}@media (max-width: 768px){.analytics-tabs{flex-wrap:wrap}.tab-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem}.content-grid,.dietary-grid,.engagement-grid,.opportunity-cards,.projection-grid{grid-template-columns:1fr}}.admin-analytics h1{margin:0 0 var(--spacing-xl) 0;font-size:2rem;color:var(--text-color)}.analytics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.overview-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.overview-card h3{margin:0 0 var(--spacing-lg) 0;font-size:1.25rem;color:var(--text-color)}.growth-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.stat-item{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-value.success{color:var(--success-color)}.stat-label{font-size:.875rem;color:var(--text-light)}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.chart-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.chart-section h3{margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;color:var(--text-color)}.distribution-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-row{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:var(--spacing-md)}.chart-label{font-size:.875rem;color:var(--text-color);text-transform:capitalize}.chart-bar{background-color:var(--bg-color);height:24px;border-radius:var(--radius-sm);overflow:hidden;position:relative}.bar-fill{height:100%;background-color:var(--primary-color);transition:width .5s ease;border-radius:var(--radius-sm)}.bar-fill.category{background-color:#2196f3}.bar-fill.difficulty-easy{background-color:var(--success-color)}.bar-fill.difficulty-medium{background-color:var(--warning-color)}.bar-fill.difficulty-hard{background-color:var(--danger-color)}.bar-fill.time{background-color:#9c27b0}.chart-value{font-size:.875rem;color:var(--text-light);text-align:right}.top-performers{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.performers-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.performers-section h3{margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;color:var(--text-color)}.performers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.performer-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color .3s}.performer-item:hover{background-color:var(--bg-color)}.rank{width:32px;height:32px;background-color:var(--primary-color);color:var(--bg-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.performer-info{flex:1}.performer-info h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;color:var(--text-color)}.performer-info p{margin:0;font-size:.75rem;color:var(--text-light)}.performer-stats{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);font-size:.75rem}.performer-stats .views{color:#2196f3}.performer-stats .rating{color:var(--warning-color)}.performer-stats .reviews{color:var(--text-light)}.insights-section{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.insights-section h3{margin:0 0 var(--spacing-lg) 0;font-size:1.25rem;color:var(--text-color)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.insight-card{text-align:center;padding:var(--spacing-lg);background-color:var(--bg-color);border-radius:var(--radius-md)}.insight-card h4{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--text-light);font-weight:500}.insight-value{margin:0;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-transform:capitalize}@media (max-width: 1024px){.top-performers,.analytics-charts{grid-template-columns:1fr}}@media (max-width: 768px){.admin-analytics{padding:var(--spacing-md)}.admin-analytics h1{font-size:1.5rem}.analytics-overview{grid-template-columns:1fr}.growth-stats{grid-template-columns:1fr;gap:var(--spacing-md)}.stat-item{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.chart-row{grid-template-columns:80px 1fr 80px;font-size:.875rem}.insights-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.insights-grid{grid-template-columns:1fr}.performer-item{flex-wrap:wrap}.performer-stats{flex-direction:row;width:100%;justify-content:space-between;margin-top:var(--spacing-sm)}}.search-analytics{max-width:100%}.search-overview{margin-bottom:var(--spacing-xl)}.search-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);text-align:center}.stat-card h4{margin:0 0 var(--spacing-md) 0;font-size:.875rem;color:var(--text-light);font-weight:500}.stat-card .stat-value{margin:0;font-size:2rem;font-weight:700;color:var(--primary-color)}.search-terms-section{margin-bottom:var(--spacing-xl)}.search-terms-section h4{margin:0 0 var(--spacing-lg) 0;font-size:1.25rem;color:var(--text-color)}.search-terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-sm)}.search-term-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-white);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.term-rank{font-size:.875rem;color:var(--text-light);font-weight:600;min-width:30px}.term-name{flex:1;font-weight:500;color:var(--text-color)}.term-count{font-size:.875rem;color:var(--text-light)}.term-percentage{font-size:.875rem;color:var(--primary-color);font-weight:600;min-width:50px;text-align:right}.no-data{text-align:center;padding:var(--spacing-xl);background-color:var(--bg-white);border-radius:var(--radius-md);border:1px solid var(--border-color)}.no-data p{margin:0 0 var(--spacing-sm) 0;color:var(--text-light)}.no-data-subtitle{font-size:.875rem;color:var(--text-lighter)}.search-insights h4{margin:0 0 var(--spacing-lg) 0;font-size:1.25rem;color:var(--text-color)}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.insight-card{background-color:var(--bg-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.insight-card h5{margin:0 0 var(--spacing-md) 0;font-size:1rem;color:var(--text-color);font-weight:600}.insight-card p{margin:0;color:var(--text-light);line-height:1.5}@media (max-width: 768px){.search-stat-cards,.search-terms-grid,.insight-cards{grid-template-columns:1fr}.search-term-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.term-rank,.term-percentage{min-width:auto}}.category-affinity-analytics{max-width:100%}.category-stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.category-popularity-section,.top-categories-section{margin-bottom:var(--spacing-xl)}.category-popularity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.category-popularity-item{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-rank{font-size:var(--font-size-sm);font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.category-name{font-size:var(--font-size-md);font-weight:600;color:var(--text-color);margin-bottom:var(--spacing-sm)}.category-metrics{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.category-metrics .metric{font-size:var(--font-size-sm);color:var(--text-light);background:var(--bg-hover);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.top-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.top-category-item{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s}.top-category-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.category-header .category-rank{margin-bottom:0}.affinity-score{margin-left:auto;font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.category-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm)}.detail-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-light);background:var(--bg-hover);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.detail-item i{font-size:var(--font-size-xs);color:var(--primary-color)}.collections-analytics{margin-top:var(--spacing-lg)}.collections-overview .stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.user-segmentation-section{margin-bottom:var(--spacing-xl)}.segmentation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.segment-item{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-white);box-shadow:var(--shadow-sm)}.segment-item.power-organizers{border-left:4px solid #ff6b6b}.segment-item.casual-organizers{border-left:4px solid #4ecdc4}.segment-item.non-organizers{border-left:4px solid #45b7d1}.segment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.segment-icon{font-size:var(--font-size-xl)}.segment-title{font-weight:600;color:var(--text-dark);flex:1}.segment-count{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.segment-subtitle{font-size:var(--font-size-sm);color:var(--text-light)}.collection-themes-section{margin-bottom:var(--spacing-xl)}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.theme-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-white);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.theme-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.theme-rank{font-size:var(--font-size-sm);font-weight:600;color:var(--text-light);min-width:25px}.theme-icon{font-size:var(--font-size-lg)}.theme-name{font-weight:600;color:var(--text-dark);flex:1}.theme-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:600}.theme-stats{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--text-light)}.theme-stat strong{color:var(--text-dark)}.collection-growth-section{margin-bottom:var(--spacing-xl)}.growth-chart{margin-top:var(--spacing-md)}.growth-summary{margin-bottom:var(--spacing-md);text-align:center}.growth-total{font-size:var(--font-size-lg);color:var(--text-dark)}.growth-bars{display:flex;align-items:end;justify-content:space-between;height:120px;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-white);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.growth-bar{display:flex;flex-direction:column;align-items:center;flex:1}.bar-fill{min-height:2px;width:100%;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.bar-label{font-size:var(--font-size-xs);color:var(--text-light);margin-bottom:var(--spacing-xs)}.bar-value{font-size:var(--font-size-xs);font-weight:600;color:var(--text-dark)}.monetization-insights{margin-bottom:var(--spacing-xl)}.insight-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.insight-card{padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-white);box-shadow:var(--shadow-sm)}.insight-card.engagement-correlation{border-left:4px solid #4ecdc4}.insight-card.premium-opportunities{border-left:4px solid #ff6b6b}.insight-card.business-recommendations{border-left:4px solid #45b7d1}.insight-card h5{margin-bottom:var(--spacing-md);color:var(--text-dark);font-size:var(--font-size-lg)}.correlation-stats{margin-bottom:var(--spacing-md)}.correlation-item{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--border-radius-sm)}.correlation-label{color:var(--text-light)}.correlation-value{font-weight:600;color:var(--text-dark)}.correlation-difference{display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-success-light);border-radius:var(--border-radius-sm);border:1px solid var(--success-color)}.difference-value.positive{color:var(--success-color);font-weight:700}.difference-value.neutral{color:var(--text-light)}.opportunity-stats{margin-bottom:var(--spacing-md)}.opportunity-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--border-radius-sm)}.opportunity-icon{font-size:var(--font-size-lg)}.opportunity-text strong{color:var(--primary-color)}.recommendations-list{list-style:none;padding:0;margin:0}.recommendations-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--border-radius-sm)}.recommendation-icon{font-size:var(--font-size-lg);margin-top:2px}.insight-description{font-size:var(--font-size-sm);color:var(--text-light);line-height:1.5;margin:0}.recent-collections-section{margin-bottom:var(--spacing-xl)}.recent-collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.recent-collection-item{padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-white);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center}.collection-info{display:flex;flex-direction:column}.collection-name{font-weight:600;color:var(--text-dark);margin-bottom:var(--spacing-xs)}.collection-recipes,.collection-date{font-size:var(--font-size-sm);color:var(--text-light)}@media (max-width: 768px){.collections-overview .stat-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.segmentation-grid,.themes-grid,.insight-cards,.recent-collections-grid{grid-template-columns:1fr}.growth-bars{padding:var(--spacing-sm)}.correlation-item,.opportunity-item,.correlation-difference{flex-direction:column;text-align:center;gap:var(--spacing-xs)}}@media (max-width: 768px){.category-stat-cards,.category-popularity-grid,.top-categories-grid,.category-details{grid-template-columns:1fr}}.admin-monitoring{padding:20px;max-width:1400px;margin:0 auto}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.monitoring-header h1{margin:0;color:#333}.refresh-controls{display:flex;gap:20px;align-items:center}.refresh-controls label{display:flex;align-items:center;gap:8px;cursor:pointer}.refresh-controls button{padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.refresh-controls button:hover{background:#0056b3}.monitoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.monitoring-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;border:2px solid transparent}.monitoring-card.critical{border-color:#f44336}.monitoring-card.warning{border-color:#ff9800}.monitoring-card h3{margin-top:0;margin-bottom:15px;color:#333}.quota-stats,.performance-stats,.health-stats{display:flex;flex-direction:column;gap:10px}.stat{display:flex;justify-content:space-between;margin-bottom:10px}.label{color:#666}.value{font-weight:700;color:#333}.quota-bar{width:100%;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden;margin-top:10px}.quota-fill{height:100%;transition:width .3s ease}.search-list,.error-list{display:flex;flex-direction:column;gap:8px}.search-item,.error-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.search-term{font-weight:500}.search-count{color:#666;font-size:14px}.error-item{flex-direction:column;gap:4px}.error-time{font-size:12px;color:#666}.error-endpoint{font-weight:700;color:#333}.error-message{color:#f44336;font-size:14px}.no-errors{color:#4caf50;text-align:center;padding:20px}.admin-loading,.admin-error{text-align:center;padding:50px;font-size:18px}.admin-error{color:#f44336}@media (max-width: 768px){.monitoring-header{flex-direction:column;gap:20px;align-items:flex-start}.monitoring-grid{grid-template-columns:1fr}.refresh-controls{width:100%;justify-content:space-between}}.admin-categories{padding:20px;max-width:1200px;margin:0 auto}.admin-categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-categories-header h1{font-size:28px;color:#333;margin:0}.admin-categories-loading{text-align:center;padding:40px;font-size:18px;color:#666}.category-form{background:#f9f9f9;padding:25px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.category-form h2{margin-top:0;margin-bottom:20px;color:#333;font-size:22px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#4caf50}.form-group input[dir=rtl]{text-align:right}.form-actions{display:flex;gap:10px;margin-top:25px}.categories-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.categories-table table{width:100%;border-collapse:collapse}.categories-table th{background:#f5f5f5;padding:15px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #ddd}.categories-table td{padding:15px;border-bottom:1px solid #eee}.categories-table tr:hover{background:#f9f9f9}.categories-table tr:last-child td{border-bottom:none}.btn-primary,.btn-secondary,.btn-edit,.btn-delete,.btn-danger{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background:#4caf50;color:#fff}.btn-primary:hover:not(:disabled){background:#45a049}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover:not(:disabled){background:#616161}.btn-edit{background:#2196f3;color:#fff;margin-right:8px}.btn-edit:hover:not(:disabled){background:#1976d2}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover:not(:disabled){background:#d32f2f}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover:not(:disabled){background:#d32f2f}button:disabled{opacity:.6;cursor:not-allowed}.checkbox-label{display:flex;align-items:center;cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{width:auto;margin-right:8px;cursor:pointer}.checkbox-label span{color:#555;font-weight:400}.primary-badge{display:inline-block;background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.tab-navigation{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #ddd}.tab-button{background:none;border:none;padding:12px 24px;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .3s;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:#333}.tab-button.active{color:#4caf50;border-bottom-color:#4caf50}.tab-content{animation:fadeIn .3s ease-in}.tab-actions{margin-bottom:20px}.dietary-options-info{background:#f0f8ff;padding:12px 16px;border-radius:4px;margin-bottom:20px;border:1px solid #d0e4f7}.dietary-options-info p{margin:0;color:#2c5aa0;font-size:14px}.field-hint{display:block;margin-top:5px;color:#666;font-size:13px}code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:14px}.drag-handle{cursor:move;user-select:none}.drag-icon{display:inline-block;margin-right:8px;color:#999}tr.dragging{opacity:.5}tr[draggable=true]{transition:background-color .2s}tr[draggable=true]:hover{background-color:#f5f5f5}.warning-text{color:#ff6b6b;font-size:14px;margin-top:10px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal h3{margin-top:0;margin-bottom:20px;color:#333}.modal p{margin-bottom:20px;color:#666;line-height:1.5}.replacement-select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-error{background:#ffebee;color:#c62828;padding:10px;border-radius:4px;margin-bottom:15px}.error-message,.success-message{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-weight:500}.error-message{background:#ffebee;color:#c62828;border:1px solid #ef5350}.success-message{background:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}@media (max-width: 768px){.admin-categories{padding:15px}.admin-categories-header{flex-direction:column;gap:15px;align-items:flex-start}.admin-categories-header h1{font-size:24px}.category-form{padding:20px}.categories-table{overflow-x:auto}.categories-table table{min-width:600px}.form-actions,.modal-actions{flex-direction:column}.btn-primary,.btn-secondary,.btn-danger{width:100%}.modal{padding:20px}}.orphan-cleanup-panel{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.panel-header{margin-bottom:var(--spacing-xl);text-align:center}.panel-header h2{color:var(--text-color);margin-bottom:var(--spacing-sm);font-size:var(--text-2xl);font-weight:var(--font-bold)}.panel-description{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);max-width:600px;margin:0 auto}.analysis-section,.cleanup-selection,.full-analysis-section,.cleanup-execution,.usage-instructions{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary)}.analysis-section h3,.cleanup-selection h3,.full-analysis-section h3,.cleanup-execution h3,.usage-instructions h3{color:var(--text-color);margin-bottom:var(--spacing-md);font-size:var(--text-xl);font-weight:var(--font-semibold)}.analysis-section p,.cleanup-selection p,.full-analysis-section p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:var(--leading-normal)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all .3s ease;min-height:var(--touch-target);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:var(--bg-white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--text-secondary);color:var(--bg-white)}.btn-secondary:hover:not(:disabled){background-color:#4b5563;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--error-color);color:var(--bg-white)}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-error)}.analysis-results{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.analysis-results h4{color:var(--text-color);margin-bottom:var(--spacing-md);font-size:var(--text-lg);font-weight:var(--font-semibold)}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.result-item{display:flex;justify-content:space-between;padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.result-type{color:var(--text-color);font-weight:var(--font-medium)}.result-count{color:var(--primary-color);font-weight:var(--font-bold)}.cleanup-types{display:grid;gap:var(--spacing-md)}.cleanup-type-item{padding:var(--spacing-md);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all .3s ease}.cleanup-type-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.cleanup-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-xs)}.cleanup-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.cleanup-type-name{color:var(--text-color);font-weight:var(--font-semibold);font-size:var(--text-base);flex:1}.risk-badge{padding:2px 8px;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.cleanup-type-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0;padding-left:26px;line-height:var(--leading-normal)}.cleanup-report{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.cleanup-report h4{color:var(--text-color);margin-bottom:var(--spacing-md);font-size:var(--text-lg);font-weight:var(--font-semibold)}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.summary-item{padding:var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center}.summary-item strong{display:block;color:var(--text-color);font-size:var(--text-sm);margin-bottom:4px}.report-details h5,.report-warnings h5,.report-errors h5{color:var(--text-color);margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.orphan-type-result{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-color)}.orphan-type{color:var(--text-color);font-weight:var(--font-medium);min-width:140px}.orphan-count{color:var(--primary-color);font-weight:var(--font-bold);min-width:40px}.orphan-summary{color:var(--text-secondary);font-size:var(--text-sm)}.report-warnings{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#ff98001a;border:1px solid var(--warning-color);border-radius:var(--radius-sm)}.warning-item{color:var(--warning-color);margin:var(--spacing-xs) 0;font-size:var(--text-sm)}.report-errors{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#f443361a;border:1px solid var(--error-color);border-radius:var(--radius-sm)}.error-item{color:var(--error-color);margin:var(--spacing-xs) 0;font-size:var(--text-sm)}.cleanup-execution p{color:var(--error-color);font-weight:var(--font-medium);margin-bottom:var(--spacing-md)}.cleanup-safeguards{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#4caf501a;border:1px solid var(--success-color);border-radius:var(--radius-sm)}.cleanup-safeguards h4{color:var(--success-color);margin-bottom:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--font-semibold)}.cleanup-safeguards ul{margin:0;padding-left:var(--spacing-lg)}.cleanup-safeguards li{color:var(--text-color);margin-bottom:var(--spacing-xs);font-size:var(--text-sm);line-height:var(--leading-normal)}.usage-instructions ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.usage-instructions li{color:var(--text-color);margin-bottom:var(--spacing-sm);line-height:var(--leading-normal)}.usage-instructions li strong{color:var(--primary-color)}.recommended-order{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.recommended-order h4{color:var(--text-color);margin-bottom:var(--spacing-sm);font-size:var(--text-base);font-weight:var(--font-semibold)}.recommended-order ol{margin:0;padding-left:var(--spacing-lg)}.recommended-order li{margin-bottom:var(--spacing-xs);line-height:var(--leading-normal)}.risk-low{color:var(--success-color);font-weight:var(--font-semibold)}.risk-medium{color:var(--warning-color);font-weight:var(--font-semibold)}.risk-high{color:var(--error-color);font-weight:var(--font-semibold)}@media (max-width: 768px){.orphan-cleanup-panel{padding:var(--spacing-md)}.results-grid,.report-summary{grid-template-columns:1fr}.orphan-type-result{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.orphan-type{min-width:auto}.cleanup-checkbox{flex-wrap:wrap}.cleanup-type-description{padding-left:0}}.admin-orphan-cleanup{padding:0;background:transparent}.admin-orphan-cleanup .orphan-cleanup-panel{margin:0;box-shadow:none;border:1px solid var(--border-color)}.admin-orphan-cleanup .panel-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.admin-orphan-cleanup .btn{font-family:inherit}.admin-orphan-cleanup .analysis-section,.admin-orphan-cleanup .cleanup-selection,.admin-orphan-cleanup .full-analysis-section,.admin-orphan-cleanup .cleanup-execution,.admin-orphan-cleanup .usage-instructions{margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.admin-orphan-cleanup{padding:var(--spacing-sm)}.admin-orphan-cleanup .orphan-cleanup-panel{padding:var(--spacing-md)}}.admin-settings{padding:24px;max-width:1200px;margin:0 auto}.admin-settings.rtl,.admin-settings.rtl .settings-tabs{direction:rtl}.admin-settings.rtl .tab-btn{margin-left:0;margin-right:.5rem}.admin-settings.rtl .form-row{direction:rtl}.admin-settings.rtl .form-group label,.admin-settings.rtl .aggregation-section,.admin-settings.rtl .aggregation-info{text-align:right}.admin-settings.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.settings-header h1{margin:0 0 8px;color:var(--text-primary);font-size:2rem;font-weight:600}.error-message{background:#fee;color:#c53030;padding:12px;border-radius:8px;margin:16px 0}.success-message{background:#f0fff4;color:#38a169;padding:12px;border-radius:8px;margin:16px 0}.settings-tabs{display:flex;gap:8px;margin-bottom:32px;border-bottom:2px solid #e2e8f0}.tab-btn{background:none;border:none;padding:12px 24px;cursor:pointer;font-size:1rem;color:#718096;border-bottom:2px solid transparent}.tab-btn.active{color:#3182ce;border-bottom-color:#3182ce;font-weight:600}.settings-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a}.settings-form{display:flex;flex-direction:column;gap:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#2d3748}.form-group input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem}.save-btn{background:#3182ce;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer}.rtl .settings-tabs{flex-direction:row-reverse}.rtl .tab-btn,.rtl .form-group,.rtl .form-group label{text-align:right}.rtl .form-group input{text-align:right;direction:rtl}.rtl .form-group small{text-align:right}.rtl .method-item,.rtl .platform-item,.rtl .language-item{flex-direction:row-reverse}.rtl .method-details,.rtl .platform-details,.rtl .language-details,.rtl .aggregation-info,.rtl .threshold-preview,.rtl .feature-toggles{text-align:right}.rtl .toggle-label{flex-direction:row-reverse}.rtl .toggle-label .feature-name{text-align:right;margin-right:8px;margin-left:0}.rtl .settings-header h1,.rtl .settings-header p,.rtl h3,.rtl .settings-section p{text-align:right}.rtl .form-row,.rtl .form-grid,.rtl .settings-form{direction:rtl}.admin-comments{padding:20px;max-width:100%;overflow-x:auto}.admin-comments-header{margin-bottom:30px}.admin-comments-header h1{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;text-align:center}.stat-value{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:5px}.stat-label{font-size:14px;color:#6b7280;font-weight:500}.comments-filters{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.filter-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.filter-row:last-child{margin-bottom:0}.search-container{position:relative;flex:1;min-width:250px}.search-input{width:100%;padding:10px 40px 10px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280}.filter-select{padding:10px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;min-width:130px}.date-input{padding:10px 15px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:150px}.clear-filters-btn{padding:10px 20px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.clear-filters-btn:hover{background:#e5e7eb}.bulk-actions{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.selected-count{font-weight:500;color:#92400e}.bulk-delete-btn{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.bulk-delete-btn:hover:not(:disabled){background:#dc2626}.bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.comments-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow-x:auto}.comments-table{width:100%;border-collapse:collapse}.comments-table th{background:#f9fafb;padding:12px 15px;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.comments-table td{padding:12px 15px;border-bottom:1px solid #f3f4f6;vertical-align:top}.comment-row:hover{background:#f9fafb}.comment-row.selected{background:#eff6ff}.comment-content{max-width:300px}.content-preview{font-size:14px;line-height:1.4;color:#374151;word-break:break-word}.reply-indicator{display:inline-block;margin-top:5px;padding:2px 6px;background:#e0e7ff;color:#3730a3;font-size:12px;border-radius:4px;font-weight:500}.toxicity-warning{display:inline-block;margin-left:8px;cursor:help}.author-cell{min-width:150px}.author-info{display:flex;align-items:center;gap:5px}.author-name{font-weight:500;color:#374151}.verified-badge{color:#059669;font-weight:600}.recipe-cell{min-width:200px}.recipe-title{font-size:14px;color:#6b7280}.admin-comments .recipe-link{color:#2563eb;text-decoration:none;font-weight:500;font-size:14px;max-width:150px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-comments .recipe-link:hover{text-decoration:underline;color:#1d4ed8}.recipe-id-link{color:#6b7280;text-decoration:none;font-family:monospace;font-size:13px;font-weight:500;padding:2px 6px;background:#f3f4f6;border-radius:4px;border:1px solid #e5e7eb}.recipe-id-link:hover{background:#e5e7eb;color:#374151;text-decoration:none}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.reports-cell{position:relative;text-align:center}.report-count{font-weight:500;color:#6b7280}.report-count.has-reports{color:#dc2626;font-weight:600}.report-tooltip{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:10px;border-radius:6px;font-size:12px;min-width:200px;z-index:10;box-shadow:0 4px 12px #00000026}.reports-cell:hover .report-tooltip{display:block}.report-item{margin-bottom:5px}.report-item:last-child{margin-bottom:0}.date-cell{font-size:13px;color:#6b7280;white-space:nowrap}.actions-cell{min-width:120px}.action-buttons{display:flex;gap:5px}.action-btn{width:32px;height:32px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:disabled{opacity:.6;cursor:not-allowed}.approve-btn{background:#dcfce7;color:#166534}.approve-btn:hover:not(:disabled){background:#bbf7d0}.hide-btn{background:#fef3c7;color:#92400e}.hide-btn:hover:not(:disabled){background:#fde68a}.restore-btn{background:#dbeafe;color:#1e40af}.restore-btn:hover:not(:disabled){background:#bfdbfe}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover:not(:disabled){background:#fecaca}.permanent-delete-btn{background:#7f1d1d;color:#fff;border:2px solid #dc2626;font-weight:600}.permanent-delete-btn:hover:not(:disabled){background:#991b1b;border-color:#b91c1c}.admin-tabs{display:flex;margin-bottom:20px;border-bottom:2px solid #e5e7eb}.tab-button{padding:12px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab-button:hover{color:#374151;background:#f9fafb}.tab-button.active{color:#2563eb;border-bottom-color:#2563eb;background:#eff6ff}.banned-user-row{background:#fef2f2}.banned-user-row:hover{background:#fee2e2}.email-cell{min-width:200px}.user-email{font-size:14px;color:#6b7280;font-family:monospace}.ban-reason-cell{max-width:250px}.ban-reason{font-size:14px;color:#374151;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ban-until-cell{min-width:120px}.reputation-cell{text-align:center}.reputation-score{font-weight:600;color:#059669;padding:2px 6px;border-radius:4px;background:#d1fae5}.reputation-score.negative{color:#dc2626;background:#fee2e2}.comments-count-cell{text-align:center;font-weight:500;color:#374151}.unban-btn{background:#059669;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.unban-btn:hover:not(:disabled){background:#047857}.unban-btn:disabled{background:#9ca3af;cursor:not-allowed}.no-comments{text-align:center;padding:40px 20px;color:#6b7280;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:5}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}.admin-comments[dir=rtl]{text-align:right}.admin-comments[dir=rtl] .search-icon{right:auto;left:12px}.admin-comments[dir=rtl] .search-input{padding:10px 15px 10px 40px}.admin-comments[dir=rtl] .comments-table th,.admin-comments[dir=rtl] .comments-table td{text-align:right}.admin-comments[dir=rtl] .action-buttons{justify-content:flex-end}@media (max-width: 1200px){.comments-table-container{overflow-x:scroll}.comments-table{min-width:1000px}}@media (max-width: 768px){.admin-comments{padding:15px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.filter-row{flex-direction:column;align-items:stretch}.search-container,.filter-select,.date-input{min-width:auto}.bulk-actions{flex-direction:column;gap:10px;text-align:center}.comments-table th,.comments-table td{padding:8px 10px;font-size:13px}.content-preview{font-size:13px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:2px}.action-btn{width:28px;height:28px;font-size:12px}}.admin-content-editor{padding:2rem;max-width:1400px;margin:0 auto}.content-editor-header{margin-bottom:2rem}.content-editor-header h2{font-size:2rem;color:var(--primary-color);margin-bottom:.5rem}.content-editor-header .subtitle{color:var(--text-secondary);font-size:1rem}.error-banner,.success-banner{padding:1rem;border-radius:8px;margin-bottom:1.5rem;position:relative;animation:slideIn .3s ease}.error-banner{background-color:#ffebee;color:#c62828;border:1px solid #ef5350}.success-banner{background-color:#e8f5e9;color:#2e7d32;border:1px solid #66bb6a}.error-banner button{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit}.content-list-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.content-list-header h3{font-size:1.5rem;color:var(--text-primary)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.content-card{background:var(--background-light);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}.content-card h4{font-size:1.25rem;color:var(--primary-color);margin-bottom:.5rem}.content-meta{display:flex;gap:1rem;margin-bottom:1rem}.content-type,.content-language{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.content-type{background-color:#e3f2fd;color:#1976d2}.content-language{background-color:#f3e5f5;color:#7b1fa2}.content-preview{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.content-updated{font-size:.85rem;color:var(--text-muted)}.no-content{text-align:center;color:var(--text-secondary);padding:3rem}.content-editor-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.editor-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.form-group select,.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group select:focus,.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-textarea{resize:vertical;font-family:Courier New,monospace;font-size:.95rem}.markdown-hint{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem}.editor-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.preview-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.preview-section h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.preview-container{max-height:600px;overflow-y:auto;padding-right:1rem}.preview-container h2{font-size:1.75rem;color:var(--primary-color);margin-bottom:1rem}.preview-content{line-height:1.8;color:var(--text-primary)}.preview-content h1{font-size:2rem;margin:2rem 0 1rem}.preview-content h2{font-size:1.5rem;margin:1.5rem 0 .75rem}.preview-content h3{font-size:1.25rem;margin:1rem 0 .5rem}.preview-content p{margin:1rem 0}.preview-content ul{margin:1rem 0;padding-left:2rem}.preview-content li{margin:.5rem 0}.preview-content strong{font-weight:600;color:var(--primary-color)}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.content-editor-section{grid-template-columns:1fr}.preview-section{order:-1}}@media (max-width: 768px){.admin-content-editor{padding:1rem}.content-grid{grid-template-columns:1fr}.content-list-header{flex-direction:column;align-items:stretch;gap:1rem}.editor-form,.preview-section{padding:1rem}.editor-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.data-consistency-manager{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.consistency-header{margin-bottom:30px;text-align:center}.consistency-header h2{color:#1a1a1a;margin-bottom:10px;font-size:28px;font-weight:600}.consistency-header p{color:#666;font-size:16px}.consistency-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:30px;gap:0}.tab-btn{padding:12px 24px;border:none;background:transparent;cursor:pointer;font-size:16px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn:hover{color:#374151;background-color:#f9fafb}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;background-color:#eff6ff}.check-section,.fix-section,.maintenance-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.check-section h3,.fix-section h3,.maintenance-section h3{color:#1a1a1a;margin-bottom:10px;font-size:24px;font-weight:600}.check-section p,.fix-section p,.maintenance-section p{color:#666;margin-bottom:20px;font-size:16px}.check-buttons,.fix-buttons,.maintenance-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:30px}.check-btn,.fix-btn,.maintenance-btn{padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.check-btn{background:#f3f4f6;color:#374151}.check-btn:hover{background:#e5e7eb}.check-btn.primary{background:#2563eb;color:#fff}.check-btn.primary:hover{background:#1d4ed8}.fix-btn{background:#10b981;color:#fff}.fix-btn:hover,.fix-btn.primary{background:#059669}.fix-btn.primary:hover{background:#047857}.maintenance-btn{background:#6366f1;color:#fff}.maintenance-btn:hover{background:#4f46e5}.maintenance-btn.warning{background:#f59e0b}.maintenance-btn.warning:hover{background:#d97706}.check-btn:disabled,.fix-btn:disabled,.maintenance-btn:disabled{opacity:.6;cursor:not-allowed}.consistency-results{margin-top:30px}.consistency-results h3{color:#1a1a1a;margin-bottom:20px;font-size:20px;font-weight:600}.collection-report{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:20px}.collection-report h4{color:#1a1a1a;margin-bottom:15px;font-size:18px;font-weight:600;text-transform:capitalize}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.stat-item label{font-weight:500;color:#374151;font-size:14px}.stat-item span{font-weight:600;font-size:16px}.stat-item span.success{color:#10b981}.stat-item span.error{color:#ef4444}.stat-item span.warning{color:#f59e0b}.details-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.detail-item{margin-bottom:20px}.detail-item h5{color:#374151;margin-bottom:10px;font-size:16px;font-weight:500}.detail-item ul{margin:0;padding-left:20px}.detail-item li{margin-bottom:5px;color:#6b7280;font-size:14px;font-family:Fira Code,monospace}.detail-item li strong{color:#374151;font-weight:600}.action-buttons{display:flex;gap:10px;margin-top:15px}.maintenance-info{margin-top:30px;padding-top:20px;border-top:1px solid #e5e7eb}.data-consistency-manager .info-item{margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:6px;border-left:4px solid #2563eb}.data-consistency-manager .info-item h4{color:#1a1a1a;margin-bottom:8px;font-size:16px;font-weight:600}.data-consistency-manager .info-item p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}@media (max-width: 768px){.data-consistency-manager{padding:15px}.consistency-tabs{flex-direction:column}.tab-btn{text-align:left;border-bottom:1px solid #e5e7eb;border-radius:0}.tab-btn.active{border-bottom-color:#2563eb}.check-section,.fix-section,.maintenance-section{padding:20px}.check-buttons,.fix-buttons,.maintenance-buttons{flex-direction:column}.check-btn,.fix-btn,.maintenance-btn{width:100%}.stats-grid{grid-template-columns:1fr}}.check-btn:disabled,.fix-btn:disabled,.maintenance-btn:disabled{position:relative}.check-btn:disabled:after,.fix-btn:disabled:after,.maintenance-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.firebase-exporter{padding:20px;background:#f8f9fa;border-radius:8px;margin:20px 0}.exporter-header{margin-bottom:30px;text-align:center}.exporter-header h2{color:#2c3e50;margin-bottom:10px}.exporter-header p{color:#7f8c8d;font-size:14px}.export-controls{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px}.export-btn{padding:15px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.export-btn.primary{background:#3498db;color:#fff}.export-btn.primary:hover:not(:disabled){background:#2980b9;transform:translateY(-2px)}.export-btn:disabled{opacity:.6;cursor:not-allowed}.export-progress{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.export-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:20px;margin-bottom:20px}.export-error h3{color:#c53030;margin-bottom:10px}.export-error p{color:#742a2a;margin:0}.export-results{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a}.results-header{margin-bottom:20px}.results-header h3{color:#27ae60;margin-bottom:15px}.results-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:6px}.summary-item label{font-weight:600;color:#2c3e50}.summary-item span{color:#3498db;font-weight:500}.download-actions{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.download-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.download-btn:hover{background:#219a52;transform:translateY(-1px)}.collections-overview{margin-bottom:30px}.collections-overview h4{color:#2c3e50;margin-bottom:15px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.collection-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px;transition:all .3s ease}.collection-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.collection-card h5{color:#2c3e50;margin-bottom:10px;font-size:16px}.collection-stats{display:flex;flex-direction:column;gap:5px}.collection-stats span{font-size:14px;color:#7f8c8d}.collection-error{margin-top:10px;padding:8px;background:#fff5f5;border:1px solid #fed7d7;border-radius:4px;color:#c53030;font-size:12px}.structure-preview{margin-top:30px}.structure-preview h4{color:#2c3e50;margin-bottom:15px}.preview-controls{display:flex;gap:10px;margin-bottom:15px}.copy-btn{padding:8px 16px;background:#f39c12;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.copy-btn:hover{background:#e67e22}.structure-code{background:#2c3e50;color:#ecf0f1;padding:20px;border-radius:8px;font-family:Courier New,monospace;font-size:12px;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.structure-code::-webkit-scrollbar{width:8px}.structure-code::-webkit-scrollbar-track{background:#34495e}.structure-code::-webkit-scrollbar-thumb{background:#7f8c8d;border-radius:4px}.structure-code::-webkit-scrollbar-thumb:hover{background:#95a5a6}@media (max-width: 768px){.firebase-exporter{padding:15px}.results-summary,.collections-grid{grid-template-columns:1fr}.download-actions,.preview-controls{flex-direction:column}}.create-admin{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:var(--spacing-lg)}.create-admin-container{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:0 2px 10px #0000001a;max-width:400px;width:100%}.create-admin h2{margin-bottom:var(--spacing-md);color:#2c3e50}.create-admin p{margin-bottom:var(--spacing-lg);color:#666}.create-admin form{margin-top:var(--spacing-lg)}.create-admin .form-group{margin-bottom:var(--spacing-lg)}.create-admin label{display:block;margin-bottom:var(--spacing-sm);color:#333;font-weight:500}.create-admin input{width:100%;padding:var(--spacing-md);border:1px solid #ddd;border-radius:var(--border-radius);font-size:var(--font-md)}.create-admin input:focus{outline:none;border-color:var(--primary-color)}.create-admin .btn-primary{width:100%;padding:var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-md);cursor:pointer;transition:background .2s ease}.create-admin .btn-primary:hover{background:#ff5252}.create-admin .btn-primary:disabled{background:#ccc;cursor:not-allowed}.create-admin .error-message{background:#fee;color:#c00;padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);text-align:center}.create-admin-note{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#f0f8ff;border-radius:var(--border-radius);border-left:4px solid #3498db}.create-admin-note p{margin:0;font-size:var(--font-sm);color:#2c3e50}@media (max-width: 480px){.create-admin{padding:var(--spacing-md)}.create-admin-container{padding:var(--spacing-lg)}}.share-recipe-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 1rem}.share-recipe-page.loading,.share-recipe-page.error,.share-recipe-page.success{display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-content{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px}.error-icon{color:#dc3545;margin-bottom:1rem}.error-content h1{color:#dc3545;margin-bottom:1rem;font-size:1.5rem}.error-content p{color:#666;margin-bottom:2rem}.success-content{text-align:center;background:#fff;padding:3rem;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:500px}.success-icon{color:#28a745;margin-bottom:1rem}.success-content h1{color:#28a745;margin-bottom:1rem;font-size:1.5rem}.success-content p{color:#666;margin-bottom:1rem}.success-subtitle{font-size:.9rem;color:#888;margin-bottom:2rem!important}.page-header{max-width:800px;margin:0 auto 2rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}.header-info{text-align:center}.requester-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;color:#333;margin-bottom:1rem}.requester-name{font-weight:600;color:#007bff}.custom-message{background:#f8f9fa;border-left:4px solid #007bff;padding:1rem;border-radius:8px;margin:1rem 0}.custom-message p{margin:0;font-style:italic;color:#333;font-size:1rem}.link-info{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#666;font-size:.9rem}.time-remaining{font-weight:500}.recipe-form-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.form-header h1{margin:0;color:#333;font-size:1.5rem}.ai-suggestions-btn{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.error-banner{display:flex;align-items:center;gap:.5rem;background:#fff5f5;border:2px solid #fc8181;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#c53030;font-size:.9rem}.recipe-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:1rem}.form-group label.required:after{content:" *";color:#dc3545}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;background:#fff;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ingredient-input,.instruction-input{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.ingredient-input .autocomplete-input,.instruction-input .autocomplete-input{flex:1}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#007bff;color:#fff;border-radius:50%;font-size:.875rem;font-weight:600;flex-shrink:0;margin-top:.375rem}.remove-btn{width:32px;height:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;margin-top:.375rem;border:1px solid #dc3545;color:#dc3545;background:#fff}.remove-btn:hover{background:#dc3545;color:#fff}.add-btn{align-self:flex-start;margin-top:.5rem}.tags-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{display:inline-flex;align-items:center;gap:.25rem;background:#e3f2fd;color:#1565c0;padding:.25rem .5rem;border-radius:20px;font-size:.875rem;border:1px solid #90caf9}.tag button{background:none;border:none;color:#1565c0;cursor:pointer;font-size:1rem;line-height:1;padding:0;margin-left:.25rem}.tag button:hover{color:#0d47a1}.image-upload-info{margin-bottom:1rem}.image-counter{font-size:.9rem;color:#666;margin-top:.5rem}.ai-detection-status{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.detection-indicator{display:flex;align-items:center;gap:12px}.image-compression-status{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.compression-indicator{display:flex;align-items:center;gap:12px}.loading-spinner{width:16px;height:16px;border:2px solid #1565c0;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.image-error-message{background-color:#fff5f5;color:#c53030;border:1px solid #fc8181;border-radius:8px;padding:12px 16px;margin-bottom:16px;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.image-error-message:before{content:"⚠️";font-size:18px;margin-right:8px}.btn-wide{width:100%;justify-content:center}.max-images-message{color:#666;font-style:italic;margin:1rem 0}.image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-top:16px}@media (min-width: 768px){.image-preview{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;max-width:100%}}@media (max-width: 767px){.image-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}.preview-item{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;border:2px solid #e0e0e0;background-color:#f5f5f5}.preview-item img{width:100%;height:100%;object-fit:cover;display:block}.remove-image{position:absolute;top:.5rem;right:.5rem;background:#ffffffe6;border:none;border-radius:50%;width:2rem;height:2rem;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background-color .3s;box-shadow:0 1px 3px #0003;color:#dc3545}.remove-image:hover{background-color:#fff}.dietary-options{margin:1.5rem 0}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.5rem}[dir=rtl] .checkbox-group{text-align:right}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background-color:#f5f5f5}.checkbox-label input[type=checkbox]{display:none}.checkbox-icon{width:18px;height:18px;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;transition:all .2s}.checkbox-label input[type=checkbox]:checked+.checkbox-icon{background:#007bff;border-color:#007bff}.checkbox-label input[type=checkbox]:checked+.checkbox-icon:after{content:"✓";color:#fff;font-size:12px;font-weight:700}[dir=rtl] .checkbox-label{flex-direction:row;justify-content:flex-start;text-align:right}[dir=rtl] .checkbox-label span:not(.checkbox-icon){direction:rtl;text-align:right}.field-description{font-size:.85rem;color:#666;margin-top:.25rem;line-height:1.3}.popular-tags{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.popular-tags-label{font-size:.9rem;color:#666;margin-bottom:.5rem}.popular-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.popular-tag-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;cursor:pointer;transition:all .2s}.popular-tag-btn:hover{background:#e9ecef;border-color:#adb5bd}.popular-tag-btn:active{background:#dee2e6}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid #f0f0f0}.form-actions button{min-width:200px}.input-with-delete{position:relative;display:block;width:100%}.delete-btn-embedded{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%;transition:background-color .2s ease}.delete-btn-embedded:hover{background-color:#ef44441a}.input-with-delete.rtl .delete-btn-embedded{left:8px}.input-with-delete.rtl .autocomplete-input,.input-with-delete.rtl .autocomplete-input input,.input-with-delete.rtl .autocomplete-input textarea{padding-left:40px!important}.input-with-delete.ltr .delete-btn-embedded{right:8px}.input-with-delete.ltr .autocomplete-input,.input-with-delete.ltr .autocomplete-input input,.input-with-delete.ltr .autocomplete-input textarea{padding-right:40px!important}@media (max-width: 768px){.share-recipe-page{padding:1rem .5rem}.checkbox-group{grid-template-columns:1fr}.popular-tags-list{justify-content:center}.page-header,.recipe-form-container{margin:0 auto 1rem;border-radius:12px;padding:1.5rem}.form-header{flex-direction:column;align-items:stretch;gap:1rem}.form-header h1{font-size:1.25rem;text-align:center}.ai-suggestions-btn{justify-content:center}.form-row{grid-template-columns:1fr}.requester-info{flex-direction:column;gap:.25rem}.custom-message{padding:.75rem;margin:.75rem 0}.ingredient-input,.instruction-input{flex-direction:column;align-items:stretch;gap:.5rem}.step-number{align-self:flex-start}.remove-btn{align-self:flex-end;width:auto;padding:.5rem 1rem;margin-top:0}.form-actions button{min-width:auto;width:100%}.field-description{font-size:.8rem}}[dir=rtl] .custom-message{border-left:none;border-right:4px solid #007bff}[dir=rtl] .requester-info,[dir=rtl] .form-header,[dir=rtl] .ingredient-input,[dir=rtl] .instruction-input,[dir=rtl] .tags-display{flex-direction:row-reverse}@media (max-width: 768px){[dir=rtl] .form-header,[dir=rtl] .ingredient-input,[dir=rtl] .instruction-input{flex-direction:column;align-items:stretch}}@supports (-webkit-touch-callout: none){.form-group input,.form-group textarea,.form-group select{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0)}.autocomplete-input input,.autocomplete-input textarea{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important}.autocomplete-wrapper .autocomplete-suggestions{background-color:#fff!important;background:#fff!important}.autocomplete-wrapper .suggestion-item{background-color:#fff!important;color:#333!important}.autocomplete-wrapper .suggestion-item:hover{background-color:#f5f5f5!important}.tag-input input{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important}.mobile-select-button{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mobile-select-dropdown,.mobile-select-dropdown.mobile{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.mobile-select-header{background-color:#fff!important;background:#fff!important;color:#333!important}.mobile-select-options{background-color:#fff!important;background:#fff!important}.mobile-select-option{background-color:#fff!important;color:#333!important}.mobile-select-option:hover{background-color:#f5f5f5!important}.multi-category-select .category-select-trigger{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important}.multi-category-select .category-dropdown{background-color:#fff!important;background:#fff!important}.multi-category-select .dropdown-header{background-color:#f8f9fa!important;color:#666!important}.multi-category-select .category-option{background-color:#fff!important;color:#333!important}.multi-category-select .category-option:hover:not(.disabled){background-color:#f8f9fa!important}.multi-category-select .category-option.selected{background-color:#fff3e6!important;color:#ff8c42!important}.ingredient-input input,.ingredient-input textarea,.instruction-input input,.instruction-input textarea{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important}.btn,.btn-outline,.btn-primary,.btn-secondary,button[type=button]{-webkit-appearance:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.btn-outline,.ai-suggestions-btn{background-color:#fff!important;color:#333!important;border-color:#e0e0e0!important}.btn-outline:hover,.ai-suggestions-btn:hover{background-color:#f5f5f5!important;color:#ff8c42!important;border-color:#ff8c42!important}.ai-suggestion-section .btn-outline{color:#333!important}.ai-suggestion-section .btn-outline:hover{color:#ff8c42!important}.input-with-delete{position:relative;display:block;width:100%}.delete-btn-embedded{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:50%;transition:background-color .2s ease}.delete-btn-embedded:hover{background-color:#ef44441a}.input-with-delete.rtl .delete-btn-embedded{left:8px}.input-with-delete.rtl .autocomplete-input,.input-with-delete.rtl .autocomplete-input input,.input-with-delete.rtl .autocomplete-input textarea{padding-left:40px!important}.input-with-delete.ltr .delete-btn-embedded{right:8px}.input-with-delete.ltr .autocomplete-input,.input-with-delete.ltr .autocomplete-input input,.input-with-delete.ltr .autocomplete-input textarea{padding-right:40px!important}input[type=text],input[type=number],input[type=url],input[type=email],textarea,select{background-color:#fff!important;background:#fff!important;color:#333!important;-webkit-appearance:none!important}input::placeholder,textarea::placeholder{color:#999!important;opacity:1!important}}@media not all and (min-resolution:.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){.form-group input,.form-group textarea,.form-group select,.autocomplete-input input,.autocomplete-input textarea,.tag-input input,.mobile-select-button,.mobile-select-dropdown,.mobile-select-header,.mobile-select-options{background-color:#fff!important;background:#fff!important;-webkit-backdrop-filter:none!important}}}.terms-container{min-height:calc(100vh - 120px);padding:2rem 1rem;background-color:var(--background-light);max-width:1200px;margin:0 auto}.terms-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:0 auto}.terms-title{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem;text-align:center}.terms-updated{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.terms-body{line-height:1.8;color:var(--text-primary)}.terms-body h1{font-size:2rem;color:var(--primary-color);margin:2rem 0 1rem}.terms-body h2{font-size:1.5rem;color:var(--primary-color);margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.terms-body h3{font-size:1.25rem;color:var(--text-primary);margin:1.5rem 0 .75rem}.terms-body p{margin:1rem 0}.terms-body ul,.terms-body ol{margin:1rem 0;padding-left:2rem}.terms-body li{margin:.5rem 0;line-height:1.6}.terms-body strong{color:var(--primary-color);font-weight:600}.terms-body a{color:var(--accent-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.terms-body a:hover{border-bottom-color:var(--accent-color)}[dir=rtl] .terms-body ul,[dir=rtl] .terms-body ol{padding-right:2rem;padding-left:0}@media (max-width: 768px){.terms-container{padding:1rem .5rem}.terms-content{padding:1.5rem;border-radius:8px}.terms-title{font-size:1.75rem}.terms-body h1{font-size:1.5rem}.terms-body h2{font-size:1.25rem}.terms-body h3{font-size:1.1rem}.terms-body{font-size:.95rem}}@media (prefers-color-scheme: dark){.terms-container{background-color:#1a1a1a}.terms-content{background:#2a2a2a;color:#e0e0e0}.terms-body{color:#e0e0e0}.terms-body h1,.terms-body h2{color:var(--accent-color)}.terms-body h3,.terms-body strong{color:#f0f0f0}}.verification-container{max-width:800px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 140px);background-color:#fafafa}.verification-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;margin-bottom:2rem}.verification-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem;text-align:center;border-bottom:3px solid #3498db;padding-bottom:1rem}.verification-updated{font-size:.9rem;color:#7f8c8d;text-align:center;margin-bottom:2rem;font-style:italic}.verification-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;color:#2c3e50}.verification-body h1{font-size:2rem;color:#2c3e50;margin:2rem 0 1rem;font-weight:600;border-bottom:2px solid #e74c3c;padding-bottom:.5rem}.verification-body h2{font-size:1.5rem;color:#34495e;margin:1.5rem 0 1rem;font-weight:600}.verification-body h3{font-size:1.25rem;color:#34495e;margin:1.25rem 0 .75rem;font-weight:600}.verification-body p{margin-bottom:1rem;text-align:justify}.verification-body ul{margin:1rem 0;padding-left:1.5rem}.verification-body li{margin-bottom:.5rem;position:relative}.verification-body li::marker{color:#3498db}.verification-body strong{color:#2c3e50;font-weight:600}.verification-body em{color:#34495e;font-style:italic}.loading{text-align:center;padding:4rem 2rem;font-size:1.1rem;color:#7f8c8d}.verification-container[dir=rtl]{font-family:Segoe UI,Tahoma,Arial,sans-serif}.verification-container[dir=rtl] .verification-body ul{padding-right:1.5rem;padding-left:0}.verification-container[dir=rtl] .verification-body{text-align:right}.verification-container[dir=rtl] .verification-body p{text-align:justify}@media (max-width: 768px){.verification-container{padding:1rem .5rem;margin-bottom:80px}.verification-content{padding:1.5rem;border-radius:8px}.verification-title{font-size:2rem}.verification-body h1{font-size:1.75rem}.verification-body h2{font-size:1.35rem}.verification-body h3{font-size:1.15rem}}@media (max-width: 480px){.verification-content{padding:1rem;margin:0 .25rem 2rem}.verification-title{font-size:1.75rem}.verification-body{font-size:.95rem}}.side-navigation{position:fixed;top:60px;left:0;bottom:0;width:240px;background:#fff;border-right:1px solid rgba(0,0,0,.06);overflow-y:auto;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:998;box-shadow:2px 0 10px #00000005}.side-navigation.collapsed{width:72px}.collapse-toggle{position:absolute;top:12px;right:12px;width:36px;height:36px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:1;color:#71717a}.collapse-toggle:hover{background:#0000000d;color:#18181b}.collapse-icon{display:flex;align-items:center;justify-content:center}.nav-section{padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.04)}.nav-section:last-child{border-bottom:none}.section-title{padding:8px 16px;font-size:11px;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}.collapsed .section-title{display:none}.side-nav-item{display:flex;align-items:center;gap:14px;padding:10px 16px;margin:2px 4px;text-decoration:none;color:#52525b;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;font-size:14px;font-weight:500}.collapsed .side-nav-item{padding:10px;justify-content:center}.side-nav-item:hover{background:#0000000a;color:#18181b}.side-nav-item:active{transform:scale(.98)}.side-nav-item.active{background:var(--primary-color);color:#fff;font-weight:600;box-shadow:0 2px 8px #ff6b6b40}.side-nav-item.active:hover{background:var(--primary-hover)}.side-nav-item.primary{background:var(--primary-color);color:#fff}.side-nav-item.primary:hover{background:var(--primary-hover);box-shadow:0 2px 8px #ff6b6b40}.side-navigation .nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:left;letter-spacing:.01em}.collapsed .nav-label{display:none}@media (max-width: 768px){.side-navigation{display:none}}[lang=he] .side-navigation{left:auto;right:0;border-right:none;border-left:1px solid var(--border-color)}[lang=he] .collapse-toggle{right:auto;left:12px}[lang=he] .side-nav-item{flex-direction:row-reverse}@media (min-width: 768px){body:has(.side-navigation) main{margin-left:240px;transition:margin-left .3s ease}body:has(.side-navigation.collapsed) main{margin-left:72px}[lang=he] body:has(.side-navigation) main{margin-left:0;margin-right:240px}[lang=he] body:has(.side-navigation.collapsed) main{margin-left:0;margin-right:72px}}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#fffffffa;border-top:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-lg);z-index:1000;padding:10px max(16px,var(--safe-area-inset-left)) calc(10px + var(--safe-area-inset-bottom)) max(16px,var(--safe-area-inset-right));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:calc(60px + var(--safe-area-inset-bottom))}.bottom-navigation .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#71717a;padding:6px 16px;min-width:64px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;flex:1;max-width:100px;-webkit-tap-highlight-color:transparent}.bottom-navigation .nav-item:active{transform:scale(.92)}@media (hover: none) and (pointer: coarse){.bottom-navigation .nav-item{position:relative;overflow:hidden}.bottom-navigation .nav-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ff8c4233;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:0;pointer-events:none}.bottom-navigation .nav-item:active:after{width:80px;height:80px;opacity:1;transition:width .15s ease,height .15s ease,opacity 0s}.bottom-navigation .nav-item:active{transform:scale(.88);transition:transform .15s cubic-bezier(.4,0,.2,1)}}.bottom-navigation .nav-item.active{color:var(--primary-color)}.bottom-navigation .nav-icon{margin-bottom:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@media (hover: hover){.bottom-navigation .nav-item:hover .nav-icon{transform:translateY(-2px)}.bottom-navigation .nav-item:hover{color:var(--primary-color)}}.bottom-navigation .nav-item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--primary-color);border-radius:0 0 3px 3px;opacity:0;animation:slideDown .3s ease forwards}@keyframes slideDown{to{opacity:1;top:0}}.nav-label{font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-none);white-space:nowrap;letter-spacing:.01em;margin-top:2px}@media (min-width: 768px){.bottom-navigation{display:none}}[lang=he] .bottom-navigation{direction:rtl}.category-pills-container{position:relative;background:#fff;padding:12px 0;border-bottom:1px solid var(--border-color);display:block;width:100%;overflow:hidden}.category-pills-container:before,.category-pills-container:after{content:"";position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:5}.category-pills-container:before{left:0;background:linear-gradient(to right,white 0%,transparent 100%)}.category-pills-container:after{right:0;background:linear-gradient(to left,white 0%,transparent 100%)}.category-pills{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;padding:0 60px;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;width:100%}.category-pills::-webkit-scrollbar{display:none}.category-pill{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f2f2f2;border:none;border-radius:20px;cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500;color:#030303;transition:all .2s ease;flex-shrink:0}.category-pill:hover{background:#e5e5e5}.category-pill.active{background:#030303;color:#fff}.category-icon{font-size:16px;line-height:1}.category-label{line-height:1}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.scroll-arrow:hover{box-shadow:0 4px 12px #00000026}.scroll-arrow span{font-size:24px;line-height:1;color:#606060}.scroll-arrow.left{left:8px}.scroll-arrow.right{right:8px}@media (min-width: 769px){.category-pills-container{padding:20px var(--spacing-lg)}.category-pills-container:before,.category-pills-container:after{display:none}.category-pills{padding:0;overflow-x:visible;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1200px;margin:0 auto}.category-pill{padding:12px 20px;font-size:15px;font-weight:600}.scroll-arrow{display:none}}@media (max-width: 768px){.category-pills-container{padding:8px 0;overflow-x:auto}.category-pills-container:before,.category-pills-container:after{display:block;width:40px}.category-pills{padding:0 45px;display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.category-pill{padding:6px 12px;font-size:13px;flex:0 0 auto}.scroll-arrow{width:32px;height:32px;background:#fffffff2;backdrop-filter:blur(4px);border:1px solid rgba(224,224,224,.8);box-shadow:0 2px 8px #00000026}.scroll-arrow.left{left:6px}.scroll-arrow.right{right:6px}.scroll-arrow span{font-size:20px;font-weight:700;color:#333}}[lang=he] .category-pills-container{direction:rtl}[lang=he] .scroll-arrow.left{left:auto;right:12px}[lang=he] .scroll-arrow.right{right:auto;left:12px}[lang=he] .scroll-arrow.left span,[lang=he] .scroll-arrow.right span{transform:rotate(180deg)}.email-verification-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px 20px;margin:16px 20px;box-shadow:0 2px 4px #0000001a}@media (min-width: 769px){.email-verification-notice{margin:16px 20px 16px 280px}[dir=rtl] .email-verification-notice{margin:16px 280px 16px 20px}}.notice-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.notice-icon{font-size:20px;flex-shrink:0}.notice-text{flex:1;color:#856404;font-size:14px;font-weight:500}.verify-link{background-color:#ffc107;color:#212529;padding:6px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:background-color .2s;white-space:nowrap}.verify-link:hover{background-color:#e0a800}@media (prefers-color-scheme: dark){.email-verification-notice{background-color:#3d3200;border-color:#5a4a00}.notice-text{color:#ffc107}.verify-link{background-color:#ffc107;color:#212529}.verify-link:hover{background-color:#ffca2c}}@media (max-width: 768px){.email-verification-notice{margin:12px 16px;padding:10px 16px}.notice-content{gap:10px}.notice-text{font-size:13px}.verify-link{font-size:13px;padding:5px 14px}}[dir=rtl] .notice-content{flex-direction:row-reverse}[dir=rtl] .notice-icon{margin-right:0;margin-left:8px}.app-footer{background-color:var(--primary-color);color:#fff;padding:2rem 1rem;margin-top:auto;width:100%}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.footer-link{color:#fff;text-decoration:none;padding:.5rem 1rem;transition:opacity .2s ease;font-size:.95rem}.footer-link:hover{opacity:.8;text-decoration:underline}.footer-separator{color:#fff9;font-size:.8rem}.footer-copyright{font-size:.9rem;color:#ffffffe6}@media (max-width: 768px){.app-footer{padding:1rem .5rem;padding-bottom:calc(1rem + 60px)}.footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin-bottom:.75rem}.footer-separator{display:inline;color:#fff6;font-size:.7rem}.footer-link{display:inline-block;padding:.5rem .25rem;font-size:.85rem;white-space:nowrap}.footer-copyright{font-size:.8rem;margin-top:.5rem}}@media (max-width: 480px){.app-footer{padding:.75rem .5rem;padding-bottom:calc(.75rem + 60px)}.footer-links{gap:.15rem .75rem}.footer-link{font-size:.8rem;padding:.4rem .2rem}.footer-separator{font-size:.6rem}.footer-copyright{font-size:.75rem}}[dir=rtl] .footer-links{direction:rtl}@media (prefers-color-scheme: dark){.app-footer{background-color:#1a1a1a;border-top:1px solid #333}.footer-link{color:#e0e0e0}.footer-separator{color:#ffffff4d}.footer-copyright{color:#ffffffb3}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);text-rendering:optimizeLegibility;padding-top:56px}#root{min-height:calc(100vh - 56px);width:100%}*{-webkit-tap-highlight-color:transparent}:focus{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}button,a,input,textarea,select{min-height:var(--touch-target);touch-action:manipulation}.app{min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.app-content{flex:1;display:flex;position:relative}.main-content{flex:1;background-color:var(--bg-color);padding-bottom:env(safe-area-inset-bottom);margin-top:0}@media (max-width: 768px){.app-content{flex-direction:column}.main-content{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}@media (min-width: 769px){.app-content{flex-direction:row;padding-top:20px}.main-content{margin-left:60px;transition:margin-left .3s ease;padding:20px}.side-nav-expanded~.main-content{margin-left:250px}[lang=he] .main-content{margin-left:0;margin-right:60px}[lang=he] .side-nav-expanded~.main-content{margin-left:0;margin-right:250px}}[lang=he]{direction:rtl}[lang=he] .header-container,[lang=he] .nav-links{flex-direction:row-reverse}[lang=he] .user-menu,[lang=he] .dropdown-menu{left:0;right:auto}[lang=he] .search-button{right:auto;left:8px}[lang=he] .search-suggestions,[lang=he] .recipe-card-content{text-align:right}[lang=he] .form-group.checkbox label{flex-direction:row-reverse}[lang=he] .form-group.checkbox input[type=checkbox]{margin-right:0;margin-left:8px}.loading-spinner{display:inline-block;width:36px;height:36px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;transform:translateZ(0);will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0006}@media (min-width: 768px){::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}}.rtl{direction:rtl;text-align:right;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.rtl{overflow-x:hidden}@media (min-width: 768px){.rtl .header-container{direction:rtl}.rtl .header-left{order:3}.rtl .header-center{order:2}.rtl .header-right{order:1}}.rtl .logo{margin-left:0;margin-right:16px}.rtl .dropdown-menu{left:0;right:auto;text-align:right}.rtl .search-bar{direction:rtl}.rtl .search-input{padding-left:16px;padding-right:40px;text-align:right}.rtl .search-icon{left:auto;right:12px}.rtl .recipe-header{direction:rtl}.rtl .recipe-actions{margin-right:var(--spacing-sm);margin-left:0}.rtl .recipe-footer{text-align:right}.rtl .category-badge{margin-left:var(--spacing-sm);margin-right:0}.rtl .form-group,.rtl .form-label{text-align:right}.rtl .tag{margin-left:var(--spacing-sm);margin-right:0}.rtl .tags-container{text-align:right}.rtl .ingredient-actions,.rtl .direction-actions{margin-left:0;margin-right:var(--spacing-md)}.rtl .star-rating{direction:ltr;display:inline-block}.rtl input[type=text],.rtl input[type=email],.rtl input[type=password],.rtl textarea,.rtl select{text-align:right;direction:rtl}.rtl .bottom-nav{direction:rtl}.rtl .bottom-nav-item{flex-direction:column}.rtl [class*=right-]{right:auto;left:var(--spacing-md)}.rtl [class*=left-]{left:auto;right:var(--spacing-md)}.btn{position:relative;min-height:var(--touch-target);padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;text-decoration:none;overflow:hidden;user-select:none;line-height:1.2;letter-spacing:.02em}.btn.loading{pointer-events:none;opacity:.8}.btn.loading .btn-text{opacity:1}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:btn-spin 1s linear infinite;margin-right:8px;flex-shrink:0}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:all .6s ease;z-index:1}.btn:active:before{width:300px;height:300px}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;z-index:1}.btn-primary:hover:after{left:100%}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:var(--shadow-primary);border:1px solid transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 8px 25px #ff8c4266}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-active)}.btn-secondary{background-color:#fff;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary:active{transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-color)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-sm{min-height:32px;padding:6px 12px;font-size:.8rem}.btn-sm .btn-spinner{width:12px;height:12px;margin-right:6px;border-width:1.5px}.btn-lg{min-height:48px;padding:12px 24px;font-size:1rem}.btn-lg .btn-spinner{width:18px;height:18px;margin-right:10px}.btn-xl{min-height:56px;padding:16px 32px;font-size:1.1rem}.btn-xl .btn-spinner{width:20px;height:20px;margin-right:12px}.btn-icon{width:var(--touch-target);padding:0;border-radius:50%}.btn-icon-sm{width:32px;min-height:32px}.btn-icon-lg{width:48px;min-height:48px}.btn-pill{border-radius:50px}.btn-wide{width:100%}.btn-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;box-shadow:0 8px 24px #00000026;z-index:1000}.btn-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #0003}.btn-group{display:inline-flex;align-items:center}.btn-group .btn{border-radius:0;border-left-width:0}.btn-group .btn:first-child{border-left-width:1px;border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important;pointer-events:none}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.btn{min-height:var(--touch-target);padding:var(--spacing-sm) var(--spacing-md)}.btn-sm{min-height:36px}.btn-lg{min-height:52px}}@media (prefers-contrast: high){.btn,.btn-outline{border-width:2px}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.btn:before,.btn:after{animation:none;transition:none}.btn:hover{transform:none}}@media (prefers-color-scheme: dark){.btn-outline{border-color:#374151;color:#e5e7eb}.btn-outline:hover{background-color:#374151;border-color:var(--primary-color)}.btn-ghost{color:#9ca3af}.btn-ghost:hover{background-color:#374151;color:#e5e7eb}}.btn-text{position:relative;z-index:2;transition:opacity .3s ease}@supports (-webkit-touch-callout: none){.btn{-webkit-appearance:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.btn-outline{background-color:#fff!important;color:#333!important;border-color:#e0e0e0!important}.btn-outline:hover{background-color:#f5f5f5!important;color:var(--primary-color)!important;border-color:var(--primary-color)!important}.btn-outline .btn-text{color:inherit!important}.btn-ghost{background-color:transparent!important;color:#666!important}.btn-ghost:hover{background-color:#0000000a!important;color:#333!important}.btn-secondary{background-color:#f5f5f5!important;color:#333!important}.btn-secondary:hover{background-color:#e0e0e0!important;color:#333!important}.btn-primary,.btn-danger,.btn-success{color:#fff!important}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .2s ease,transform .2s ease}.fade-in{animation:fadeIn .6s ease-out}.slide-in-up{animation:slideInUp .5s cubic-bezier(.4,0,.2,1)}.slide-in-down{animation:slideInDown .5s cubic-bezier(.4,0,.2,1)}.scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.bounce-in{animation:bounceIn .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.feedback-success{animation:successPulse .6s ease;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 25px #10b9814d;display:flex;align-items:center;gap:12px}.feedback-error{animation:errorShake .8s ease;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 25px #ef44444d;display:flex;align-items:center;gap:12px}.feedback-warning{animation:warningBounce .6s ease;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 25px #f59e0b4d;display:flex;align-items:center;gap:12px}.feedback-info{animation:infoPulse .6s ease;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;padding:16px 24px;box-shadow:0 8px 25px #3b82f64d;display:flex;align-items:center;gap:12px}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes warningBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes infoPulse{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-feedback:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transform:scale(0);transition:all .3s ease;pointer-events:none}.btn-feedback:active:after{opacity:1;transform:scale(1);transition:all .1s ease}.input-focus{position:relative;overflow:hidden}.input-focus:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translate(-50%)}.input-focus:focus-within:before{width:100%}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px)}.stagger-item{opacity:0;transform:translateY(20px);animation:staggerFadeIn .6s ease forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.card-flip{transition:transform .6s;transform-style:preserve-3d}.card-flip:hover{transform:rotateY(5deg)}.progress-circle{animation:progressSpin 2s linear infinite}@keyframes progressSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-enter{transform:translate(100%);opacity:0}.toast-enter-active{transform:translate(0);opacity:1;transition:transform .3s ease,opacity .3s ease}.toast-exit{transform:translate(0);opacity:1}.toast-exit-active{transform:translate(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.icon-spin{animation:iconSpin 1s linear infinite}.icon-bounce{animation:iconBounce 1s ease infinite}.icon-pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.loading-dots:after{content:"";animation:loadingDots 1.5s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.smooth-scroll{scroll-behavior:smooth}.focus-ring:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:inherit}.fab-pulse{animation:fabPulse 2s infinite}@keyframes fabPulse{0%{box-shadow:0 0 #ff8c42b3}70%{box-shadow:0 0 0 10px #ff8c4200}to{box-shadow:0 0 #ff8c4200}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1}h1,.h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:-.025em;margin:0 0 1.5rem;color:var(--text-color)}h2,.h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.015em;margin:0 0 1.25rem;color:var(--text-color)}h3,.h3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:-.01em;margin:0 0 1rem;color:var(--text-color)}h4,.h4{font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-snug);margin:0 0 .875rem;color:var(--text-color)}h5,.h5{font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);margin:0 0 .75rem;color:var(--text-color)}h6,.h6{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;color:var(--text-secondary)}p,.paragraph{font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 0 1rem;color:var(--text-color)}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);font-weight:var(--font-light);color:var(--text-color)}.small,small{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}.caption{font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-secondary);font-weight:var(--font-medium)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.text-7xl{font-size:var(--text-7xl)}.font-thin{font-weight:var(--font-thin)}.font-extralight{font-weight:var(--font-extralight)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-light)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-white{color:#fff}.text-black{color:#000}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.text-clip{text-overflow:clip}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-text-top{vertical-align:text-top}.align-text-bottom{vertical-align:text-bottom}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.quote{font-style:italic;font-size:var(--text-lg);line-height:var(--leading-relaxed);position:relative;padding:1.5rem 2rem;margin:2rem 0;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0}.quote:before{content:'"';font-size:4rem;color:var(--primary-color);position:absolute;top:-.5rem;left:.5rem;line-height:1;opacity:.3}.code{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.875em;background:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.highlight{background:linear-gradient(120deg,#ff8c424d 0% 100%);background-repeat:no-repeat;background-size:100% .2em;background-position:0 88%;padding:0 .1em}@media (min-width: 640px){h1,.h1{font-size:var(--text-4xl)}h2,.h2{font-size:var(--text-3xl)}h3,.h3{font-size:var(--text-2xl)}.lead{font-size:var(--text-xl)}}@media (min-width: 768px){h1,.h1{font-size:var(--text-5xl)}h2,.h2{font-size:var(--text-4xl)}h3,.h3{font-size:var(--text-3xl)}body{font-size:var(--text-lg)}}@media (min-width: 1024px){h1,.h1{font-size:var(--text-6xl)}h2,.h2{font-size:var(--text-5xl)}}@media print{body{font-size:12pt;line-height:1.4;color:#000}h1,h2,h3,h4,h5,h6{break-after:avoid;color:#000}p{orphans:3;widows:3}}[dir=rtl]{text-align:right}[dir=rtl] .quote{border-left:none;border-right:4px solid var(--primary-color);border-radius:8px 0 0 8px}[dir=rtl] .quote:before{left:auto;right:.5rem}@media (prefers-color-scheme: dark){.quote{background:#ffffff0d}.code{background:#ffffff1a;border-color:#fff3}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){body,h1,h2,h3,h4,h5,h6{color:#000}.text-secondary,.text-muted{color:#333}}:root{--primary-color: #ff8c42;--primary-hover: #ff7a2e;--secondary-color: #333;--text-color: #333;--text-light: #666;--text-lighter: #999;--bg-color: #f8f8f8;--bg-white: #fff;--border-color: #e0e0e0;--error-color: #d97519;--error-bg: #fff7ed;--error-border: #fed7aa;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--text-secondary: #6b7280;--bg-hover: rgba(0, 0, 0, .04);--bg-secondary: #f9fafb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 8px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .08);--shadow-2xl: 0 16px 40px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .1);--shadow-primary: 0 8px 20px rgba(255, 140, 66, .15), 0 4px 8px rgba(255, 140, 66, .1);--shadow-success: 0 8px 20px rgba(16, 185, 129, .15), 0 4px 8px rgba(16, 185, 129, .1);--shadow-error: 0 8px 20px rgba(239, 68, 68, .15), 0 4px 8px rgba(239, 68, 68, .1);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .08);--shadow-active: 0 4px 12px rgba(0, 0, 0, .15), 0 2px 6px rgba(0, 0, 0, .1);--z-dropdown: 100;--z-header: 1000;--z-modal: 2000;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--touch-target: 44px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;padding:0 var(--spacing-md);margin:0 auto}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md);padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}@media (min-width: 1200px){.container{max-width:var(--container-xl)}}.btn{min-height:var(--touch-target);padding:var(--spacing-sm) var(--spacing-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}:root{--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-top: max(var(--safe-area-inset-top), 20px);--safe-area-bottom: max(var(--safe-area-inset-bottom), 20px);--safe-area-left: max(var(--safe-area-inset-left), 16px);--safe-area-right: max(var(--safe-area-inset-right), 16px)}.safe-area-padding{padding-top:var(--safe-area-top);padding-right:var(--safe-area-right);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left)}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.safe-area-left{padding-left:var(--safe-area-left)}.safe-area-right{padding-right:var(--safe-area-right)}.safe-area-horizontal{padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-vertical{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.safe-area-margin{margin-top:var(--safe-area-top);margin-right:var(--safe-area-right);margin-bottom:var(--safe-area-bottom);margin-left:var(--safe-area-left)}.safe-area-margin-top{margin-top:var(--safe-area-top)}.safe-area-margin-bottom{margin-bottom:var(--safe-area-bottom)}.fixed-top-safe{position:fixed;top:var(--safe-area-inset-top);left:0;right:0}.fixed-bottom-safe{position:fixed;bottom:var(--safe-area-inset-bottom);left:0;right:0}.full-height-safe{height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.min-height-screen-safe{min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}@media (min-width: 768px){.text-xs{font-size:.875rem}.text-sm{font-size:1rem}.text-base{font-size:1.125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:2rem}.text-3xl{font-size:2.5rem}.text-4xl{font-size:3rem}}html,body{overflow-x:hidden;width:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}#root{width:100%;overflow-x:hidden;min-height:100vh;min-height:-webkit-fill-available}.app-container,.page-container,.content-container{width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.page-layout{min-height:100vh;min-height:-webkit-fill-available;padding-top:calc(56px + var(--safe-area-inset-top));padding-bottom:calc(60px + var(--safe-area-inset-bottom));display:flex;flex-direction:column}.page-content{flex:1;padding-left:max(16px,var(--safe-area-inset-left));padding-right:max(16px,var(--safe-area-inset-right))}@media (max-width: 768px){.mobile-full-height{height:100vh;height:-webkit-fill-available}.mobile-safe-content{padding-top:calc(56px + var(--safe-area-inset-top) + 16px);padding-bottom:calc(60px + var(--safe-area-inset-bottom) + 16px)}}@media (orientation: landscape) and (max-height: 500px){.page-layout{padding-top:calc(44px + var(--safe-area-inset-top));padding-bottom:calc(44px + var(--safe-area-inset-bottom))}.recipe-grid-container{padding-top:calc(44px + var(--safe-area-inset-top) + var(--spacing-md));padding-bottom:calc(44px + var(--safe-area-inset-bottom) + var(--spacing-md))}.create-recipe{padding-top:calc(44px + var(--safe-area-inset-top) + var(--spacing-sm));padding-bottom:calc(44px + var(--safe-area-inset-bottom) + 60px)}}@media (orientation: landscape) and (max-height: 414px){.has-notch .header{height:calc(44px + var(--safe-area-inset-top))}.has-notch .bottom-navigation{min-height:calc(44px + var(--safe-area-inset-bottom));padding:8px max(16px,var(--safe-area-inset-left)) calc(8px + var(--safe-area-inset-bottom)) max(16px,var(--safe-area-inset-right))}}@media (screen-spanning: single-fold-vertical){.page-content{max-width:50vw}}@media (screen-spanning: single-fold-horizontal){.header{position:relative}.page-layout{padding-top:0}}@media (-webkit-min-device-pixel-ratio: 2){.safe-area-top,.safe-area-bottom{border-radius:0}}.grecaptcha-badge{visibility:hidden}.grecaptcha-badge.show-for-testing{visibility:visible!important}.recaptcha-terms{font-size:.75rem;color:var(--text-lighter);text-align:center;margin-top:var(--spacing-sm)}.recaptcha-terms a{color:var(--primary-color);text-decoration:none}.recaptcha-terms a:hover{text-decoration:underline}