.meal-grid-container{margin:40px 0}.meal-grid-header{margin-bottom:30px}.meal-grid-header h2{color:var(--text-primary);margin-bottom:20px;font-size:32px}.meal-grid-wrapper{min-height:300px;position:relative}.category-loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background-color:#ffffffb3;border-radius:12px;justify-content:center;align-items:center;animation:.2s ease-in fadeIn;display:flex;position:absolute;inset:0}[data-theme=dark] .category-loading-overlay{background-color:#0009}.category-loading-spinner{border:4px solid #667eea33;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}[data-theme=dark] .category-loading-spinner{border:4px solid #d32f2f33;border-top-color:#d32f2f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.time-filter{flex-direction:column;gap:12px;display:flex}.time-filter-label{color:var(--text-secondary);font-size:16px;font-weight:500}.time-filter-buttons{flex-wrap:wrap;gap:10px;display:flex}.time-filter-btn{background:var(--card-background);border:2px solid var(--border-color);color:var(--text-primary);transition:var(--transition);border-radius:25px;padding:10px 20px;font-size:14px;font-weight:500}.time-filter-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.time-filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000}[data-theme=dark] .time-filter-btn.active{background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%)}.meal-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;display:grid}.no-meals{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:18px}@media (max-width:768px){.meal-grid{grid-template-columns:1fr;gap:20px}.meal-grid-header h2{font-size:24px}.time-filter-btn{padding:8px 16px;font-size:13px}}