@import url("https://fonts.googleapis.com/css2?family=Boogaloo&family=Nunito:wght@400;500;600;700;800;900&display=swap");:root{--yellow:#ffd93d;--orange:#ff6b35;--green:#6bcb77;--blue:#4d96ff;--pink:#ff6b9d;--purple:#c77dff;--red:#ff4757;--bg:#fffbf0;--bg2:#fff5d6;--dark:#1a1a2e;--dark2:#16213e;--text:#2d2d2d;--text-muted:#777;--border:#e8e0c8;--card-bg:#fff;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-hover:0 8px 40px rgba(0,0,0,.15);--radius:20px;--font-display:"Boogaloo",cursive;--font-body:"Nunito",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--yellow);border-radius:4px}::selection{background:var(--yellow);color:var(--dark)}.bg-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.25;animation:floatBlob 12s ease-in-out infinite}.blob-1{width:500px;height:500px;background:var(--yellow);top:-100px;right:-100px;animation-delay:0s}.blob-2{width:400px;height:400px;background:var(--orange);bottom:-100px;left:-100px;animation-delay:-4s}.blob-3{width:300px;height:300px;background:var(--green);top:40%;left:40%;animation-delay:-8s}@keyframes floatBlob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.card{background:var(--card-bg);border-radius:var(--radius);border:2px solid var(--border);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.btn{font-family:var(--font-body);font-weight:800;border:none;border-radius:50px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:active{transform:scale(.96)!important}.btn-primary{background:var(--orange);color:#fff;padding:14px 32px;font-size:1.05rem;box-shadow:0 4px 15px rgba(255,107,53,.35)}.btn-primary:hover{background:#e85d28;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(255,107,53,.45)}.btn-secondary{background:var(--yellow);color:var(--dark);padding:14px 32px;font-size:1.05rem;box-shadow:0 4px 15px rgba(255,217,61,.35)}.btn-secondary:hover{background:#f0c800;transform:translateY(-2px) scale(1.02)}.btn-ghost{background:transparent;color:var(--text-muted);padding:10px 20px;font-size:.9rem;border:2px solid var(--border)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.btn-danger{background:var(--red);color:#fff;padding:8px 16px;font-size:.85rem}.btn-danger:hover{background:#e03040;transform:translateY(-1px)}.input{font-family:var(--font-body);font-size:1rem;font-weight:600;border:2px solid var(--border);border-radius:14px;padding:14px 18px;width:100%;background:#fff;color:var(--text);transition:border-color .2s,box-shadow .2s;outline:none}.input:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,107,53,.12)}.input::placeholder{color:#bbb;font-weight:500}.macro-pill{display:inline-flex;flex-direction:column;align-items:center;padding:12px 16px;border-radius:16px;font-weight:800;min-width:80px}.macro-pill .value{font-size:1.4rem;line-height:1}.macro-pill .label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:3px;opacity:.8}.macro-calories{background:#fff0e5;color:var(--orange);border:2px solid #ffd4bf}.macro-protein{background:#e8f5ff;color:var(--blue);border:2px solid #bfe0ff}.macro-carbs{background:#fff8e1;color:#f59e0b;border:2px solid #ffe8a0}.macro-fat{background:#fff0f5;color:var(--pink);border:2px solid #ffd4e8}.macro-fiber{background:#edfff1;color:var(--green);border:2px solid #c0eec8}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:50px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.anim-slide-up{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1) forwards}.anim-fade{animation:fadeIn .4s ease forwards}.anim-pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.anim-bounce{animation:bounce 1.5s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:14px 20px;border-radius:16px;font-weight:700;font-size:.95rem;box-shadow:0 8px 30px rgba(0,0,0,.15);display:flex;align-items:center;gap:10px;animation:slideUp .3s ease;max-width:340px}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--red);color:#fff}.toast-info{background:var(--blue);color:#fff}@media (max-width:768px){.blob-1,.blob-3{display:none}}