:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-hover: #f8f9ff;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--border-hover: #e0e4ff;--shadow-sm: 0 2px 8px rgba(102, 126, 234, .2);--shadow-md: 0 5px 15px rgba(0, 0, 0, .08);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .15);--accent-primary: #667eea;--accent-secondary: #764ba2;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--info-bg: #e3f2fd;--info-text: #1565c0;--info-border: #1976d2;--tip-bg: #fff3cd;--tip-text: #856404;--tip-border: #ffc107}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #1f2a44;--bg-hover: #2d3a52;--text-primary: #eaeaea;--text-secondary: #b8b8b8;--text-tertiary: #888888;--border-color: #2d3a52;--border-hover: #3d4a62;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 5px 15px rgba(0, 0, 0, .4);--shadow-lg: 0 15px 30px rgba(0, 0, 0, .6);--accent-primary: #667eea;--accent-secondary: #764ba2;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-card: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--info-bg: #1a3a52;--info-text: #64b5f6;--info-border: #42a5f5;--tip-bg: #3a3020;--tip-text: #ffcc80;--tip-border: #ffa726}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.recipe-container{min-height:100vh;position:relative;background:var(--bg-primary);overflow-x:hidden}@media(max-width:768px){body{font-size:14px}.recipe-container{padding:0}}.search-bar-container{position:relative;max-width:600px;margin:0 auto}.search-bar{width:100%;padding:15px 45px 15px 20px;font-size:1rem;border:2px solid var(--border-color);border-radius:30px;outline:none;transition:all .3s ease;background:var(--bg-secondary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.search-bar:focus{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.search-bar::placeholder{color:var(--text-tertiary)}.clear-search{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:var(--border-color);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-secondary);transition:all .2s ease}.clear-search:hover{background:var(--accent-primary);color:#fff}@media(max-width:768px){.search-bar-container{max-width:100%;padding:0 10px}.search-bar{padding:12px 40px 12px 15px;font-size:.9rem}.clear-search{width:24px;height:24px;font-size:.9rem}}.dietary-tags{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:10}.dietary-tag{display:flex;align-items:center;flex-direction:row-reverse;gap:6px;padding:6px;border-radius:50%;width:32px;height:32px;justify-content:center;color:#fff;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;margin-left:auto;overflow:hidden}.dietary-tag:hover{box-shadow:0 4px 12px #0006;border-radius:20px;width:auto;padding:6px 12px}.dietary-tag:hover .tag-label{display:inline;margin-right:4px}.tag-emoji{font-size:1rem;line-height:1}.tag-label{display:none;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}@media(max-width:768px){.dietary-tags{top:8px;right:8px;gap:6px}}.home-page-container{padding:40px 20px;max-width:1400px;margin:0 auto;min-height:100vh}.header{text-align:center;margin-bottom:50px;position:relative}.header h1{font-size:3rem;color:var(--text-primary);margin-bottom:20px;font-weight:700}.subtitle{font-size:1.3rem;color:var(--text-secondary);font-style:italic}.carousel-section{position:relative;margin-bottom:60px;padding:0 50px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:2px solid #667eea;color:#667eea;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none}.carousel-btn:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-btn.left{left:0}.carousel-btn.right{right:0}.categories-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:20px 10px;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.categories-carousel::-webkit-scrollbar{display:none}.category-card{flex-shrink:0;width:180px;background:var(--bg-secondary);border-radius:20px;padding:30px 20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--card-color);opacity:0;transition:opacity .3s ease;z-index:0}.category-card:hover:before,.category-card.active:before{opacity:.15}.category-card.active{border:3px solid var(--card-color);transform:scale(1.05)}.category-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #00000026}.category-emoji{font-size:3rem;margin-bottom:10px;position:relative;z-index:1;transition:transform .3s ease}.category-card:hover .category-emoji{transform:scale(1.2) rotate(5deg)}.category-name{font-size:1.1rem;color:var(--text-primary);font-weight:600;position:relative;z-index:1}.all-recipes-section{margin-top:40px}.all-recipes-section h2{font-size:2rem;color:var(--text-primary);margin-bottom:30px;text-align:center}.no-recipes{text-align:center;padding:60px 20px;background:var(--bg-secondary);border-radius:20px;box-shadow:var(--shadow-md)}.no-recipes p{font-size:1.2rem;color:var(--text-secondary);margin:10px 0}.hint{font-size:.9rem!important;color:var(--text-tertiary)!important;font-style:italic}.recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.recipe-preview-card{background:var(--bg-secondary);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.recipe-preview-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.recipe-image{height:200px;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative}.recipe-image-photo{background:none;font-size:0}.recipe-preview-content{padding:25px}.recipe-preview-content h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:10px}.recipe-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recipe-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:.9rem;color:var(--text-tertiary)}.recipe-meta span{display:flex;align-items:center;gap:5px}@media(max-width:768px){.home-page-container{padding:20px 10px}.header{margin-bottom:30px}.header h1{font-size:1.5rem;margin-bottom:15px;white-space:normal;line-height:1.3}.subtitle{font-size:.95rem}.carousel-section{padding:0 25px;margin-bottom:40px}.carousel-btn{width:28px;height:28px;font-size:1.1rem}.categories-carousel{gap:8px;padding:15px 3px}.category-card{width:100px;padding:15px 8px}.category-emoji{font-size:1.8rem;margin-bottom:8px}.category-name{font-size:.75rem;line-height:1.2}.recipes-grid{grid-template-columns:1fr;gap:20px}.all-recipes-section h2{font-size:1.4rem;margin-bottom:20px}.recipe-preview-card{margin:0}.recipe-image{height:180px;font-size:4rem}.recipe-preview-content{padding:20px}.recipe-preview-content h3{font-size:1.3rem}.recipe-description{font-size:.95rem}.recipe-meta{font-size:.85rem;gap:10px}}.recipe-card-container{padding:40px 20px;max-width:1000px;margin:0 auto;min-height:100vh}.recipe-header{margin-bottom:40px}.back-button{background:var(--bg-secondary);border:2px solid #667eea;color:#667eea;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;margin-bottom:30px;-webkit-user-select:none;user-select:none}.back-button:hover{background:var(--accent-primary);color:#fff;transform:translate(-5px)}.recipe-title-section{text-align:center;background:var(--bg-secondary);padding:40px;border-radius:20px;box-shadow:var(--shadow-md)}.recipe-emoji{font-size:5rem;margin-bottom:20px}.recipe-emoji-wrapper{position:relative}.recipe-title-section h1{font-size:3rem;color:var(--text-primary);margin-bottom:15px}.recipe-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.6}.recipe-content{display:flex;flex-direction:column;gap:30px}.card{background:var(--bg-secondary);padding:30px;border-radius:20px;box-shadow:var(--shadow-md)}.card h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;padding:15px;background:var(--bg-tertiary);border-radius:10px;text-align:center}.info-label{font-size:.9rem;color:var(--text-tertiary);margin-bottom:5px;font-weight:500}.info-value{font-size:1.2rem;color:var(--text-primary);font-weight:600}.info-item-portions{display:flex;flex-direction:column;align-items:center;justify-content:center}.servings-adjuster{display:flex;align-items:center;justify-content:center;gap:15px;width:100%}.adjust-btn{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%!important;border:2px solid var(--accent-primary);background:var(--bg-secondary);color:var(--accent-primary);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;padding:0;box-shadow:var(--shadow-sm);flex-shrink:0;-webkit-user-select:none;user-select:none}.adjust-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1);box-shadow:var(--shadow-md)}.adjust-btn:active{transform:scale(1)}.servings-number{font-size:1.2rem;color:var(--text-primary);font-weight:600;min-width:40px;text-align:center}.per-serving{color:#888;font-size:.9rem;margin-bottom:15px;font-style:italic}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.nutrition-item{display:flex;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border-radius:8px}.nutrition-label{color:var(--text-secondary);font-weight:500}.nutrition-value{color:var(--text-primary);font-weight:600}.ingredients-note{background:var(--info-bg);color:var(--info-text);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem;font-weight:500;border-left:4px solid var(--info-border)}.ingredient-section{margin-bottom:25px}.ingredient-section:last-child{margin-bottom:0}.ingredient-section h3{color:var(--accent-primary);font-size:1.3rem;margin-bottom:15px;font-weight:600}.ingredient-section ul{list-style:none;padding:0}.ingredient-section li{padding:10px 0 10px 30px;border-bottom:1px solid var(--border-color);position:relative}.ingredient-section li:last-child{border-bottom:none}.ingredient-section li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.instructions-list{display:flex;flex-direction:column;gap:20px}.instruction-step{display:flex;gap:20px;padding:20px;background:var(--bg-tertiary);border-radius:10px;transition:all .3s ease}.instruction-step:hover{background:var(--bg-hover);transform:translate(5px)}.step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.step-text{flex:1;color:var(--text-primary);line-height:1.6;font-size:1.05rem}.tips-list{list-style:none;padding:0}.tips-list li{padding:15px;margin-bottom:10px;background:var(--tip-bg);border-left:4px solid var(--tip-border);border-radius:5px;color:var(--tip-text);line-height:1.6}.tips-list li:last-child{margin-bottom:0}.tags-section{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500}@media(max-width:768px){.recipe-card-container{padding:20px 10px}.back-button{padding:10px 18px;font-size:.9rem}.recipe-title-section{padding:25px 15px}.recipe-title-section h1{font-size:1.8rem;margin-bottom:12px}.recipe-emoji{font-size:3rem;margin-bottom:15px}.recipe-description{font-size:.95rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.5;padding:0 5px}.card{padding:20px}.card h2{font-size:1.5rem}.info-grid,.nutrition-grid{grid-template-columns:1fr;gap:12px}.info-item{padding:12px}.adjust-btn{width:32px;height:32px;min-width:32px;min-height:32px}.servings-number{font-size:1.3rem;min-width:50px}.instruction-step{flex-direction:row;padding:15px;gap:15px}.step-number{width:35px;height:35px;font-size:1rem}.step-text{font-size:1rem}.ingredient-section h3{font-size:1.1rem}.ingredient-section li{font-size:.95rem;padding:8px 0 8px 25px}.tips-list li{font-size:.95rem;padding:12px}}.settings-menu{position:absolute;top:20px;right:20px;z-index:1000;transform:translateZ(0);-webkit-transform:translateZ(0)}.settings-button{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:12px;width:50px;height:50px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:12px;box-shadow:var(--shadow-md);transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent}.burger-line{width:100%;height:3px;background:var(--accent-primary);border-radius:2px;transition:all .3s ease}.settings-button:hover{box-shadow:var(--shadow-lg);background:var(--bg-hover)}.settings-button:hover .burger-line{background:var(--accent-secondary)}.settings-button.active .burger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.settings-button.active .burger-line:nth-child(2){opacity:0}.settings-button.active .burger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.settings-button:active{transform:scale(.95)}.settings-dropdown{position:absolute;top:60px;right:0;background:var(--bg-secondary);border-radius:15px;box-shadow:var(--shadow-lg);min-width:220px;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{padding:20px;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none}.settings-header{display:flex;flex-direction:column;gap:15px}.settings-title{font-size:.9rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.toggle-container{display:flex;align-items:center;justify-content:center;gap:12px}.toggle-label{font-size:1.2rem;color:var(--text-tertiary);transition:all .3s ease;-webkit-user-select:none;user-select:none}.toggle-label.active{color:var(--accent-primary);font-weight:600;transform:scale(1.1)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:var(--border-color);transition:.3s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-switch:hover .toggle-slider{opacity:.9}@media(max-width:768px){.settings-menu{top:17px;right:7px}.settings-button{width:40px;height:40px;gap:4px;padding:10px}.burger-line{height:2.5px}.settings-button.active .burger-line:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.settings-button.active .burger-line:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.settings-dropdown{min-width:200px;top:55px}.settings-section{padding:15px}.toggle-label{font-size:1.1rem}.toggle-switch{width:45px;height:24px}.toggle-slider:before{height:18px;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(21px)}}.privacy-policy{max-width:900px;margin:0 auto;padding:2rem 1.5rem;line-height:1.7}.privacy-policy h1{margin-bottom:1.5rem}.privacy-policy h2{margin-top:2rem}.last-update{margin-top:3rem;font-size:.9rem;opacity:.6}.back-home{display:inline-block;margin-bottom:1rem;font-size:.85rem;color:#5a67d8;text-decoration:none}.back-home:hover{text-decoration:underline}.footer{margin-top:2.5rem;padding:.75rem 1rem;background-color:#f7f8fb;border-top:1px solid #e6e6e6}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.footer-links{margin:.25rem 0}.footer-links a{text-decoration:none;color:#5a67d8;font-size:.85rem}.footer-links a:hover{text-decoration:underline}.footer-copy{margin-top:.25rem;font-size:.75rem;opacity:.6}