:root{--cor-fundo: #FBF7F0;--cor-fundo-realce: #F3ECE0;--cor-texto: #2B2622;--cor-texto-suave: #6E645A;--cor-acento: #C5623C;--cor-acento-escuro: #A44D2E;--cor-acento-suave: #F1DCCC;--cor-sucesso: #6B8E5A;--cor-sucesso-suave: #E1EAD9;--cor-perigo: #B23A3A;--cor-superficie: #FFFFFF;--cor-borda: #ECE3D6;--cozinha-fundo: #241E1A;--cozinha-fundo-alt: #2E2620;--cozinha-texto: #FBF7F0;--cozinha-acento: #E3A17E;--raio-sm: 10px;--raio: 14px;--raio-lg: 20px;--raio-pill: 999px;--sombra-sm: 0 1px 3px rgba(43, 38, 34, .06);--sombra: 0 2px 10px rgba(43, 38, 34, .08);--sombra-lg: 0 12px 32px rgba(43, 38, 34, .14);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--fonte: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fonte-titulo: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--duracao: .18s;--entrada: cubic-bezier(.16, 1, .3, 1)}@media (prefers-reduced-motion: reduce){:root{--duracao: 1ms}}*{box-sizing:border-box;margin:0}html,body{overflow-x:hidden}body{background:radial-gradient(circle at 6px 6px,rgba(43,38,34,.035) 1px,transparent 1.6px) 0 0 / 22px 22px,var(--cor-fundo);color:var(--cor-texto);font-family:var(--fonte);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--fonte-titulo);font-weight:600;line-height:1.2;color:var(--cor-texto)}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--cor-acento);outline-offset:2px}img{max-width:100%;display:block}input,textarea{font:inherit;color:var(--cor-texto);background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio-sm);padding:var(--sp-3);width:100%;transition:border-color var(--duracao) var(--entrada),box-shadow var(--duracao) var(--entrada)}input::placeholder,textarea::placeholder{color:var(--cor-texto-suave)}input:focus,textarea:focus{border-color:var(--cor-acento);box-shadow:0 0 0 3px var(--cor-acento-suave)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{max-width:640px;margin:0 auto;min-height:100vh;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}p.carregando{padding:var(--sp-6) var(--sp-4);text-align:center;color:var(--cor-texto-suave);font-style:italic}p.carregando:before{content:"";display:block;width:28px;height:28px;margin:0 auto var(--sp-3);border-radius:50%;border:3px solid var(--cor-acento-suave);border-top-color:var(--cor-acento);animation:girar .8s linear infinite}@media (prefers-reduced-motion: reduce){p.carregando:before{animation:none}}@keyframes girar{to{transform:rotate(360deg)}}p.erro{background:#fbeae6;color:var(--cor-perigo);border:1px solid #EFC6BC;border-radius:var(--raio-sm);padding:var(--sp-3) var(--sp-4);margin:var(--sp-4);font-size:.9rem}p.vazio{text-align:center;color:var(--cor-texto-suave);padding:var(--sp-7) var(--sp-4);font-size:1.05rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:0;background:var(--cor-superficie);border-top:1px solid var(--cor-borda);box-shadow:var(--sombra-lg);padding-bottom:env(safe-area-inset-bottom,0px);z-index:100}.nav-item{flex:1;max-width:213px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--cor-texto-suave);background:transparent;border:none;font-size:.75rem;font-weight:500;position:relative;transition:color var(--duracao) var(--entrada)}.nav-item span:first-child{font-size:1.25rem;transition:transform var(--duracao) var(--entrada)}.nav-item:active span:first-child{transform:scale(.88)}.nav-item.ativo{color:var(--cor-acento-escuro);font-weight:700}.nav-item.ativo:before{content:"";position:absolute;top:6px;width:28px;height:3px;border-radius:var(--raio-pill);background:var(--cor-acento)}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-5);background:radial-gradient(circle at 12% 8%,rgba(197,98,60,.12),transparent 45%),radial-gradient(circle at 88% 92%,rgba(107,142,90,.12),transparent 45%)}.login .marca{font-size:2.1rem;margin-bottom:var(--sp-6);letter-spacing:.01em;position:relative}.login .marca:after{content:"";display:block;width:56px;height:3px;margin:var(--sp-2) auto 0;border-radius:var(--raio-pill);background:linear-gradient(90deg,var(--cor-acento),var(--cor-sucesso))}.login form{width:100%;max-width:360px;background:var(--cor-superficie);border-radius:var(--raio-lg);box-shadow:var(--sombra-lg);padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.login label{display:flex;flex-direction:column;gap:var(--sp-2);font-size:.85rem;font-weight:600;color:var(--cor-texto-suave)}.login input{min-height:44px;font-size:1rem}.login button[type=submit]{min-height:48px;background:var(--cor-acento);color:#fff;border:none;border-radius:var(--raio-sm);font-weight:700;font-size:1rem;margin-top:var(--sp-2);transition:background var(--duracao) var(--entrada),transform var(--duracao) var(--entrada)}.login button[type=submit]:hover{background:var(--cor-acento-escuro)}.login button[type=submit]:active{transform:scale(.98)}.login button[type=submit]:disabled{background:var(--cor-texto-suave);cursor:default}.catalogo,.pesquisa,.adicionar,.form-rascunho,.detalhe{padding:var(--sp-4)}.catalogo{display:flex;flex-direction:column;gap:var(--sp-6)}.pesquisa-texto{min-height:48px;border-radius:var(--raio-pill);padding-left:var(--sp-4);background:var(--cor-superficie);box-shadow:var(--sombra-sm)}.seccao{font-size:1.3rem;margin-bottom:var(--sp-3);padding-left:var(--sp-3);border-left:4px solid var(--cor-acento)}.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp-4)}.card{display:flex;flex-direction:column;text-align:left;background:var(--cor-superficie);border:none;border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;min-width:0;transition:transform var(--duracao) var(--entrada),box-shadow var(--duracao) var(--entrada)}.card:active{transform:scale(.97);box-shadow:var(--sombra-sm)}.card .foto,.card .foto-placeholder{width:100%;aspect-ratio:4 / 3;object-fit:cover}.card .foto-placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,var(--cor-acento-suave),var(--cor-fundo-realce))}.card-corpo{padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.card-corpo h3{font-size:.95rem;font-weight:600;font-family:var(--fonte);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meta{font-size:.8rem;color:var(--cor-texto-suave)}.detalhe{display:flex;flex-direction:column;gap:var(--sp-4)}.voltar{align-self:flex-start;min-height:44px;padding:0 var(--sp-3);background:transparent;border:none;color:var(--cor-acento-escuro);font-weight:600;font-size:.95rem}.detalhe .foto,.detalhe .foto-placeholder{width:100%;max-height:280px;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--raio-lg)}.detalhe .foto-placeholder{display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--cor-acento-suave),var(--cor-fundo-realce))}.detalhe h1{font-size:1.6rem}.detalhe h2{font-size:1.1rem;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--cor-borda)}.toggle-idioma{display:inline-flex;background:var(--cor-fundo-realce);border-radius:var(--raio-pill);padding:3px;gap:2px;align-self:flex-start}.toggle-idioma button{min-height:44px;padding:0 var(--sp-4);border:none;border-radius:var(--raio-pill);background:transparent;color:var(--cor-texto-suave);font-size:.85rem;font-weight:600;transition:background var(--duracao) var(--entrada),color var(--duracao) var(--entrada)}.toggle-idioma button[aria-pressed=true]{background:var(--cor-superficie);color:var(--cor-acento-escuro);box-shadow:var(--sombra-sm)}.ingredientes{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}.ingredientes li label{display:flex;align-items:center;gap:var(--sp-3);min-height:44px;padding:var(--sp-1) var(--sp-2);border-radius:var(--raio-sm);font-size:.98rem;transition:background var(--duracao) var(--entrada)}.ingredientes li label:active{background:var(--cor-fundo-realce)}.ingredientes input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--cor-acento);flex-shrink:0}.ingredientes li:has(input:checked) label{color:var(--cor-texto-suave);text-decoration:line-through}.passos{list-style:none;counter-reset:passo;display:flex;flex-direction:column;gap:var(--sp-3)}.passos li{counter-increment:passo;display:flex;gap:var(--sp-3);align-items:flex-start;font-size:.98rem}.passos li:before{content:counter(passo);flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--cor-acento-suave);color:var(--cor-acento-escuro);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center}.acoes{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--cor-borda)}.acoes button,.acoes a{min-height:44px;padding:0 var(--sp-4);border-radius:var(--raio-sm);border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-texto);font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;transition:transform var(--duracao) var(--entrada),background var(--duracao) var(--entrada)}.acoes button:active,.acoes a:active{transform:scale(.97)}.acoes .primario{background:var(--cor-acento);color:#fff;border-color:var(--cor-acento)}.acoes .primario:hover{background:var(--cor-acento-escuro)}.acoes .perigo{color:var(--cor-perigo);border-color:#efc6bc;background:#fbeae6}.relacionadas{display:flex;flex-direction:column;gap:var(--sp-3);padding-top:var(--sp-2)}.relacionadas h3{font-size:.9rem;color:var(--cor-texto-suave);font-family:var(--fonte);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.relacionadas .grelha{display:flex;grid-template-columns:unset;overflow-x:auto;gap:var(--sp-3);padding-bottom:var(--sp-2);scroll-snap-type:x proximity}.relacionadas .grelha>.card{min-width:150px;max-width:150px;scroll-snap-align:start}.adicionar,.form-rascunho{display:flex;flex-direction:column;gap:var(--sp-4)}.adicionar>label,.form-rascunho>label{display:flex;flex-direction:column;gap:var(--sp-2);font-weight:600;font-size:.85rem;color:var(--cor-texto-suave)}.adicionar input{min-height:44px}.modelo{border:1px solid var(--cor-borda);border-radius:var(--raio);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.modelo legend{font-weight:700;font-size:.8rem;color:var(--cor-texto-suave);padding:0 var(--sp-2)}.modelo label{display:flex;align-items:center;gap:var(--sp-2);min-height:44px}.modelo input[type=radio]{width:18px;height:18px;accent-color:var(--cor-acento)}.adicionar>button,.form-rascunho>button{min-height:44px;border-radius:var(--raio-sm);border:1px solid var(--cor-borda);background:var(--cor-superficie);font-weight:700}.adicionar>button:disabled{opacity:.5}.form-rascunho h3{font-size:1rem;margin-top:var(--sp-2)}.linha-editavel{display:flex;gap:var(--sp-2);align-items:flex-start}.linha-editavel input,.linha-editavel textarea{flex:1}.linha-editavel textarea{min-height:64px;resize:vertical}.linha-editavel button{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--cor-borda);background:var(--cor-superficie);color:var(--cor-perigo);font-size:1rem;line-height:1}.linha-editavel button:active{background:#fbeae6}.form-rascunho .primario{background:var(--cor-acento);color:#fff;border-color:var(--cor-acento);font-size:1rem;margin-top:var(--sp-3)}.form-rascunho .primario:hover{background:var(--cor-acento-escuro)}.pesquisa{display:flex;flex-direction:column;gap:var(--sp-4)}.pesquisa h2{font-size:1.3rem}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);padding:var(--sp-2);min-height:52px}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--cor-acento-suave);color:var(--cor-acento-escuro);border-radius:var(--raio-pill);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3);font-size:.85rem;font-weight:600}.chip button{min-width:44px;min-height:44px;border-radius:50%;border:none;background:transparent;color:var(--cor-acento-escuro);font-size:.9rem;display:inline-flex;align-items:center;justify-content:center}.chip button:hover{background:#a44d2e26}.chips input{flex:1;min-width:120px;border:none;padding:var(--sp-2);min-height:36px}.chips input:focus{box-shadow:none}.contagem{font-size:.85rem;font-weight:700;color:var(--cor-sucesso);text-transform:uppercase;letter-spacing:.03em}.resultado{display:flex;flex-direction:column;gap:var(--sp-1)}.posse{align-self:flex-start;font-size:.75rem;font-weight:700;color:var(--cor-sucesso);background:var(--cor-sucesso-suave);border-radius:var(--raio-pill);padding:2px var(--sp-2)}.cozinha{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -10%,var(--cozinha-fundo-alt),var(--cozinha-fundo) 65%);color:var(--cozinha-texto);padding:var(--sp-5) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom,0px))}.cozinha-topo{display:flex;align-items:center;justify-content:space-between;font-weight:700;letter-spacing:.04em;color:var(--cozinha-acento)}.cozinha-topo button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(251,247,240,.25);background:transparent;color:var(--cozinha-texto);font-size:1.1rem}.cozinha-topo button:active{background:#fbf7f01f}.passo-grande{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--fonte-titulo);font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.35;padding:var(--sp-6) 0}.cozinha-nav{display:flex;gap:var(--sp-3);padding-top:var(--sp-3)}.cozinha-nav button{flex:1;min-height:56px;border-radius:var(--raio);border:none;background:var(--cozinha-acento);color:var(--cozinha-fundo);font-weight:700;font-size:1rem;transition:transform var(--duracao) var(--entrada),opacity var(--duracao) var(--entrada)}.cozinha-nav button:active{transform:scale(.97)}.cozinha-nav button:disabled{background:#fbf7f01f;color:#fbf7f059}@media (max-width: 430px){.catalogo,.pesquisa,.adicionar,.form-rascunho,.detalhe{padding:var(--sp-3)}.grelha{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-3)}.acoes button,.acoes a{flex:1 1 auto;justify-content:center}}