.header{color:#fff;box-shadow:var(--shadow-md);z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px 0;position:sticky;top:0}[data-theme=dark] .header{background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%)}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 20px;display:flex}.header-actions{align-items:center;gap:15px;display:flex}.browse-buttons{align-items:center;gap:10px;display:flex}.browse-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:25px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.browse-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.browse-icon{font-size:18px}.browse-text{font-weight:600}.theme-toggle{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:all .3s;display:flex}.theme-toggle:hover{background:#ffffff4d;transform:translateY(-2px)scale(1.05)}.logo{cursor:pointer;text-decoration:none}.logo-container{align-items:center;gap:12px;transition:transform .3s;display:flex}.logo:hover .logo-container{transform:scale(1.05)}.logo-icon{color:#fff;filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;width:50px;height:50px;transition:all .3s}.logo:hover .logo-icon{filter:drop-shadow(0 4px 8px #0000004d);transform:rotate(-5deg)}.logo h1{letter-spacing:1px;align-items:baseline;gap:4px;margin:0;font-family:Righteous,cursive;font-size:42px;font-weight:400;display:flex}.logo-meal{background:linear-gradient(45deg,#fff,#a8edea);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;filter:drop-shadow(0 2px 4px #0003);-webkit-background-clip:text;background-clip:text;font-weight:700}.logo-sights{background:linear-gradient(45deg,#fed6e3,#ffeaa7);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ffffff4d;filter:drop-shadow(0 2px 4px #0003);-webkit-background-clip:text;background-clip:text;font-weight:400}.user-menu{position:relative}.user-greeting{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff3;border-radius:25px;align-items:center;gap:10px;padding:10px 20px;font-size:18px;font-weight:500;transition:all .3s;display:flex}.user-greeting:hover{background:#ffffff4d;transform:translateY(-2px)}.dropdown-menu{opacity:0;visibility:hidden;z-index:1000;background:#fff;border-radius:12px;min-width:200px;transition:all .3s;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 8px 24px #00000026}.user-menu:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:#333;cursor:pointer;text-align:left;background:#fff;border:none;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.dropdown-item:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}[data-theme=dark] .dropdown-item:hover{background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%)}.dropdown-item .icon{font-size:18px}.dropdown-item.logout:hover{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}[data-theme=dark] .dropdown-item.logout:hover{background:linear-gradient(135deg,#c62828 0%,#8e0000 100%)}.auth-buttons{align-items:center;gap:15px;display:flex}.login-button,.register-button{cursor:pointer;border:none;border-radius:25px;padding:10px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.login-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3}.login-button:hover{background:#ffffff4d;transform:translateY(-2px)}.register-button{color:#667eea;background:#fff}[data-theme=dark] .register-button{color:#d32f2f}.register-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #fff6}.hamburger-menu{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1001;background:#fff3;border:none;border-radius:8px;flex-direction:column;justify-content:space-around;width:36px;height:36px;padding:6px;transition:all .3s;display:none}.hamburger-menu span{transform-origin:50%;background-color:#fff;border-radius:3px;width:100%;height:3px;transition:all .3s}.hamburger-menu:hover{background:#ffffff4d}.hamburger-menu.active span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0;transform:translate(-20px)}.hamburger-menu.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.mobile-menu{z-index:1000;background:#fff;border-radius:12px 0 0 12px;width:280px;max-width:90vw;max-height:calc(100vh - 110px);padding:10px 0;transition:transform .3s;display:none;position:fixed;top:90px;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #00000026}[data-theme=dark] .mobile-menu{background:#1a1a1a;box-shadow:-4px 0 24px #0000004d}.mobile-menu.open{transform:translate(0)}.mobile-menu-item{color:#333;cursor:pointer;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:15px;width:100%;padding:16px 24px;font-size:17px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}[data-theme=dark] .mobile-menu-item{color:#fff}.mobile-menu-item:hover,.mobile-menu-item:active{color:#667eea;background:linear-gradient(90deg,#667eea1a 0%,#0000 100%);border-left-color:#667eea}[data-theme=dark] .mobile-menu-item:hover,[data-theme=dark] .mobile-menu-item:active{color:#ff6b6b;background:linear-gradient(90deg,#d32f2f1a 0%,#0000 100%);border-left-color:#d32f2f}.mobile-menu-icon{justify-content:center;width:28px;font-size:22px;display:inline-flex}@media (max-width:768px){.header-actions{display:none}.hamburger-menu{display:flex}.mobile-menu{display:block}.logo-container{gap:0}.logo-icon{width:44px;height:44px}.logo h1{display:none}}
.app-footer{background:var(--card-bg,#fff);border-top:1px solid var(--border-color,#e0e0e0);color:var(--text-primary,#333);margin-top:4rem;padding:3rem 2rem 1rem}.footer-content{grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1400px;margin:0 auto 2rem;display:grid}.footer-list{margin:0;padding:0;list-style:none}.footer-disclaimer-section{max-width:1400px;margin:2rem auto;padding:0 2rem}.footer-section h3{color:var(--primary-color,#4caf50);margin-bottom:.5rem;font-size:1.5rem}.footer-section h4{color:var(--text-primary,#000);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section p{color:var(--text-secondary,#666);line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.5rem}.footer-link{color:var(--primary-color,#4caf50);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;max-width:100%;padding:0;font-family:inherit;font-size:.95rem;text-decoration:none;transition:all .2s;display:block;overflow:hidden}.footer-link:hover{color:var(--primary-hover,#45a049);text-decoration:underline;transform:translate(2px)}[data-theme=dark] .footer-link{color:#64b5f6}[data-theme=dark] .footer-link:hover{color:#90caf9}.footer-disclaimer{color:#856404;background:#fff3cd;border-left:4px solid #ffc107;border-radius:.5rem;padding:1rem;font-size:.85rem;line-height:1.5}[data-theme=dark] .footer-disclaimer{color:#ffdb8b;background:#ffc1071a;border-left-color:#ffc107}.footer-bottom{border-top:1px solid var(--border-color,#e0e0e0);text-align:center;max-width:1200px;color:var(--text-secondary,#666);margin:0 auto;padding-top:1.5rem;font-size:.9rem}[data-theme=dark] .app-footer{background:var(--card-bg,#1e1e1e);border-top-color:var(--border-color,#333)}[data-theme=dark] .footer-section h3,[data-theme=dark] .footer-section h4{color:var(--text-primary,#e0e0e0)}[data-theme=dark] .footer-section p{color:var(--text-secondary,#999)}[data-theme=dark] .footer-bottom{border-top-color:var(--border-color,#333)}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:768px){.app-footer{padding:2rem 1rem 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1rem}.footer-disclaimer{font-size:.8rem}.footer-disclaimer-section{padding:0 1rem}}
.selection-modal-overlay{z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:fixed;inset:0}.selection-modal{background:var(--card-background);border-radius:16px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selection-modal-close{background:var(--background);border:2px solid var(--border-color);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.selection-modal-close:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.selection-modal-header{border-bottom:2px solid var(--border-color);padding:40px 30px 20px}.selection-modal-header h2{color:var(--text-primary);margin:0 0 10px;font-size:28px}.selection-modal-header p{color:var(--text-secondary);margin:0;font-size:14px}.selection-modal-search{border-bottom:1px solid var(--border-color);padding:20px 30px}.selection-search-input{border:2px solid var(--border-color);background:var(--background);width:100%;color:var(--text-primary);transition:var(--transition);border-radius:25px;padding:12px 20px;font-size:16px}.selection-search-input:focus{border-color:var(--primary-color);outline:none}.selection-modal-content{flex:1;padding:30px;overflow-y:auto}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;display:grid}.selection-item{background:var(--background);border:2px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.selection-item:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 20px #667eea33}.selection-item-icon{font-size:32px}.selection-item-name{color:var(--text-primary);text-transform:capitalize;font-size:14px;font-weight:600}.allergy-item:hover{border-color:#ff9800;box-shadow:0 8px 20px #ff980033}.diet-item:hover{border-color:#4caf50;box-shadow:0 8px 20px #4caf5033}[data-theme=dark] .allergy-item:hover{border-color:#ffa726}[data-theme=dark] .diet-item:hover{border-color:#66bb6a}.selection-loading{justify-content:center;align-items:center;min-height:200px;display:flex}.no-results{text-align:center;color:var(--text-secondary);padding:60px 20px}.no-results p{font-size:16px}@media (max-width:768px){.selection-modal{width:95%;max-height:90vh}.selection-modal-header{padding:30px 20px 15px}.selection-modal-header h2{font-size:24px}.selection-modal-search{padding:15px 20px}.selection-modal-content{padding:20px}.selection-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.selection-item{padding:15px}.selection-item-icon{font-size:24px}.selection-item-name{font-size:13px}}