:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #ffffff;--text-secondary: #aaaaaa;--accent: #FF5A5F;--accent-glow: rgba(255, 90, 95, .4);--card-bg: rgba(30, 30, 30, .6);--glass-border: rgba(255, 255, 255, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 10% 20%,rgba(90,255,100,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,90,95,.05) 0%,transparent 20%);min-height:100vh}h1,h2,h3{font-weight:700;letter-spacing:-.02em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.container{max-width:1400px;margin:0 auto;padding:2rem}.header{margin-bottom:3rem;text-align:center}.title-gradient{background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:3rem;margin-bottom:.5rem}.controls{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap;position:relative;z-index:50}input.search-bar{background:#ffffff0d;border:1px solid var(--glass-border);padding:1rem 1.5rem;border-radius:50px;color:#fff;font-size:1rem;width:300px;outline:none;transition:all .3s ease}input.search-bar:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);width:320px}.filter-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;transition:all .2s ease;font-weight:500;-webkit-user-select:none;user-select:none}.filter-btn:hover{background:#ffffff1a;color:#fff}.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 15px var(--accent-glow)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.recipe-card{position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:flex;flex-direction:column}.recipe-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ffffff4d}.card-image-container{height:200px;width:100%;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.recipe-card:hover .card-image{transform:scale(1.1)}.card-source{position:absolute;top:10px;right:10px;background:#000000b3;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.source-hf{color:#96d52f}.source-cp{color:#f58535}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-title{font-size:1.1rem;margin:0 0 .5rem;line-height:1.4}.card-meta{display:flex;align-items:center;gap:1rem;margin-top:auto;font-size:.85rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:5px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s forwards;padding:2rem}.modal-content{width:100%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;background:#1e1e1e;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1) forwards}.modal-header{height:300px;position:relative}.modal-image{width:100%;height:100%;object-fit:cover}.close-btn{position:absolute;top:20px;right:20px;background:#00000080;border:none;width:40px;height:40px;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.close-btn:hover{background:#000c}.modal-body{padding:2rem}.tags{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.tag{background:#ffffff1a;padding:4px 12px;border-radius:20px;font-size:.8rem;color:var(--text-secondary)}.tag.spicy{background:#f4433633;color:#ff867f}.section-title{font-size:1.2rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;margin:2rem 0 1rem;color:var(--accent)}.ingredients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.ingredient-card{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:12px;background:#ffffff0d}.ing-image-container{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0}.ing-image{width:100%;height:100%;object-fit:contain}.ing-info{display:flex;flex-direction:column}.ing-amount{font-weight:700;color:var(--text-primary);font-size:.9rem}.ing-name{color:var(--text-secondary);font-size:.9rem;line-height:1.2}.ingredient-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.action-btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:50px;font-weight:700;margin-top:2rem;transition:filter .2s}.action-btn:hover{filter:brightness(1.1)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.filter-menu-container{position:relative;display:inline-block;z-index:1000}.filter-toggle-btn{background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);padding:.8rem 1.5rem;border-radius:50px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-toggle-btn:hover{background:#ffffff1a;color:#fff}.filter-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 15px var(--accent-glow)}.filter-dropdown{position:absolute;top:120%;left:0;width:250px;padding:1.5rem;background:#1e1e1ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 25px -5px #00000080;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-section{margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.filter-section:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.filter-section h4{margin:0 0 .8rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.checkbox-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem;cursor:pointer;font-size:.95rem;color:var(--text-primary);transition:color .2s}.checkbox-item:hover{color:var(--accent)}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.active-filter{background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;display:inline-flex;align-items:center;box-shadow:0 2px 5px #0003}.search-bar{padding:.8rem 1.2rem;border-radius:50px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:1rem;width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.search-bar:focus{outline:none;background:#fff3;border-color:#fff6;box-shadow:0 0 15px #ffffff1a;width:320px}.nutrition-container{margin-top:2rem;padding:1.5rem;background:transparent;border-top:1px solid rgba(255,255,255,.1)}.nutrition-container h3{margin:0 0 1rem;font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600}.nutrition-grid{display:flex;flex-wrap:wrap;gap:.8rem}.nutrient-token{display:flex;flex-direction:column;align-items:center;background:#2a2a2a;padding:.75rem 1rem;border-radius:8px;border:1px solid #3a3a3a;min-width:80px}.nutrient-amount{font-weight:700;font-size:1.1rem;color:var(--primary-color)}.nutrient-label{font-size:.75rem;color:#aaa;margin-top:2px;text-transform:lowercase}.nutrition-name{color:var(--text-secondary)}.nutrition-amount{font-weight:600;color:var(--text-primary)}.nutrition-disclaimer{margin-top:1rem;font-size:.8rem;color:var(--text-secondary);text-align:center;font-style:italic}.pagination-container{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding-bottom:2rem}.pagination-btn{background:var(--glass-bg, rgba(255, 255, 255, .05));border:1px solid var(--glass-border);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);font-weight:700}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{margin-left:1rem;color:var(--text-secondary)}