:root{--color-pelagem: #B49A64;--color-pelagem-light: #C9B585;--color-pelagem-dark: #8C7548;--color-olho-vivo: #5B9A6B;--color-olho-vivo-light: #7BB88A;--color-olho-vivo-dark: #3D7A4E;--color-sal-puro: #F7F5F2;--color-sal-puro-dark: #EDE9E3;--color-sombra-mata: #3A3632;--color-sombra-mata-light: #5C5650;--color-fogo-fogao: #E67E22;--color-fogo-fogao-light: #F0A55A;--color-fogo-fogao-bg: #FEF3E8;--color-pingo-sal: #6EC6FF;--color-pingo-sal-dark: #3BA8E8;--color-white: #FFFFFF;--color-border: rgba(58, 54, 50, .12);--color-border-strong: rgba(58, 54, 50, .25);--font-display: "Cormorant Garamond", Georgia, serif;--font-title: "Quicksand", "Trebuchet MS", sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(58, 54, 50, .08), 0 1px 2px rgba(58, 54, 50, .06);--shadow-md: 0 4px 12px rgba(58, 54, 50, .1), 0 2px 6px rgba(58, 54, 50, .06);--shadow-lg: 0 8px 24px rgba(58, 54, 50, .12), 0 4px 12px rgba(58, 54, 50, .08);--shadow-pelagem: 0 4px 16px rgba(180, 154, 100, .3);--shadow-olho-vivo: 0 4px 16px rgba(91, 154, 107, .3);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--app-max-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--color-sal-puro);color:var(--color-sombra-mata);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:var(--app-max-width);margin:0 auto;background:var(--color-sal-puro);position:relative;box-shadow:0 0 40px #3a363214}.app-header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);display:flex;align-items:center;gap:var(--space-3);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.app-logo{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-pelagem);letter-spacing:-.02em;line-height:1;display:flex;align-items:baseline;gap:0}.logo-trema{color:var(--color-pingo-sal);display:inline-block;animation:trema-blink 3s ease-in-out infinite}@keyframes trema-blink{0%,90%,to{opacity:1;transform:translateY(0)}95%{opacity:.3;transform:translateY(-1px)}}.app-tagline{font-family:var(--font-title);font-size:var(--text-xs);color:var(--color-sombra-mata-light);font-weight:500;margin-left:auto}.page-content{flex:1;padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--space-12) + 60px);overflow-y:auto}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);background:var(--color-white);border-top:1px solid var(--color-border);display:flex;z-index:100;box-shadow:0 -4px 16px #3a363214}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-3) var(--space-2);color:var(--color-sombra-mata-light);text-decoration:none;font-family:var(--font-title);font-size:10px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:color var(--transition-fast);border:none;background:transparent;-webkit-tap-highlight-color:transparent}.tab-item.active{color:var(--color-pelagem)}.tab-item svg{width:24px;height:24px;transition:transform var(--transition-fast)}.tab-item:active svg{transform:scale(.9)}h1,h2,h3,h4{font-family:var(--font-title);line-height:1.3;color:var(--color-sombra-mata)}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}h4{font-size:var(--text-base);font-weight:600}p{font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-title);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);border:none;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,0);transition:background var(--transition-fast)}.btn:active:after{background:rgba(255,255,255,.2)}.btn-primary{background:var(--color-pelagem);color:var(--color-white);box-shadow:var(--shadow-pelagem);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-primary:hover{background:var(--color-pelagem-dark);transform:translateY(-1px);box-shadow:0 8px 24px #b49a6466}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background:var(--color-olho-vivo);color:var(--color-white);box-shadow:var(--shadow-olho-vivo);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-success:hover{background:var(--color-olho-vivo-dark);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--color-pelagem);color:var(--color-pelagem)}.btn-outline:hover{background:var(--color-pelagem);color:var(--color-white)}.btn-ghost{background:transparent;color:var(--color-sombra-mata-light);padding:var(--space-2) var(--space-3)}.btn-ghost:hover{background:var(--color-sal-puro-dark);color:var(--color-sombra-mata)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.card-recipe{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}.card-recipe-header{background:linear-gradient(135deg,var(--color-pelagem) 0%,var(--color-pelagem-dark) 100%);padding:var(--space-6) var(--space-5);color:var(--color-white)}.card-recipe-body{padding:var(--space-5)}.section-title{font-family:var(--font-title);font-size:var(--text-sm);font-weight:700;color:var(--color-sombra-mata-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.member-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}.member-avatar{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--transition-base)}.member-avatar:active{transform:scale(.95)}.member-blob{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);background:var(--color-sal-puro-dark);border:3px solid transparent;transition:all var(--transition-base);position:relative;opacity:.7}.member-blob.selected{border-color:var(--color-olho-vivo);background:rgba(91,154,107,.1);opacity:1;box-shadow:0 0 0 2px #5b9a6b4d}.member-check{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:var(--color-olho-vivo);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:2px solid white;animation:pop-in .2s ease}@keyframes pop-in{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.member-name{font-family:var(--font-title);font-size:var(--text-xs);font-weight:600;color:var(--color-sombra-mata);text-align:center;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meal-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.meal-type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-white);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-title);font-size:var(--text-xs);font-weight:600;color:var(--color-sombra-mata-light);-webkit-tap-highlight-color:transparent}.meal-type-btn .emoji{font-size:1.5rem}.meal-type-btn.selected{border-color:var(--color-pelagem);background:rgba(180,154,100,.08);color:var(--color-pelagem-dark)}.meal-type-btn:hover{border-color:var(--color-pelagem-light)}.ai-disclaimer{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-fogo-fogao-bg);border:1px solid rgba(230,126,34,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.ai-disclaimer-icon{font-size:var(--text-lg);flex-shrink:0;margin-top:1px}.ai-disclaimer-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sombra-mata);line-height:1.5}.ai-disclaimer-text strong{color:var(--color-fogo-fogao);font-weight:600}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-family:var(--font-title);font-size:var(--text-xs);font-weight:700}.badge-warning{background:var(--color-fogo-fogao-bg);color:var(--color-fogo-fogao);border:1px solid rgba(230,126,34,.3)}.badge-success{background:rgba(91,154,107,.1);color:var(--color-olho-vivo-dark);border:1px solid rgba(91,154,107,.3)}.badge-pelagem{background:rgba(180,154,100,.1);color:var(--color-pelagem-dark);border:1px solid rgba(180,154,100,.3)}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-sal-puro-dark);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sombra-mata);border:1px solid var(--color-border)}.tag-pill-danger{background:rgba(230,126,34,.08);border-color:#e67e224d;color:#c0621a}.tag-pill button{background:none;border:none;cursor:pointer;color:inherit;display:flex;align-items:center;padding:0;opacity:.6;transition:opacity var(--transition-fast)}.tag-pill button:hover{opacity:1}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-family:var(--font-title);font-size:var(--text-sm);font-weight:600;color:var(--color-sombra-mata)}.input-field{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-sombra-mata);background:var(--color-white);transition:border-color var(--transition-fast);outline:none;width:100%}.input-field:focus{border-color:var(--color-pelagem)}.input-field::placeholder{color:#3a363266}.input-row{display:flex;gap:var(--space-2)}.ingredient-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.ingredient-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-sal-puro-dark);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm)}.ingredient-item-name{flex:1;font-weight:500}.ingredient-item-qty{color:var(--color-sombra-mata-light);font-size:var(--text-xs)}.ingredient-item-check{color:var(--color-olho-vivo);flex-shrink:0}.ingredient-item-missing{color:var(--color-fogo-fogao);flex-shrink:0}.recipe-steps{list-style:none;display:flex;flex-direction:column;gap:var(--space-4);counter-reset:step-counter}.recipe-step{display:flex;gap:var(--space-4);align-items:flex-start}.recipe-step-number{width:28px;height:28px;border-radius:50%;background:var(--color-pelagem);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:var(--text-sm);flex-shrink:0;margin-top:2px}.recipe-step-text{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-sombra-mata)}.why-it-fits{background:rgba(91,154,107,.06);border-left:4px solid var(--color-olho-vivo);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sombra-mata);line-height:1.6}.loading-mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-6);text-align:center}.mascot-emoji{font-size:4rem;animation:mascot-cook 1s ease-in-out infinite}@keyframes mascot-cook{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.loading-text{font-family:var(--font-title);font-size:var(--text-lg);color:var(--color-pelagem-dark);font-weight:600}.loading-subtext{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sombra-mata-light)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center}.empty-state-emoji{font-size:3rem;opacity:.5}.empty-state-title{font-family:var(--font-title);font-size:var(--text-lg);font-weight:600;color:var(--color-sombra-mata)}.empty-state-text{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-sombra-mata-light);max-width:240px}.recipe-chips{display:flex;gap:var(--space-3);flex-wrap:wrap}.recipe-chip{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-title);font-size:var(--text-sm);font-weight:600;color:#ffffffe6}.divider{height:1px;background:var(--color-border);margin:var(--space-5) 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--color-sombra-mata-light)}.font-title{font-family:var(--font-title)}.font-body{font-family:var(--font-body)}.w-full{width:100%}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.toast-container{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:calc(var(--app-max-width) - var(--space-8));width:100%}.toast{background:var(--color-sombra-mata);color:var(--color-white);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-title);font-size:var(--text-sm);font-weight:600;text-align:center;animation:toast-in .3s ease;pointer-events:auto;box-shadow:var(--shadow-lg)}.toast-success{background:var(--color-olho-vivo-dark)}.toast-error{background:#C0392B}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}